:root{--navy:#122d49;--teal:#0a8e82;--ink:#17324d;--muted:#637a90;--bg:#f1f5fa;--border:#d9e4ec;--white:#fff;--orange:#c99744;--danger:#ab3f41;--radius:16px;--shadow:0 10px 30px rgba(23,51,78,.07)}
*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3{line-height:1.24;margin:0 0 10px}h1{font-size:clamp(25px,2.8vw,35px);letter-spacing:-.04em}h2{font-size:22px;letter-spacing:-.025em}h3{font-size:16px}p{margin:4px 0 15px}.muted{color:var(--muted)}small{font-size:12px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-weight:800}.app{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;background:linear-gradient(170deg,#163654,#10263f);color:#d2e0ed;padding:24px 17px;display:flex;flex-direction:column;gap:21px}.brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid #496077;padding:6px 6px 23px}.brandmark{width:44px;height:44px;background:#275e66;border-radius:13px;display:grid;place-items:center;color:#d9ffeb;font-size:23px}.brand b{display:block;font-size:18px;letter-spacing:.07em;color:white}.brand small{font-size:10px;letter-spacing:.09em;color:#b4c9dd}.side-label{font-size:10px;letter-spacing:.16em;color:#8facbe;padding:0 11px;font-weight:800}.nav{display:grid;gap:6px}.nav button{border:0;text-align:left;background:transparent;color:#c3d4e3;padding:12px 13px;width:100%;border-radius:10px;font-weight:650}.nav button.active,.nav button:hover{background:#2e526b;color:#fff}.account{margin-top:auto;padding:15px 12px 4px;border-top:1px solid #486076}.account b{display:block;color:#fff}.account button{margin-top:12px}.main{min-width:0}.top{padding:21px 34px;border-bottom:1px solid var(--border);background:white;display:flex;justify-content:space-between;align-items:center;gap:18px}.tag{background:#e7f5f0;color:#087366;border-radius:99px;padding:6px 11px;font-size:11px;font-weight:800}.content{max-width:1320px;margin:auto;padding:31px 34px 64px}.hero{border-radius:22px;padding:28px 33px;background:linear-gradient(112deg,#173653,#205a6c);color:white;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.hero p{color:#d6e6ee}.hero .kicker{color:#98e6cd}.heroicon{font-size:65px;opacity:.8}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid{display:grid;gap:17px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h2{margin-bottom:15px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.metric strong{display:block;font-size:30px;color:var(--navy)}.metric small{color:var(--muted)}.btn{border:1px solid transparent;background:var(--teal);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;text-decoration:none;font-weight:750}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#edf5f8;color:#245a6a;border:1px solid #d3e5e9}.btn.danger{background:#faeded;color:#9b4142;border-color:#f2cccd}.btn.dark{background:var(--navy)}.btn.small{padding:7px 11px;font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.input,.textarea,.select{width:100%;border:1px solid #cbdbe7;background:white;border-radius:10px;color:var(--ink);outline:none;padding:11px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #08977e16}.textarea{min-height:115px;resize:vertical}.field{display:grid;gap:6px;margin-bottom:13px}.field>label{font-size:12px;color:#4d6479;font-weight:750}.help{font-size:12px;color:var(--muted)}.divider{height:1px;background:var(--border);margin:18px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 9px;text-align:left;border-bottom:1px solid #e6edf3;vertical-align:middle}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.055em}.table tr:last-child td{border:0}.scroll{overflow-x:auto}.list{display:grid;gap:12px}.item{padding:17px;border:1px solid var(--border);border-radius:13px;background:white;display:grid;gap:7px}.item:hover{border-color:#9ecac5}.pill{background:#edf3f7;padding:5px 9px;border-radius:100px;font-size:11px;color:#4b6c82;display:inline-block}.steps{display:flex;gap:8px;flex-wrap:wrap}.steps button{background:#edf2f6;color:#486478;border:1px solid #d6e4ed;padding:9px 12px;border-radius:9px}.steps button.active{background:var(--navy);color:white}.steps button.answered{border-color:#75b1a3}.progress{height:9px;background:#e2eaf1;border-radius:15px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal)}.option{display:flex;gap:12px;align-items:center;padding:14px;border-radius:10px;border:1px solid var(--border);margin:9px 0;cursor:pointer}.option:hover{border-color:var(--teal)}.option input{accent-color:var(--teal);width:17px;height:17px}.question{font-size:18px;font-weight:750;margin:14px 0 17px;white-space:pre-line}.q-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.notice{border:1px solid #cfe4e6;background:#eff9fa;color:#315d6a;padding:12px 14px;border-radius:10px}.notice.warn{background:#fff7e8;border-color:#ecd9b0;color:#79652b}.imagepin{max-width:100%;position:relative;border:2px solid #d6e4ee;border-radius:10px;cursor:crosshair;background:#f1f7fb}.imagepin img{width:100%;height:auto;display:block}.pin{position:absolute;transform:translate(-50%,-50%);background:var(--orange);width:19px;height:19px;box-shadow:0 0 0 4px #ffffffaa;border-radius:50%;pointer-events:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:linear-gradient(145deg,#112841,#256f77);color:#fff;padding:clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:clamp(36px,5vw,65px)}.login-art p{font-size:18px;color:#d7e7ed;max-width:480px}.login-pane{display:grid;place-items:center;padding:22px}.login-form{width:min(450px,100%)}.login-form .card{padding:34px}.error{color:var(--danger);font-size:13px;min-height:20px}.loading{display:grid;place-items:center;min-height:60vh;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;background:#19344b;color:#fff;border-radius:12px;padding:12px 19px;box-shadow:var(--shadow);max-width:380px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.status{font-size:12px;font-weight:800;color:#06755e}.danger-txt{color:var(--danger)}.answer-text{font-family:ui-monospace,Consolas,monospace;background:#f2f5f8;border-radius:9px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.section-head p{margin-bottom:0}.result{border-left:4px solid #0a9a89;padding:10px 14px;background:#f3fbf8;margin:10px 0}.result.pending{border-left-color:#c99744;background:#fff9ed}.tiny{font-size:11px;color:var(--muted)}.image-preview{width:100%;max-height:340px;object-fit:contain;background:#eff5fa;border:1px solid var(--border);border-radius:9px}.hide{display:none!important}.star{color:#b68025}.empty{text-align:center;padding:36px;color:var(--muted)}
@media(max-width:1024px){.app{grid-template-columns:190px 1fr}.content{padding:25px 20px}.top{padding:16px 20px}.q-layout{grid-template-columns:1fr}.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.app{display:block}.side{height:auto;min-height:0;position:relative;padding:14px 15px;gap:8px}.brand{padding:5px 0 10px}.side-label{display:none}.nav{grid-template-columns:repeat(3,1fr)}.nav button{font-size:12px;text-align:center;padding:8px 5px}.account{display:flex;justify-content:space-between;align-items:center;padding:8px 0 0}.account button{margin:0}.top{padding:13px 15px}.content{padding:20px 13px 50px}.cols,.cols3{grid-template-columns:1fr}.hero{padding:22px}.heroicon{display:none}.section-head{align-items:flex-start;flex-direction:column}.login-page{grid-template-columns:1fr}.login-art{padding:30px 23px}.login-art h1{font-size:33px}.login-art p{font-size:15px}.login-pane{padding:25px 15px}.card{padding:16px}.question{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* V1.3I Unified admin shell */
.admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}
.admin-metrics .card{padding:18px}
.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.admin-actions .card{min-width:0}
.admin-actions .btn{margin-top:10px}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nav button[aria-current="page"]{box-shadow:inset 3px 0 0 #8eddd2}
@media(max-width:1150px){.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-actions,.admin-form-grid{grid-template-columns:1fr}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side .nav button{text-align:left;padding:10px}.admin-metrics .card{padding:14px}}
@media(max-width:370px){.admin-metrics{grid-template-columns:1fr 1fr}}