*{box-sizing:border-box}body{margin:0;background:#f1f7f2;color:#193329;font:15px/1.6 Arial,Helvetica,sans-serif}.top{background:linear-gradient(115deg,#075b3c,#08784d);color:#fff;border-bottom:4px solid #b8d88a}.top-inner{max-width:1040px;margin:auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:700;font-size:19px}.brand small{display:block;font-size:11px;font-weight:400;opacity:.86;letter-spacing:.3px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid #d8efc8;border-radius:13px;background:#ffffff18;color:#e7f6d9;font-size:24px;font-weight:700}.top nav{display:flex;gap:20px}.top nav a{color:white;text-decoration:none;font-size:14px}.top nav a:hover{text-decoration:underline}.wrap{max-width:980px;margin:25px auto;padding:0 16px}.breadcrumbs{font-size:12px;color:#658073;margin:0 0 20px}.breadcrumbs span{padding:0 8px;color:#9bb4a5}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(120deg,#e3f2e7,#f1f8ed);border:1px solid #cfe4d3;border-radius:14px;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#167047}.intro h1{font-size:27px;line-height:1.25;color:#124b34;margin:7px 0}.intro p{margin:0;color:#526e60;max-width:650px}.intro-icon{display:grid;place-items:center;flex:0 0 74px;height:74px;border-radius:18px;background:#d1e9d5;color:#147348;font-size:36px}.card{background:white;border:1px solid #dce9df;border-radius:14px;padding:26px;margin-bottom:18px;box-shadow:0 4px 16px #174c3010}.search-card{max-width:760px;margin-left:auto;margin-right:auto}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.title-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e5f3e8;color:#147348;font-size:25px}.section-title h2{font-size:19px;margin:0;color:#214a36}.section-title p{margin:2px 0 0;color:#7a9184;font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#345344}label b{color:#c0392b}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #c8d9cd;border-radius:8px;background:#fff;color:#193329;font:inherit;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #b9dfc3;border-color:#278653}small,.muted{color:#71877a;font-size:12px}button,.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;border:0;border-radius:8px;background:#087548;color:white;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}button:hover,.btn:hover{background:#065c39}.btn.secondary{background:#647b6c}.error,.success,.notice{margin-top:18px;padding:13px 15px;border-radius:8px;font-size:13px}.error{background:#fff0ef;color:#9f2d27;border:1px solid #f7d0cd}.success{background:#eaf8ef;color:#196b39;border:1px solid #c8ebd3}.notice{background:#fff8e6;color:#735b16;border:1px solid #f1dfaa}.result{border-top:1px solid #e1ebe3;margin-top:24px;padding-top:20px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.result h2{font-size:19px;margin:0 0 14px}.status{display:inline-block;border-radius:99px;padding:5px 11px;background:#e4f4e9;color:#236b3a;font-size:12px;font-weight:700}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5eee7;vertical-align:top}th{width:36%;background:#f5faf6;color:#456452}td{overflow-wrap:anywhere}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions .btn,.actions button{font-size:12px;padding:8px 10px}.login-card{max-width:520px;margin:50px auto}footer{text-align:center;color:#72877a;font-size:12px;padding:22px 16px 30px}code{background:#f1f5f2;padding:2px 4px;border-radius:4px}@media(max-width:650px){.top-inner{align-items:flex-start}.brand{font-size:16px}.top nav{gap:12px;flex-wrap:wrap}.intro{padding:22px;align-items:flex-start}.intro h1{font-size:23px}.intro-icon{flex-basis:52px;height:52px;font-size:26px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.card{padding:20px}.result-head{align-items:flex-start}th{width:42%}}
.record-photo{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:14px;background:#f5faf6;border:1px solid #dce9df;border-radius:10px}.record-photo strong,.record-photo small{display:block}.record-photo img,.photo-preview img{display:block;max-width:150px;max-height:180px;object-fit:cover;border-radius:9px;border:1px solid #d4e3d8}.photo-preview{display:flex;align-items:center;gap:12px;margin-top:8px;color:#71877a;font-size:12px}.photo-preview img{max-width:100px;max-height:120px}@media(max-width:480px){.record-photo{align-items:flex-start;flex-direction:column}}