:root{--bg:#0a0b0d;--panel:#121418;--panel-2:#171a1f;--line:#272b33;--text:#f5f7fa;--muted:#9da4af;--accent:#e7e9ed;--success:#86d39a;--watch:#e3bf72;--risk:#e88f8f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{letter-spacing:-.015em;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0d0f12;padding:28px 18px}.brand{padding:0 10px 30px}.brandMark{letter-spacing:.02em;font-size:22px;font-weight:800}.brandSub{color:var(--muted);margin-top:5px;font-size:12px}.navGroup{margin:18px 0}.navLabel{text-transform:uppercase;color:#686f7a;letter-spacing:.12em;padding:0 10px 8px;font-size:10px}.navItem{color:#cfd3da;border-radius:8px;width:100%;padding:9px 10px;font-size:14px;text-decoration:none;display:block}.navItem:hover,.navItem.active{color:#fff;background:#191c21}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.topTitle{color:var(--muted);font-size:14px}.companySelect{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.content{max-width:1500px;margin:0 auto;padding:30px 34px 60px}.hero{border:1px solid var(--line);background:linear-gradient(120deg,#13161b,#0f1115);border-radius:18px;margin-bottom:22px;padding:28px}.eyebrow{letter-spacing:.15em;color:#777f8b;text-transform:uppercase;font-size:11px}.heroTitle{margin:8px 0 20px;font-size:28px}.missionLine{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.milestone{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:18px}.milestoneLabel{color:var(--muted);text-transform:uppercase;font-size:11px}.milestoneValue{margin-top:7px;font-size:23px;font-weight:700}.milestoneDate{color:#747c87;margin-top:6px;font-size:11px}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.cardLabel{color:var(--muted);font-size:12px}.cardValue{margin-top:8px;font-size:27px;font-weight:700}.sectionTitle{margin:28px 0 12px;font-size:16px}.action{border-top:1px solid var(--line);grid-template-columns:44px 1fr 100px;align-items:center;gap:14px;padding:16px 0;display:grid}.action:first-child{border-top:0}.actionNo{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.actionTitle{margin-bottom:4px;font-weight:700}.actionReason{color:var(--muted);font-size:13px}.status{text-align:right;color:var(--success);font-size:11px}.loginPage{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.loginStory{border-right:1px solid var(--line);background:radial-gradient(circle at 15% 20%,#1a1d24 0,#0a0b0d 52%);flex-direction:column;justify-content:space-between;padding:72px;display:flex}.loginStory h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,82px);line-height:.94}.loginStory p{color:var(--muted);max-width:520px;font-size:16px;line-height:1.55}.loginFormWrap{place-items:center;padding:30px;display:grid}.loginForm{width:min(420px,100%)}.loginForm h2{margin-bottom:6px}.loginForm .muted{color:var(--muted);margin-bottom:28px}.field{margin:16px 0}.field label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.field input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:9px;padding:13px 14px}.primaryBtn{color:#111317;cursor:pointer;background:#f3f4f6;border:0;border-radius:9px;width:100%;margin-top:10px;padding:13px 16px;font-weight:700}.primaryBtn:disabled{opacity:.55}.error{color:var(--risk);margin-top:14px;font-size:13px}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:none}.missionLine,.grid4{grid-template-columns:repeat(2,1fr)}.loginPage{grid-template-columns:1fr}.loginStory{border-right:0;border-bottom:1px solid var(--line);min-height:38vh;padding:38px}}@media (max-width:620px){.content{padding:22px 16px 40px}.topbar{padding:0 16px}.missionLine,.grid4{grid-template-columns:1fr}.loginStory{padding:28px}}
.scopePill{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:11px}.compactHero{padding:24px 26px}.formGrid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;display:grid}.compactField{margin:0}.compactField input,.compactField select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:9px;padding:12px 13px}.formFooter{justify-content:space-between;align-items:flex-end;gap:18px;min-height:48px;margin-top:18px;display:flex}.autoBtn{width:auto;min-width:150px;padding-left:24px;padding-right:24px}.successText{color:var(--success);margin-top:8px;font-size:13px}.tableCard{padding:0 18px;overflow-x:auto}.accessTable{grid-template-columns:minmax(210px,1.2fr) minmax(190px,.9fr) minmax(300px,1.5fr) 100px;align-items:center;gap:18px;min-width:900px;display:grid}.headerRow{color:#737b87;text-transform:uppercase;letter-spacing:.1em;padding:14px 0;font-size:10px}.dataRow{border-top:1px solid var(--line);padding:16px 0}.chipWrap{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#d8dce3;letter-spacing:.02em;text-transform:uppercase;background:#171a20;border:1px solid #343a44;border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;display:inline-flex}.subtleChip{color:var(--muted);text-transform:none}.mutedDash{color:#666e79;font-size:12px}.stateDot{align-items:center;gap:7px;font-size:11px;display:inline-flex}.stateDot:before{content:"";background:#707782;border-radius:50%;width:7px;height:7px}.stateActive{color:var(--success)}.stateActive:before{background:var(--success)}.stateInactive{color:var(--risk)}.stateInactive:before{background:var(--risk)}.roleLine{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.roleLine:first-child{border-top:0}@media (max-width:900px){.formGrid3{grid-template-columns:1fr 1fr}}@media (max-width:620px){.formGrid3{grid-template-columns:1fr}.formFooter{flex-direction:column;align-items:stretch}.autoBtn{width:100%}}