:root{color-scheme:light;--ink:#18323e;--muted:#647985;--line:#d7e1e6;--bg:#eef4f6;--panel:#fff;--primary:#0b4f6c;--primary2:#13769c;--good:#19734a;--warn:#9b5d00;--danger:#a72c34;--shadow:0 10px 35px rgba(20,57,73,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(135deg,#f8fbfc 0,#eef4f6 55%,#e7f0f3 100%);min-height:100vh}.app-header{height:72px;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--primary);color:#fff;font-weight:800;border-radius:13px;letter-spacing:.03em}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px}.connection{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#e9f8f0;color:var(--good);font-size:.86rem}.connection span{width:9px;height:9px;border-radius:50%;background:currentColor}.connection.offline{background:#fff3df;color:var(--warn)}.shell{max-width:1220px;margin:28px auto;padding:0 22px 40px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px}.steps,.form-card{background:rgba(255,255,255,.96);border:1px solid rgba(215,225,230,.9);border-radius:18px;box-shadow:var(--shadow)}.steps{padding:19px;align-self:start;position:sticky;top:96px}.progress{height:6px;background:#e3ecef;border-radius:99px;overflow:hidden;margin-bottom:17px}.progress span{display:block;height:100%;width:14.28%;background:linear-gradient(90deg,var(--primary),#31a0b8);transition:width .2s}.steps nav{display:grid;gap:5px}.step-button{border:0;background:transparent;text-align:left;padding:11px 10px;border-radius:10px;color:var(--muted);font:inherit;cursor:pointer;display:flex;gap:10px;align-items:center}.step-button .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf3f5;color:var(--primary);font-size:.78rem;font-weight:800}.step-button.active{background:#eaf4f7;color:var(--primary);font-weight:700}.step-button.done .num{background:var(--good);color:#fff}.save-state{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:17px;padding-top:15px;color:var(--muted);font-size:.82rem}.save-state span:first-child{width:8px;height:8px;border-radius:50%;background:var(--good)}.notice{border-radius:13px;padding:13px 16px;margin:0 0 14px;border:1px solid #b8d9e6;background:#eaf7fb;color:#174b60}.notice.warning{border-color:#f0c879;background:#fff6e5;color:#754600}.notice.error{border-color:#e8a4a8;background:#fff0f1;color:#802128}.notice.success{border-color:#9bd0b4;background:#eaf8f0;color:#145c3b}.hidden{display:none!important}.form-card{padding:30px}.page-title{margin:0 0 6px;font-size:clamp(1.5rem,4vw,2.15rem);letter-spacing:-.02em}.page-intro{color:var(--muted);margin:0 0 28px;line-height:1.5}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.91rem}.required::after{content:" *";color:var(--danger)}input,select,textarea{width:100%;border:1px solid #bdcdd4;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px;padding:12px 13px;outline:none}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary2);box-shadow:0 0 0 3px rgba(19,118,156,.12)}input:disabled{background:#f2f5f6;color:#536a75}.hint{color:var(--muted);font-size:.8rem}.radio-group{display:flex;gap:8px;flex-wrap:wrap}.radio-group label{font-weight:500}.radio-group input{position:absolute;opacity:0;width:1px;height:1px}.radio-group span{display:block;padding:10px 14px;border:1px solid #bdcdd4;border-radius:9px;background:#fff;cursor:pointer}.radio-group input:checked+span{border-color:var(--primary);background:#eaf4f7;color:var(--primary);font-weight:700}.photo-section{display:grid;gap:16px}.photo-field{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfdfd}.photo-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.photo-heading small{display:block;color:var(--muted);margin-top:4px}.photo-count{background:#e5f0f3;color:var(--primary);font-size:.78rem;font-weight:800;padding:4px 8px;border-radius:999px;height:max-content}.capture-button{display:block;border:1px dashed var(--primary2);border-radius:10px;padding:12px;text-align:center;color:var(--primary);background:#f0f9fb;cursor:pointer;font-weight:700}.capture-button input{position:absolute;opacity:0;width:1px;height:1px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;margin-top:12px}.photo-tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#dfe8eb}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile button{position:absolute;right:6px;top:6px;width:31px;height:31px;border:0;border-radius:50%;background:rgba(111,16,23,.9);color:#fff;font-size:17px;cursor:pointer}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.button{border:0;border-radius:11px;padding:13px 19px;font:inherit;font-weight:800;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff;margin-left:auto}.button.secondary{background:#dfe9ed;color:var(--ink)}.button.success{background:var(--good);color:#fff;margin-left:auto}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.summary-item{padding:13px;border:1px solid var(--line);border-radius:10px}.summary-item small,.summary-item strong{display:block}.summary-item small{color:var(--muted);margin-bottom:4px}.privacy{padding:14px;border-radius:10px;background:#edf5f7;color:#4e6874;font-size:.86rem;line-height:1.45;margin-top:20px}
@media(max-width:800px){.app-header{height:64px}.brand strong{font-size:.92rem}.brand small{font-size:.75rem}.shell{display:block;margin:14px auto;padding:0 12px 30px}.steps{position:static;padding:12px;margin-bottom:12px}.steps nav{display:flex;overflow-x:auto;scrollbar-width:none}.step-button{flex:0 0 auto;padding:8px}.step-button .label{display:none}.save-state{margin-top:10px;padding-top:10px}.form-card{padding:20px 16px}.fields,.summary-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{position:sticky;bottom:0;background:rgba(238,244,246,.94);padding:11px 2px max(11px,env(safe-area-inset-bottom));backdrop-filter:blur(8px);z-index:10}.button{padding:13px 15px}.connection b{display:none}}