:root{--premium-bg:#090b0f;--premium-rail:#0c0f14;--premium-panel:#11151b;--premium-panel-2:#0d1116;--premium-line:#252c36;--premium-line-strong:#34404d;--premium-text:#f4f6f8;--premium-muted:#8e99a7;--premium-cyan:#69d8fb;--premium-green:#72dfb6;--premium-amber:#eac06f;--premium-red:#ff7588}
body{background:var(--premium-bg);color:var(--premium-text);-webkit-font-smoothing:antialiased}
.dashboard{grid-template-columns:264px minmax(0,1fr);background:radial-gradient(circle at 76% -10%,rgba(72,131,176,.08),transparent 34rem),linear-gradient(180deg,#090b0f,#080a0e 60%,#07090c)}
.sidebar{padding:24px 18px;border-right:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,#0c0f14,#090c10)}
.brand{border-bottom-color:rgba(255,255,255,.06)}
.brand-mark{width:38px;height:38px;border:1px solid var(--premium-line-strong);border-radius:10px;clip-path:none;background:linear-gradient(145deg,#171d25,#0d1116);color:#a7e9ff;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.25)}
.brand strong{letter-spacing:.04em;text-transform:none;font-size:13px}.brand small{color:#6f7a87;letter-spacing:.1em}
.side-label{color:#596573;letter-spacing:.14em}
.side-nav{gap:7px}.side-nav a{min-height:45px;padding:0 12px;border-radius:10px;color:#7f8996;border:1px solid transparent}.side-nav a:hover,.side-nav a[aria-current="page"]{color:#edf2f6;border-color:#27313c;background:#11161d}.side-nav a[aria-current="page"]::after{content:"ACTIVE";color:#86dabb}.side-nav i{color:#647383}
.sidebar-foot{border-top-color:rgba(255,255,255,.06);color:#596573}.sidebar-foot .dot{background:var(--premium-green);box-shadow:none}
.main{padding:0 32px 54px}
.topbar{height:80px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(9,11,15,.9);backdrop-filter:blur(20px)}
.top-status{color:#747f8d}.top-status i{background:var(--premium-amber);box-shadow:none}.top-status[data-state="live"] i{background:var(--premium-green);box-shadow:none}
.session{min-height:42px;padding:0 15px;border:1px solid var(--premium-line);border-radius:10px;background:#10141a}.session:hover{border-color:#3a4552;background:#151a21}
.content{width:min(1480px,100%);padding-top:38px}
.page-head{margin-bottom:28px}.page-head span{color:#71808f;letter-spacing:.13em}.page-head h1{margin-top:9px;font-size:clamp(36px,4.3vw,58px);font-weight:700;letter-spacing:-.045em}.page-head p{color:var(--premium-muted);font-size:13px;line-height:1.75}
.kpis{gap:12px;margin-bottom:14px}.workspace-kpi{min-height:142px;padding:20px;border:1px solid var(--premium-line);border-radius:16px;background:linear-gradient(180deg,#11161d,#0d1116);box-shadow:inset 0 1px rgba(255,255,255,.025)}.workspace-kpi::after{display:none}.workspace-kpi span{color:#697583;letter-spacing:.1em}.workspace-kpi strong{margin:17px 0 7px;font-size:27px}.workspace-kpi small{color:#737f8c}.workspace-kpi[data-tone="good"] strong{color:var(--premium-green)}.workspace-kpi[data-tone="warn"] strong{color:var(--premium-amber)}.workspace-kpi[data-tone="bad"] strong{color:var(--premium-red)}
.grid-main{gap:12px;margin-top:14px}.panel{border:1px solid var(--premium-line);border-radius:18px;background:linear-gradient(180deg,#11151b,#0d1116);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}.panel-head{min-height:58px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.055)}.panel-head span{color:#697583}.panel-head b{font-size:12px;color:#dfe5ea}
.intel-map{min-height:430px;background:radial-gradient(circle at center,rgba(74,131,169,.1),transparent 36%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}.intel-map::after{background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(11,14,18,.76) 86%)}.map-core{width:120px;height:120px;border-color:#3d6375;background:radial-gradient(circle,rgba(88,217,255,.09),#0b0f14 68%);box-shadow:0 22px 58px rgba(0,0,0,.28)}.map-core b{font-size:19px}.map-core small{color:#79909e}.map-ring{border-color:rgba(255,255,255,.08)}.map-line{background:linear-gradient(90deg,rgba(104,162,188,.36),rgba(255,255,255,.025))}.map-node{padding:11px;border:1px solid #26313b;border-radius:10px;background:rgba(13,17,22,.94);box-shadow:0 12px 30px rgba(0,0,0,.22)}.map-node::before{background:#79cae3;box-shadow:none}.map-node small{color:#687583}.map-node.threat{border-color:#443039}.map-node.threat::before{background:var(--premium-red);box-shadow:none}
.ops-list{padding:14px}.status-row{padding:15px 5px;border-bottom-color:rgba(255,255,255,.05)}.status-row span{color:#87919d}.status-row span em{color:#5f6b78}.status-row b{color:var(--premium-amber)}.status-row[data-tone="ready"] b{color:var(--premium-green)}.status-row[data-tone="danger"] b{color:var(--premium-red)}
.workspace-live{margin-top:14px;border:1px solid var(--premium-line);border-radius:18px;background:linear-gradient(180deg,#10151b,#0d1116);overflow:hidden}.workspace-live-head{padding:20px;border-bottom-color:rgba(255,255,255,.055)}.workspace-live-head h2{font-size:20px}.workspace-live-head p{color:var(--premium-muted)}.workspace-live-state{border-radius:999px;border-color:#4a4030;background:#19150f;color:var(--premium-amber)}.workspace-live-state[data-state="live"]{border-color:#29483c;background:#0f1815;color:var(--premium-green)}.workspace-live-state[data-state="signed_out"]{border-color:#4a2d34;background:#1a1114;color:var(--premium-red)}
.workspace-command-grid{border-top-color:rgba(255,255,255,.05)}.workspace-command{padding:18px}.workspace-command+.workspace-command{border-left-color:rgba(255,255,255,.05)}.workspace-command-head{color:#6c7784}.workspace-command-empty{border:1px dashed #2a333d;border-radius:12px;color:#6f7c89;background:#0c1015}.workspace-report-card,.workspace-alert{border-color:#252e38;border-radius:12px;background:#0d1116}.workspace-report-actions a{border-color:#29333e;border-radius:8px}.workspace-report-actions a.primary{color:#9fe7ff;border-color:#315464}
.tool-grid{gap:12px}.tool-card{border-color:var(--premium-line)!important;border-radius:17px!important;background:linear-gradient(180deg,#10151b,#0d1116)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}.tool-card .kicker{color:#71808f!important}.tool-card h2{letter-spacing:-.03em}.tool-card p{color:var(--premium-muted)!important}.boundary{border-color:#252e38!important;background:#0c1015!important;color:#778390!important;border-radius:10px}
.footer{border-top-color:rgba(255,255,255,.06)!important;color:#626d79!important}.footer a:hover{color:#c7d0d8}
@media(max-width:820px){.dashboard{grid-template-columns:1fr}.sidebar{background:#0b0e12}.main{padding:0 18px 40px}.topbar{padding:0}.content{padding-top:26px}}
@media(max-width:760px){.main{padding:0 12px 34px}.page-head{align-items:flex-start}.page-head h1{font-size:38px}.kpis{gap:9px}.workspace-kpi{border-radius:13px}.panel,.workspace-live{border-radius:14px}.workspace-command-grid{grid-template-columns:1fr}.workspace-command+.workspace-command{border-left:0;border-top:1px solid rgba(255,255,255,.05)}}

/* The drawer shares the base stylesheet's 820px breakpoint. A single-column
   grid with a sticky 100vh sidebar would push the workspace below the fold. */
[hidden]{display:none!important}
a,button,input,select,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--premium-cyan);outline-offset:3px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px;background:#111b24;transform:translateY(-150%)}.skip-link:focus{transform:none}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.brand{flex-shrink:0}.brand strong{font-size:14px}.brand small{font-size:12px;letter-spacing:0}.side-nav a{justify-content:flex-start;gap:10px;font-size:14px}.side-nav a::after{margin-left:auto;font-size:10px!important}.side-nav span{flex:1}.sidebar-foot{font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none}
.workspace-links{display:grid;gap:4px;margin:20px 0}.workspace-links a{padding:10px 12px;min-height:44px;color:#afbac5;font-size:14px;border-radius:8px}.workspace-links a:hover{background:#18212b;color:#fff}
.topbar>.brand{border:0;padding:0}.topbar{grid-template-columns:minmax(0,1fr) auto auto}.top-status{max-width:250px;font-size:12px;letter-spacing:0}.session{font-size:14px}
.page-head{align-items:flex-start}.page-head h1{font-size:clamp(28px,3vw,40px);margin:6px 0}.page-head p{font-size:16px;max-width:440px}.page-head span{font-size:12px}.content{padding-top:24px}
.dashboard-scan-entry{padding:24px;margin:0 0 24px;border:1px solid #355564;border-radius:16px;background:linear-gradient(135deg,#13212a,#0d1116 70%)}.dashboard-scan-entry h2{margin:0 0 8px;font-size:24px;letter-spacing:-.025em}.dashboard-scan-entry p{color:#abb8c4;font-size:14px;line-height:1.6;margin:8px 0}
.dashboard-scan-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.4fr) auto;gap:12px;align-items:end;margin-top:20px}.dashboard-scan-form label{display:grid;gap:8px;font-size:14px;color:#dce5eb;min-width:0}.dashboard-scan-form input,.dashboard-scan-form select{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #3b4b59;border-radius:8px;background:#0a1016;color:#f2f5f7;font:400 16px var(--sans)}.dashboard-scan-form button,.workspace-refresh{min-height:48px;padding:12px 18px;border:1px solid #70cbe7;border-radius:8px;background:#75d8f6;color:#08131a;font:700 14px var(--sans);cursor:pointer}.workspace-refresh{background:#16232c;color:#c3e9f5;white-space:nowrap;border-color:#3a5262}.workspace-refresh:disabled{opacity:.6}
.scan-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.scan-shortcuts a,.tool-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #354452;border-radius:8px;color:#b8e8f7;font-size:14px}.tool-action{margin-top:18px}
.workspace-kpi span,.workspace-kpi small{font-size:13px;letter-spacing:0;color:#a0afbd}.workspace-kpi strong{overflow-wrap:anywhere}.workspace-kpi{min-height:140px}.workspace-report-card__top{flex-wrap:wrap}.workspace-report-card__top b{overflow-wrap:anywhere}.workspace-command-head{gap:10px;flex-wrap:wrap;line-height:1.6}.workspace-command-empty,.workspace-live-head p,.tool-card p,.workspace-signin p{font-size:14px;color:#a4b3c0}.workspace-live-head{flex-wrap:wrap}.workspace-live-state{overflow-wrap:anywhere;max-width:100%}.tool-card .boundary{font-size:12px!important;line-height:1.7}.status-row b{font-size:12px;text-align:right;overflow-wrap:anywhere}.panel-head{gap:12px;flex-wrap:wrap;padding-block:12px}.panel-head span,.panel-head b{font-size:13px}.status-row span{font-size:14px}.status-row span em{font-size:12px}.map-node small{font-size:10px}.map-core small{font-size:9px}.footer{font-size:12px;line-height:1.6}section[id]{scroll-margin-top:100px}
@media(max-width:1160px){.dashboard-scan-form{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr)}.dashboard-scan-form button{grid-column:1/-1}.page-head{flex-direction:column;gap:8px}.page-head p{max-width:none}.top-status{display:none}.topbar{grid-template-columns:1fr auto}}
@media(max-width:820px){.dashboard{display:block}.sidebar{height:100dvh;visibility:hidden}.nav-open .sidebar{visibility:visible}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.main{padding:0 16px 40px}.mobile-menu{width:44px;height:44px;border-radius:8px}.topbar .brand small{display:none}.topbar .brand strong{font-size:14px;letter-spacing:0}.topbar .brand-mark{width:30px;height:30px}.dashboard-scan-entry{padding:20px}.content{padding-top:18px}}
@media(max-width:560px){.dashboard-scan-form{grid-template-columns:1fr}.dashboard-scan-entry h2{font-size:22px}.brand{gap:7px}.brand-mark{flex-shrink:0}.workspace-kpi{padding:14px;min-height:132px}.workspace-kpi strong{font-size:18px}.scan-shortcuts{display:grid;gap:8px}.workspace-refresh{width:100%}.workspace-report-card__top{display:block}}