:root{font-family:system-ui,Tahoma,Arial,sans-serif;color:#17374b;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c6d9e2;border-radius:8px;padding:9px 13px;background:white;color:#194461}button.primary{background:#067d82;color:white;border-color:#067d82}button.danger{color:#9c3434}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;padding:10px;border:1px solid #bcd0da;border-radius:8px;background:white}textarea{min-height:80px}label{display:block;font-weight:600;margin:12px 0 5px}h1{font-size:23px;margin:0}h2{font-size:18px}small,.muted{color:#758999}.layout{display:flex;min-height:100vh}aside{width:245px;background:#103a56;color:white;padding:23px 14px;flex-shrink:0}aside h2{margin:0 0 5px}aside small{color:#bdd2db}nav{margin-top:24px}nav button{width:100%;text-align:right;background:transparent;border:0;color:#d3e5ee;padding:13px}nav button.active{background:#ffffff22;color:white}main{width:100%;min-width:0}header{display:flex;justify-content:space-between;gap:14px;align-items:center;background:white;padding:20px 27px}#content{padding:25px;max-width:1380px;margin:0 auto}.card{background:white;border:1px solid #dce7ed;border-radius:13px;padding:20px;margin-bottom:15px}.metrics,.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.metric strong{font-size:26px;display:block;color:#0b6274;margin-top:12px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.notice{padding:13px;margin:14px 25px;border-radius:9px;background:#e5f2f1}.error{background:#ffe8e8;color:#a32828}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:right;border-bottom:1px solid #e8edef;padding:11px}th{background:#f0f5f7}td{white-space:normal;max-width:360px}.tag{font-size:12px;background:#e5f2f1;border-radius:20px;padding:5px 10px}.tag.pending{background:#fff0d1}details{border:1px solid #dce7ed;border-radius:10px;margin:12px 0;padding:15px}summary{cursor:pointer;font-weight:700}.muted{font-size:13px}.option{padding:10px;border:1px solid #e0e8eb;border-radius:8px}footer{margin:35px;color:#7a8b96;font-size:12px}#flash:empty{display:none}@media(max-width:820px){.layout{display:block}aside{width:auto}nav{display:flex;overflow:auto}nav button{min-width:125px}.metrics,.cols,.fieldgrid{grid-template-columns:1fr}#content{padding:12px}}
/* Secure V2 extended navigation and accessible controls */
:root{--teal:#087d81;--ink:#153b54;--border:#dce7ed}
nav button{display:block;transition:background .15s ease}nav button:hover,nav button:focus-visible{background:#ffffff1c;color:#fff;outline-offset:-2px}
header{border-bottom:1px solid var(--border)}.card{box-shadow:0 5px 20px rgba(25,72,90,.035)}h2{color:var(--ink);margin:0 0 12px}
button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.actions{align-items:center}.checkbox-label{display:inline-flex;align-items:center;gap:9px;font-weight:500;margin:0}.checkbox-label input{margin:0;width:auto}
.metrics{margin:18px 0}.metrics .card{margin-bottom:0}.metrics .card strong{display:block;font-size:26px;color:#0b6875;margin-top:9px}
.caution{background:#fff7e9;border:1px solid #edd8ac}.tag{display:inline-block}.tag.pending{background:#fff0d1}
.questionform textarea{min-height:110px}.fieldgrid{margin:14px 0}.tablewrap{border:1px solid var(--border);border-radius:9px}
tr:hover td{background:#f8fafc}.badge{background:#e8f4f2}.error{padding:12px;border-radius:9px}p{line-height:1.7}
@media (max-width:840px){aside{width:100%}nav{display:flex;overflow:auto;gap:2px}nav button{flex-shrink:0;width:auto;white-space:nowrap}header{padding:15px;flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.metrics{grid-template-columns:1fr}}
aside h2{color:#fff}aside small{display:block;line-height:1.6}aside{background:linear-gradient(165deg,#113b58,#08293e)}
input[type="checkbox"]{width:auto}.muted{line-height:1.8}
/* V3 account onboarding, admin console and navigation */
:root{--shadow:0 12px 32px rgba(10,45,65,.045)}
.card{box-shadow:var(--shadow)}
.auth-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.auth-tabs button{min-width:140px}
input[type="date"],input[type="datetime-local"]{min-height:44px}
.card h3{font-size:16px;margin:20px 0 12px;color:#17445a}
main header h1{letter-spacing:-.35px}
.card .metrics .card{background:#f9fcfd;box-shadow:none;border-color:#d7e8ec}
.card .metrics .card strong{font-size:19px;overflow-wrap:anywhere}
.notice.caution{margin:12px 0}
.notice.error{margin:10px 0}
#flash:not(:empty){max-width:1350px;margin:auto}
#content>.metrics{margin-bottom:20px}
select:disabled{background:#eef2f5}
@media(max-width:820px){.card{padding:15px}.auth-tabs button{flex:1}.tablewrap{max-width:100%;overflow:auto}}