:root{--bg:#080d17;--panel:#101a2a;--panel2:#142238;--line:#23344d;--text:#edf3fb;--muted:#91a3ba;--blue:#6db5ff;--green:#59d6a1;--amber:#ffc36b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#142b49 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,Arial,sans-serif}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3988db,#7b66d8);font-weight:900;font-size:21px}.brand strong{display:block;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:11px}.status{color:var(--muted);font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:7px}
.wrap{max-width:1180px;margin:auto;padding:42px 24px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch;margin-bottom:24px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 9px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:0}.hero h1 em{font-style:normal;color:#83bdff}.sub{color:var(--muted);max-width:570px;margin-top:17px}.mission,.panel,.stat{background:linear-gradient(145deg,rgba(22,38,60,.96),rgba(13,23,38,.96));border:1px solid var(--line);border-radius:17px}.mission{padding:23px}.label{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.mission h2{font-size:25px;margin:8px 0}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span,.tag{font-size:10px;padding:5px 9px;border:1px solid #315276;border-radius:20px;color:#b8d9ff;background:#142a43}.mission p{color:var(--muted);font-size:12px;margin:18px 0 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{padding:17px}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:30px;margin:5px 0;font-weight:650}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel{padding:21px}.wide{grid-column:span 2}.panel h2{font-size:19px;margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between}.command-placeholder{display:flex;gap:15px;align-items:center;background:#0c1523;border:1px solid var(--line);padding:17px;border-radius:13px}.orb{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:#18395b;color:#8ec8ff;font-weight:900}.command-placeholder p{margin:4px 0 0;color:var(--muted);font-size:12px}.input-row{display:flex;gap:9px;margin-top:12px}.input-row input{flex:1;min-width:0;background:#0b1421;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--muted)}button{border:0;border-radius:9px;padding:0 18px;background:#294f78;color:#a9c7e5}.clean{list-style:none;padding:0;margin:0}.clean li{padding:8px 0;color:#c4d1e0;font-size:12px}.check,.pending{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;margin-right:8px;background:#153b35;color:var(--green)}.pending{background:#3d3020;color:var(--amber)}.module-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:12px}.module-list b{color:var(--blue);font-size:10px}.module-list i{margin-left:auto;color:var(--muted);font-size:10px;font-style:normal}.muted{border-color:var(--line);color:var(--muted);background:#111c2b}.loop{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}.loop span{padding:8px 11px;background:#13253b;border:1px solid #29415f;border-radius:9px;font-size:11px}.loop b{color:var(--blue)}.note{font-size:11px;color:var(--muted);margin:17px 0 0}footer{text-align:center;color:#64768d;font-size:10px;padding:28px 0 5px}
@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 17px}.wrap{padding:27px 16px}.status{font-size:10px}.loop{justify-content:flex-start}.loop b{padding:0 2px}}

/* Phase 1.1 authentication and forms */
.auth-body{min-height:100vh;display:grid;place-items:center;padding:22px}
.auth-card{width:min(100%,420px);padding:30px;background:linear-gradient(145deg,#16263c,#0d1726);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px #0007}
.auth-mark{margin-bottom:20px}.auth-card h1{font-size:30px;letter-spacing:2px;margin:4px 0}.muted-text,.tiny,.empty{color:var(--muted)}.tiny{font-size:10px;margin-top:18px}
.auth-card form,.stack-form{display:grid;gap:13px;margin-top:20px}.auth-card label,.stack-form label{display:grid;gap:6px;color:#bdcce0;font-size:12px}
.auth-card input,.stack-form input,.stack-form textarea,.stack-form select{width:100%;min-width:0;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#0a1422;color:var(--text);font:inherit}
.stack-form textarea{resize:vertical}.primary{border:0;border-radius:9px;padding:11px 16px;background:linear-gradient(120deg,#367fc2,#5d69c8);color:white;font-weight:700;cursor:pointer}.primary:hover{filter:brightness(1.12)}.full{width:100%;margin-top:5px}
.alert,.success-box{padding:12px 14px;border-radius:10px;margin:15px 0;font-size:12px;border:1px solid #70454b;background:#351e28;color:#ffc4c9}
.success-box{border-color:#28664f;background:#112e27;color:#a8f0cf}
.top-actions{display:flex;align-items:center;gap:15px}.user-email{font-size:11px;color:var(--muted)}.logout{font-size:11px;color:#b9d8ff;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.record-list{display:grid;gap:0}.record-list>div{padding:11px 0;border-top:1px solid var(--line)}.record-list b,.record-list small{display:block}.record-list b{font-size:12px}.record-list small{font-size:10px;color:var(--muted);margin-top:4px}
.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.policy-grid span{font-size:11px;padding:10px;background:#0d1a2a;border:1px solid var(--line);border-radius:8px;color:#c7d5e5}
@media(max-width:760px){.top-actions{gap:8px}.user-email{display:none}.policy-grid{grid-template-columns:1fr}.auth-card{padding:23px}}