:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f3f6f8;--blue:#0ea5e9;--teal:#0f766e;--green:#15803d;--amber:#b45309;--red:#b91c1c;--white:#fff;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#0c4a6e 0,transparent 28%),linear-gradient(145deg,#020617,#0f172a)}.login-card{width:min(460px,100%);padding:38px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(0,0,0,.35)}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#0f172a,#0369a1);color:#fff;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:13px}.login-card h1{margin:10px 0 8px;font-size:30px}.eyebrow{margin:20px 0 0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8}.eyebrow.blue{color:#7dd3fc}.muted{color:var(--muted);font-size:14px;line-height:1.65}.form-stack{display:grid;gap:15px;margin-top:24px}.form-stack label,.upload-box label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#475569}input,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 12px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:750;font-size:13px;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#1e293b}.btn.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.btn.secondary:hover{background:#f8fafc}.btn.full{width:100%;margin-top:18px}.error{min-height:18px;margin:0;color:var(--red);font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#020617;color:#cbd5e1;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 26px}.brand strong{display:block;color:#fff}.brand small{display:block;margin-top:2px;font-size:11px;color:#64748b}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#94a3b8;text-align:left;font-size:13px;cursor:pointer}.nav-item span{width:19px;text-align:center}.nav-item:hover,.nav-item.active{background:#172033;color:#fff}.sidebar-foot{margin-top:auto;padding:15px 8px 0;border-top:1px solid #1e293b;font-size:11px;color:#94a3b8}.sidebar-foot strong{display:block;color:#e2e8f0}.link-btn{border:0;background:none;color:#7dd3fc;padding:9px 0;cursor:pointer}.workspace{min-width:0;padding:28px 34px 60px}.topbar,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.topbar .eyebrow,.section-head .eyebrow{margin:0}.topbar h1{font-size:28px;margin:5px 0 0}.secure-pill,.restricted-pill{border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:750}.restricted-pill{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.view{display:none}.view.active-view{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03),0 10px 30px rgba(15,23,42,.025)}.metric{padding:19px}.metric p{margin:0;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:27px}.metric small{display:block;margin-top:8px;color:#94a3b8}.panel{padding:21px}.panel.dark{background:#020617;color:#e2e8f0;border-color:#172033}.panel.dark p{color:#94a3b8;line-height:1.65}.panel.dark h2{color:#fff}.panel h2,.panel h3,.section-head h2{margin:5px 0 7px}.panel h3{font-size:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-head .eyebrow{margin:0}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1.3fr .7fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.status{display:inline-flex;padding:7px 10px;border:1px solid #bae6fd;border-radius:999px;background:#f0f9ff;color:#0369a1;font-size:11px;font-weight:800}.timeline-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:28px 0 18px}.timeline-mini span{padding:9px 5px;border-radius:9px;background:#f1f5f9;color:#64748b;text-align:center;font-size:10px}.small-note{font-size:11px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.fact{padding:12px;border-radius:12px;background:#f8fafc}.fact small{display:block;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.fact strong{display:block;margin-top:4px;font-size:13px;line-height:1.45}.upload-box{margin-top:20px;padding:16px;border:1px dashed #94a3b8;border-radius:14px;background:#f8fafc;display:grid;gap:12px}.file-list{display:grid;gap:8px;margin-top:13px}.file-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;background:#eff6ff;font-size:12px}.file-item a{font-weight:700;color:#0369a1;text-decoration:none}.message{min-height:20px;color:var(--teal);font-size:12px}.spaced{margin-top:28px!important}.events{display:grid;gap:10px;max-height:325px;overflow:auto}.event{padding-left:12px;border-left:3px solid #cbd5e1}.event strong{display:block;font-size:12px}.event small{display:block;margin-top:4px;color:#94a3b8}.production-card{overflow:hidden}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:-21px -21px 0}.production-grid>div{padding:24px}.production-grid>div+div{border-left:1px solid var(--line);background:#f8fafc}.production-grid .eyebrow{margin:0}.spec{font-size:14px;line-height:1.8;color:#334155}.production-facts{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:20px;border-top:1px solid var(--line)}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.narrow{max-width:600px}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;padding:13px 16px;border-radius:12px;background:#0f172a;color:#fff;font-size:13px;box-shadow:0 16px 40px rgba(15,23,42,.3);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.three{grid-template-columns:1fr}.production-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:1fr 1fr}.workspace{padding:22px 16px 50px}.topbar{align-items:flex-start}.metrics{grid-template-columns:1fr}.production-grid{grid-template-columns:1fr}.production-grid>div+div{border-left:0;border-top:1px solid var(--line)}.facts{grid-template-columns:1fr}.timeline-mini{grid-template-columns:repeat(2,1fr)}}