:root{--bg:#070d16;--panel:#0d1624;--panel2:#101b2b;--soft:#142235;--border:#1d2c40;--border2:#26394d;--txt:#eff5ff;--muted:#7e93a9;--muted2:#567087;--mint:#47e3b1;--teal:#3ccbb3;--blue:#5b9cff;--purple:#b89bfa;--amber:#f5bd75;--shadow:0 20px 55px #0005}*{box-sizing:border-box}html{height:100%}body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}::selection{background:#315d55}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-weight:750}small{font-size:11px}.hidden{display:none!important}.muted{color:var(--muted)}.accent{color:var(--mint)}.kicker,.eyebrow,.overline,.nav-caption{font-size:10px;letter-spacing:.19em;font-weight:800}.eyebrow{color:var(--mint);display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:18px;background:var(--mint)}
/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:550px 1fr;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 28%,#122f3f 0%,#080e19 45%,#070d16 90%)}.login-panel{position:relative;z-index:2;min-height:100vh;border-right:1px solid #203747;background:#08121fe8;padding:56px max(45px,10%);display:flex;flex-direction:column;justify-content:center;box-shadow:25px 0 90px #0003}.login-panel .brand{position:absolute;top:48px;left:58px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#e4fff7;background:linear-gradient(145deg,#174f4b,#0c242d);border:1px solid #2e7566;font-size:27px;font-weight:900;letter-spacing:-.13em;flex-shrink:0;padding-right:5px}.brand-icon span{color:var(--mint)}.brand b{font-size:14px;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;letter-spacing:.15em;color:#69879d;font-weight:700;font-size:8px;margin-top:1px}.login-mark{width:76px;height:76px;background:#122738;border:1px solid #245451;border-radius:25px;display:grid;place-items:center;position:relative;margin-bottom:31px;box-shadow:0 0 70px #39b69a22}.radar-ring{width:46px;height:46px;border:1px solid #47e3b16c;border-radius:50%;display:block}.radar-ring.inner{position:absolute;width:23px;height:23px}.radar-point{width:9px;height:9px;border-radius:50%;background:var(--mint);position:absolute;left:43px;top:26px;box-shadow:0 0 18px var(--mint)}.login-panel .kicker{color:var(--mint);margin-bottom:13px}.login-panel h1{font-size:43px;margin-bottom:9px}.login-panel p{font-size:14px;line-height:1.65;max-width:335px}.login-panel form{margin-top:34px}.login-panel label{display:block;font-size:12px;color:#c8d8e8;font-weight:650;margin:20px 0 9px}.login-panel input{width:100%;background:#111f30;border:1px solid #274055;border-radius:10px;padding:14px 16px;color:#f6fbff;outline:none}.login-panel input:focus{border-color:var(--mint)}.login-panel input::placeholder{color:#587287}.primary{border:0;background:linear-gradient(125deg,#52e5c0,#31c5aa);color:#08251f;font-weight:800;border-radius:10px;padding:13px 18px}.primary:hover{filter:brightness(1.07)}.sign-in{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:28px}.sign-in span{font-size:21px;font-weight:400}.login-footer{font-size:9px;color:#6e8799;letter-spacing:.14em;position:absolute;bottom:36px}.login-aside{align-self:center;padding:50px max(6%,40px);position:relative;z-index:1}.login-aside .overline{color:var(--mint);margin-bottom:22px}.login-aside h2{font-size:clamp(36px,4.1vw,69px);line-height:1.16;margin-bottom:20px}.login-aside h2 span{color:#89a5b6}.login-aside p{font-size:16px;line-height:1.9;max-width:470px;color:#7b98aa}.login-grid-deco{width:390px;height:240px;margin:60px auto 0;border-radius:50%;opacity:.43;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 34px,#2f6c74 35px,transparent 36px),repeating-linear-gradient(0deg,transparent 0 39px,#31607833 40px,transparent 41px),repeating-linear-gradient(90deg,transparent 0 39px,#31607833 40px,transparent 41px);transform:rotate(-15deg)}.orb-one,.orb-two{position:absolute;filter:blur(75px);border-radius:50%;pointer-events:none}.orb-one{width:470px;height:470px;right:11%;top:14%;background:#1d746022}.orb-two{width:300px;height:300px;right:33%;bottom:4%;background:#7057a91a}#login-error{min-height:19px;color:#ffb2bb;margin:9px 0 0!important;font-size:12px!important}
/* Frame */
.shell{min-height:100vh;display:flex}.sidebar{width:246px;flex:0 0 246px;background:#0a131f;border-right:1px solid #203044;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 15px 19px}.sidebar .brand{padding:0 9px;margin-bottom:50px}.sidebar .brand-icon{width:39px;height:39px;font-size:25px;border-radius:11px}.sidebar .brand b{font-size:13px}.nav-caption{padding:0 17px;margin:0 0 13px;color:#587088}.nav-item{border:1px solid transparent;background:transparent;color:#8aa0b4;display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px 14px;margin:3px 0;border-radius:9px;font-size:12.5px;font-weight:620;transition:.2s}.nav-item:hover{color:#edfaff;background:#122235}.nav-item.active{background:#142c32;color:#d2fff4;border-color:#24534f;box-shadow:inset 3px 0 var(--mint)}.nav-ico{width:22px;text-align:center;font-size:21px;line-height:1;opacity:.85;font-weight:400}.nav-tools{margin-top:34px}.sidebar-bottom{margin-top:auto}.host-status{display:flex;gap:10px;align-items:center;border:1px solid #28403e;background:#101f2a;border-radius:10px;padding:13px 10px}.host-status strong{font-size:10px;letter-spacing:.06em;display:block}.host-status small{display:block;color:#7caa9d;margin-top:4px}.status-blip,.live-dot,.foot-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #47e3b17a;flex:0 0 auto}.status-arrow{margin-left:auto;color:#8fb6a8}.sidebar-meta{display:flex;justify-content:space-between;color:#4c6478;font-size:9px;letter-spacing:.12em;padding:19px 12px 0}.app-main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3vw,48px);background:#0b1420bd}.crumb{font-size:12px;font-weight:700}.crumb-sep{padding:0 15px;color:#3d5367}.top-controls{display:flex;gap:20px;align-items:center}.live-tag{font-size:10px;color:#a4d6c5;letter-spacing:.08em;display:flex;gap:9px;align-items:center;font-weight:800}.top-divider{width:1px;height:21px;background:#294154}.top-icon{font-size:19px;color:#7e98ac}.avatar{width:33px;height:33px;border-radius:50%;background:#314f66;display:grid;place-items:center;color:#b8e5e8;font-size:11px;font-weight:800}.logout{background:transparent;color:#8ca6b8;border:0;font-size:23px}.workspace{max-width:1840px;margin:0 auto;padding:38px clamp(24px,3vw,48px) 15px}.page-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-top h1{font-size:31px;margin:8px 0 4px}.page-desc{color:#8297ab;font-size:13px;margin:0}.toolbar{display:flex;gap:12px;align-items:center}.range-select{display:flex;border:1px solid var(--border2);border-radius:9px;background:#0c1827;padding:3px}.range-select button{font-size:11px;background:transparent;color:#7f94a9;border:0;border-radius:6px;padding:8px 11px;font-weight:750}.range-select button.selected{color:#d6fff4;background:#1b393e;box-shadow:0 0 0 1px #275955}.outline-btn{background:#122131;border:1px solid #30425a;color:#b6c8dd;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:750}.outline-btn:hover{border-color:#55bba5}.outline-btn span{margin-left:4px}.foot{border-top:1px solid var(--border);margin-top:29px;padding:16px 0 8px;display:flex;justify-content:space-between;gap:20px;color:#58778e;font-size:9px;letter-spacing:.1em;font-weight:750}.foot-dot{width:5px;height:5px;margin-right:7px}
/* Panels */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel{background:linear-gradient(145deg,#101d2c,#0d1724);border:1px solid #233345;border-radius:13px;box-shadow:0 8px 21px #0002}.metric-card{padding:19px 19px 16px;position:relative;overflow:hidden}.metric-card::after{position:absolute;content:"";width:115px;height:115px;border-radius:50%;right:-42px;top:-67px;background:radial-gradient(circle,#1f6b6232,transparent 70%)}.metric-head{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#94a7bb;font-size:11px;font-weight:700}.mini-icon{color:var(--mint);font-size:19px}.metric-value{font-size:29px;font-weight:750;letter-spacing:-.045em;margin:13px 0 5px;line-height:1}.metric-unit{font-size:12px;color:#92a9ba;font-weight:550}.metric-foot{display:flex;gap:7px;align-items:center;color:#718c9d;font-size:10px;margin-top:10px}.metric-foot .tick{color:var(--mint)}.panel{padding:19px;min-width:0}.panel-title{font-size:13px;font-weight:750;margin:0}.panel-subtitle{font-size:10.5px;color:#698399;margin-top:5px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.panel-action{border:1px solid #263a4c;border-radius:7px;background:#152436;color:#98aabf;font-size:10px;padding:7px 9px}.panel-action:hover{color:#dbfff5;border-color:#3d8578}.eyechip{font-size:9px;font-weight:800;letter-spacing:.08em;color:#6ce8c4;background:#12352f;border:1px solid #27544b;padding:5px 8px;border-radius:30px}.two-col{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.equal-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.full-panel{margin-bottom:16px}.chart{height:228px;position:relative;width:100%;overflow:hidden}.chart svg{display:block;width:100%;height:100%}.axis-label{fill:#526b81;font:10px system-ui}.grid-line{stroke:#233347;stroke-width:1;stroke-dasharray:3 6}.empty{min-height:150px;display:grid;place-items:center;text-align:center;color:#668196;font-size:12px;padding:24px;line-height:1.7}.empty strong{display:block;color:#9bb5c7;margin-bottom:6px;font-size:13px}.split-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#8ba2b5}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--mint)}.legend-dot.purple{background:var(--purple)}.legend-dot.blue{background:var(--blue)}.legend-dot.amber{background:var(--amber)}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:10px}.donut{width:160px;height:160px;position:relative;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) 0deg 180deg,var(--purple) 180deg 360deg)}.donut::before{position:absolute;content:"";width:124px;height:124px;border-radius:50%;background:#111c29}.donut-inner{z-index:1;text-align:center}.donut-inner strong{display:block;font-size:22px}.donut-inner small{display:block;color:#7791a4}.donut-legend{display:flex;flex-direction:column;gap:15px}.donut-legend strong{display:block;font-size:14px;color:#e2edf6;margin-top:3px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#6f889b;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:11px 9px;border-bottom:1px solid #2a394c}td{font-size:11.5px;color:#afc2d0;padding:11px 9px;border-bottom:1px solid #1e3040}tr:last-child td{border-bottom:0}tbody tr:hover{background:#17283a88}.mono{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c4dcee}.protocol{font-size:9px;font-weight:850;padding:4px 7px;border-radius:5px;color:#92f1dc;background:#174239}.protocol.tcp{background:#2c2850;color:#c8b7ff}.port-chip{color:#a5c5ff;background:#1c2b46;border:1px solid #304866;border-radius:5px;padding:3px 7px;font-family:ui-monospace,monospace;font-size:10px}.smallbar{height:5px;border-radius:8px;background:#1e3447;overflow:hidden;min-width:62px}.smallbar>span{display:block;background:linear-gradient(90deg,#287d83,#4ee0b1);height:100%;border-radius:8px}.rank{color:#617e90;margin-right:9px}.list-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:11px 0;border-bottom:1px solid #1d2e40}.list-row:last-child{border:0}.list-row strong{font:11px ui-monospace,monospace;color:#dae8f4}.list-row small{display:block;color:#5a7a90;margin-top:4px}.list-row b{font-size:11px;color:#9dddd0}.search-input{padding:10px 13px;border-radius:8px;background:#0b1523;border:1px solid #263a4b;color:#dbe8f6;width:min(290px,100%);outline:none;font-size:12px}.search-input:focus{border-color:#47cfa9}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-bar select{border:1px solid #263a4b;background:#101c2b;color:#afc4d3;border-radius:8px;padding:9px 12px;font-size:11px}.footnote{color:#618099;font-size:11px;line-height:1.6;margin:10px 0 0}.hint-box{border:1px dashed #335066;background:#101e2c;border-radius:10px;padding:16px;color:#94acbc;font-size:12px;line-height:1.75}.hint-box strong{color:#c8e5e9}.data-point{background:var(--mint);width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px var(--mint)}.narrow{max-width:960px}.settings-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #203246;padding:15px 2px;gap:10px}.settings-row b{font-size:12px}.settings-row span{font-family:ui-monospace,monospace;font-size:11px;color:#91b9c2;overflow-wrap:anywhere}.label{font-size:10px;letter-spacing:.1em;color:#7892a6;font-weight:800}.big-stat{font-size:24px;font-weight:750;letter-spacing:-.035em;margin-top:7px}.pill{color:#86dac5;font-size:10px;border:1px solid #2a5c50;border-radius:999px;background:#112e2d;padding:4px 8px}.metric-legend{display:flex;gap:11px;align-items:center;color:#839cb0;font-size:10px}.timestamp{font-variant-numeric:tabular-nums;color:#7190a6}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:8px}.subtle-num{font-variant-numeric:tabular-nums}
/* Local map / animated overlay */
.map-shell{height:385px;background:radial-gradient(ellipse at 48% 55%,#102940 0%,#0a1a2c 55%,#0b1928 100%);border:1px solid #2b4055;border-radius:10px;position:relative;overflow:hidden}.map-shell.large{height:min(65vh,655px);min-height:450px}.map-shell canvas{display:block;width:100%;height:100%;cursor:grab}.map-shell canvas:active{cursor:grabbing}.map-overlay-top{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.map-corner{background:#0b192bd9;border:1px solid #2f4960;border-radius:8px;padding:9px 12px;color:#aecbda;font-size:10px;backdrop-filter:blur(9px)}.map-corner small{display:block;font-size:9px;color:#648c9f;letter-spacing:.09em;margin-bottom:4px}.map-controls{position:absolute;bottom:17px;right:17px;display:flex;gap:5px}.map-controls button{background:#112539df;border:1px solid #34526b;border-radius:7px;width:32px;height:32px;color:#b8d6e4;font-size:19px}.map-legend{position:absolute;bottom:20px;left:18px;font-size:10px;color:#84a4b9;display:flex;gap:15px;background:#0b192bdf;border:1px solid #29445a;padding:8px 11px;border-radius:7px}.map-legend b{color:#a7d4c8}.map-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:245px;background:#0b1b2eea;border:1px solid #41677a;box-shadow:var(--shadow);border-radius:9px;padding:11px 13px;font-size:11px;line-height:1.8;color:#adc4d5;backdrop-filter:blur(12px)}.map-tooltip strong{font-family:ui-monospace,monospace;color:#d5fff3}.geo-message{margin:14px 0 0;color:#9bb2c6;background:#0b1c2e;border:1px solid #29445a;border-radius:9px;padding:11px 13px;font-size:11px}.map-meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px}.map-meta-row>div{flex:1;min-width:160px;padding:15px;background:#0c1928;border:1px solid #21354a;border-radius:10px}.map-meta-row strong{font-size:20px}.map-meta-row small{display:block;color:#67849a;margin-bottom:8px}.map-guide{margin-top:15px;font-size:11px;color:#7c96a9}
/* Responsive */
@media(max-width:1350px){.two-col{grid-template-columns:1.35fr 1fr}.workspace{padding:26px}.sidebar{width:210px;flex-basis:210px}.sidebar .brand b{font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.sidebar{width:67px;flex-basis:67px;padding:22px 8px}.sidebar .brand{padding:0 4px}.sidebar .brand>span:last-child,.nav-item span:last-child,.nav-caption,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-ico{font-size:22px}.two-col,.equal-col{grid-template-columns:1fr}.page-top{align-items:start;flex-direction:column}.topbar{padding:0 22px}.workspace{padding:24px 20px}}@media(max-width:600px){.login-shell{display:block}.login-panel{padding:130px 25px 75px;min-height:100vh}.login-panel .brand{left:26px;top:35px}.login-aside{display:none}.sidebar{display:none}.topbar{height:59px}.top-icon,.top-divider{display:none}.live-tag{font-size:9px}.workspace{padding:21px 14px}.page-top h1{font-size:27px}.toolbar{width:100%;justify-content:space-between}.stats-grid{gap:9px}.metric-card{padding:15px}.metric-value{font-size:22px}.metric-head{font-size:10px}.panel{padding:14px}.map-shell{height:315px}.map-shell.large{min-height:360px;height:420px}.donut{width:130px;height:130px}.donut::before{width:100px;height:100px}.foot{font-size:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
a.panel-action{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}a.panel-action:hover{color:#dcfff4;border-color:#3d8578}

.mobile-toggle{display:none;background:none;border:1px solid #30485d;border-radius:7px;padding:3px 9px;color:#d6e7f2;font-size:18px}
@media(max-width:600px){.mobile-toggle{display:block;margin-right:10px}.sidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:238px;height:100vh;z-index:999;transform:translateX(-100%);transition:transform .2s ease;box-shadow:12px 0 55px #0008}.sidebar.mobile-open{transform:translateX(0)}.sidebar .brand>span:last-child,.sidebar .nav-item span:last-child,.sidebar .nav-caption,.sidebar .sidebar-bottom{display:block}.sidebar .nav-item{justify-content:start;padding:12px 14px}.sidebar .host-status{display:flex}}
/* Observatory refresh: clear hierarchy, quieter panels, crisp geographic motion. */
:root{--bg:#080f17;--panel:#101c28;--border:#213548;--txt:#eaf4fa;--muted:#8aa1b3;--mint:#5ce9c6;--purple:#b9a0ff}
body{background:radial-gradient(ellipse at 65% 0,#152d3838,transparent 60%),#080f17}
.sidebar{background:linear-gradient(180deg,#0e1b27,#09121c);border-right-color:#203443;padding-top:30px}.sidebar .brand{margin-bottom:43px}.brand-icon{box-shadow:0 0 28px #40e6c310}.nav-item{padding-top:13px;padding-bottom:13px;border-radius:10px}.nav-item.active{background:linear-gradient(90deg,#17413988,#142b3480);border-color:#2b665b;box-shadow:inset 3px 0 var(--mint),0 5px 20px #0001}.nav-item:hover{transform:translateX(2px)}.nav-caption{color:#708b9e}.host-status{background:#10252b}.sidebar-meta{color:#7c95a6}
.topbar{position:sticky;top:0;z-index:20;background:#0c1721ed;backdrop-filter:blur(16px);border-bottom-color:#28405080}.workspace{max-width:1880px;padding-top:34px}.page-top{margin-bottom:26px}.page-top h1{font-size:clamp(29px,2.6vw,43px);font-weight:650;letter-spacing:-.05em}.page-desc{color:#8aa7b9;line-height:1.65}.eyebrow{font-size:9px;letter-spacing:.18em}.range-select{background:#0b1823;padding:4px}.range-select button{padding:9px 12px}.range-select button.selected{background:#20463e;color:#bfffe9}.outline-btn{background:#142432;border-color:#294758}.outline-btn:hover{background:#1b3640}.primary,.outline-btn,.panel-action{transition:background .2s,transform .2s,border-color .2s}.primary:hover{transform:translateY(-1px)}
.metric-card,.panel{background:linear-gradient(125deg,#11212e,#0e1a26 70%);border-color:#27405280;box-shadow:0 6px 24px #00000013;border-radius:16px}.metric-card{padding:23px 23px 19px;transition:transform .25s,border-color .25s}.metric-card:hover{transform:translateY(-3px);border-color:#426b75}.metric-value{font-size:clamp(27px,2.6vw,37px);font-weight:600;margin-top:19px;font-variant-numeric:tabular-nums}.metric-foot{color:#93aab8;font-size:10px}.metric-head{color:#b0c4d1}.mini-icon{background:#1d3c43;width:29px;height:29px;display:grid;place-items:center;border-radius:8px}.stats-grid{gap:16px;margin-bottom:22px}.metric-card::after{width:190px;height:190px;right:-95px;top:-95px;background:radial-gradient(circle,#40e6c320,transparent 70%)}
.panel{padding:23px}.panel-header{margin-bottom:21px}.panel-title{font-size:15px;letter-spacing:-.025em;font-weight:650}.panel-subtitle{font-size:11px;color:#8aa4b7;margin-top:6px;line-height:1.6}.panel-action{padding:9px 13px;border-color:#32505e;background:#172b36;color:#b4d2df;white-space:nowrap}.panel-action:hover{background:#21443f}.overview-hero{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}.overview-hero>.panel:first-child{padding:0;overflow:hidden}.overview-hero>.panel:first-child>.panel-header{padding:23px 24px 0}.overview-hero>.panel:first-child>.footnote{padding:0 24px 18px;margin:14px 0 0}.overview-hero>.panel:first-child>.map-shell{margin:0 16px}.overview-hero>.panel:nth-child(2) .chart{height:240px}.two-col,.equal-col{gap:20px;margin-bottom:20px}.full-panel{margin-bottom:20px}.chart{height:250px;padding-bottom:22px}.chart svg{overflow:visible}.split-legend{position:absolute;bottom:0;left:0;color:#a2bbc9}.grid-line{stroke:#33506477}.axis-label{fill:#88a1b3}.table-wrap{scrollbar-color:#365667 #0b1722}th{font-size:9px;padding:14px 12px;color:#8fa9bb}td{padding:14px 12px;font-size:12px;color:#c0d2de}.protocol{letter-spacing:.04em}.list-row{padding:14px 0}.list-row small{color:#87a4b7}.list-row b{align-self:center}.footnote{color:#8ca9bb}.hint-box{background:#10293280;border-style:solid;color:#adc4d1}.foot{color:#819bab;letter-spacing:.06em;line-height:1.6}.settings-row span{font-size:12px;color:#aed1d9}
.map-shell{height:clamp(390px,35vw,570px);background:#081722;border:1px solid #31506499;border-radius:12px;isolation:isolate}.map-shell.large{height:clamp(490px,68vh,800px);min-height:490px}.map-shell canvas{touch-action:none;outline-offset:-4px}.map-overlay-top{inset:18px 20px auto;align-items:start}.map-corner{background:#0a1928e8;border-color:#36556990;border-radius:10px;padding:12px 15px;font-size:9px;letter-spacing:.08em;box-shadow:0 8px 28px #0002}.map-corner small{font-size:8px;letter-spacing:.17em;color:#89b3c5;margin-bottom:5px}.map-source-total{font-size:23px;font-weight:600;color:#e2f6ff;letter-spacing:-.04em;margin-right:5px}.map-live{display:flex;align-items:center;gap:9px;padding:11px 13px;color:#a2d6ca}.map-bottom{position:absolute;bottom:28px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.map-legend{position:static;display:flex;align-items:center;gap:13px;background:#0a1928e8;border-color:#36556990;padding:10px 13px;border-radius:9px;font-size:9px;pointer-events:auto;flex-wrap:wrap}.map-legend b{font-size:8px;letter-spacing:.05em;color:#bdf9e5}.map-controls{position:static;display:flex;align-items:center;gap:4px;background:#0a1928ed;border:1px solid #36556990;border-radius:9px;padding:4px;pointer-events:auto}.map-controls button{border:0;background:transparent;width:29px;height:29px;font-size:17px;border-radius:5px}.map-controls button:hover{background:#254350}.map-controls [data-map-motion],.map-controls [data-map-routes]{font-size:10px;width:auto;padding:0 9px;color:#bbd4df}.map-controls [aria-pressed=true]{background:#234940;color:#bfffe9}.map-controls [data-map-zoom]{font:9px ui-monospace,monospace;color:#86a7ba;min-width:33px;text-align:center}.map-coordinate-note{position:absolute;bottom:8px;left:20px;color:#638394;font-size:7px;letter-spacing:.13em;pointer-events:none}.map-tooltip{max-width:270px;min-width:160px;line-height:1.7;background:#0b1c2bf5;border-color:#52827d;color:#adc7d4}.map-tooltip strong{font-family:inherit;font-size:12px;display:block;margin-bottom:5px}.map-tooltip div{overflow-wrap:anywhere}.geo-message{background:#102b31;border-color:#31544f;color:#a9d6cf;padding:13px 16px}.map-meta-row>div{background:linear-gradient(125deg,#152c38,#10202c);border-color:#31506480;padding:20px}.map-meta-row strong{font-size:26px;color:#d3f9ed;font-weight:600}.map-meta-row small{letter-spacing:.1em;color:#8bafbe;font-size:9px}
@keyframes panel-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes beacon{0%,100%{box-shadow:0 0 0 0 #5ce9c61a}50%{box-shadow:0 0 0 5px #5ce9c608}}
@keyframes orbit{to{transform:rotate(360deg)}}
#page-content>.panel,#page-content>.stats-grid,#page-content>.overview-hero,#page-content>.two-col,#page-content>.equal-col,#page-content>.full-panel{animation:panel-arrive .45s ease both}#page-content>:nth-child(2){animation-delay:.05s}#page-content>:nth-child(3){animation-delay:.1s}.status-blip,.live-dot{animation:beacon 2.8s ease-in-out infinite}.login-mark .radar-point{transform-origin:-5px 12px;animation:orbit 10s linear infinite}.login-panel{background:#0a1724e8}.login-aside h2{font-weight:600;letter-spacing:-.05em}.login-grid-deco{border:1px solid #4674774d;box-shadow:0 0 100px #50ddb80c}.login-panel h1{font-weight:600}.login-panel input{background:#101f2d}.login-footer{color:#8aa6b5}
@media(min-width:1700px){.overview-hero{grid-template-columns:minmax(0,2fr) minmax(340px,.8fr)}.overview-hero .map-shell{height:470px}.overview-hero>.panel:nth-child(2) .chart{height:430px}}
@media(max-width:1100px){.workspace{padding:24px 22px}.panel{padding:18px}.metric-card{padding:20px}.page-top h1{font-size:32px}.map-shell{height:430px}.map-controls [data-map-routes],.map-controls [data-map-motion]{font-size:9px;padding:0 6px}}
@media(max-width:600px){.workspace{padding:22px 12px}.topbar{position:sticky}.panel{padding:16px;border-radius:12px}.stats-grid{gap:9px}.metric-card{padding:14px;border-radius:12px}.metric-value{font-size:25px}.metric-head{font-size:10px}.mini-icon{display:none}.metric-foot{font-size:9px;line-height:1.6}.page-top h1{font-size:29px}.page-desc{font-size:12px}.map-shell{height:390px}.map-shell.large{min-height:440px;height:60vh}.map-overlay-top{inset:12px 10px auto}.map-corner{padding:9px 10px}.map-live{font-size:7px}.map-source-total{font-size:20px}.map-bottom{bottom:25px;left:10px;right:10px;flex-direction:column;align-items:start;gap:6px}.map-legend{padding:6px 9px;gap:9px;font-size:8px}.map-controls{align-self:end}.map-controls button{height:26px}.map-coordinate-note{left:12px;font-size:6px}.overview-hero>.panel:first-child>.panel-header{padding:17px 16px 0}.overview-hero>.panel:first-child>.map-shell{margin:0 8px}.overview-hero>.panel:first-child>.footnote{padding:0 16px 14px;font-size:10px}.panel-title{font-size:13px}.panel-action{padding:8px;font-size:8px}.range-select button{padding:8px 9px}.toolbar{gap:7px}.top-controls{gap:12px}.map-meta-row{gap:8px}.map-meta-row>div{min-width:100px;padding:13px}.map-meta-row small{font-size:8px}.map-guide{line-height:1.7}.two-col,.equal-col{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#map-sources{max-height:460px;overflow:auto;border:1px solid #28435380;border-radius:10px}#map-sources th{position:sticky;top:0;background:#142633;z-index:1}#map-sources td{padding:12px}#map-sources table{font-variant-numeric:tabular-nums}
@media(max-width:600px){.map-shell.large{min-height:360px;height:400px}.map-shell{height:350px}}
/* Plain operational UI. */
:root{--bg:#11161b;--panel:#171e25;--mint:#7dd3c0;--blue:#82acf2;--border:#303a44;--muted:#9daab5;--txt:#e5ebef}
body{background:#11161b;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px}.shell{align-items:flex-start}.sidebar{background:#141a20;width:208px;flex-basis:208px;border-color:#2a343e;padding:24px 12px}.sidebar .brand{margin:0 10px 38px;padding:0;display:flex;align-items:baseline;justify-content:space-between}.brand b{font-size:17px!important;font-weight:600;letter-spacing:-.02em!important}.brand small{font:11px ui-monospace,monospace;color:#9daab5;letter-spacing:0}.brand-icon,.mini-icon,.eyebrow,.login-mark,.login-grid-deco,.login-orb,.top-icon,.sidebar-meta,.nav-caption,.status-arrow{display:none}.nav-item{font-size:13px;font-weight:500;border:0;border-radius:5px;padding:11px 12px;color:#aebbc5;margin:4px 0}.nav-item.active{background:#26343b;color:#edf6f4;box-shadow:inset 2px 0 #7dd3c0;border:0}.nav-item:hover{transform:none;background:#202a32}.nav-ico{font-size:18px}.nav-tools{margin-top:24px}.host-status{background:transparent;border:0;border-top:1px solid #303a44;border-radius:0;padding:16px 0}.host-status strong{font-size:10px;color:#b3c1cb;overflow-wrap:anywhere;letter-spacing:0}.host-status small{color:#8c9fae}.topbar{height:58px;position:relative;background:#141a20;border-color:#2a343e;padding:0 32px;backdrop-filter:none}.top-controls{gap:14px}.live-tag{font-size:11px;font-weight:500;letter-spacing:0;color:#a5c8bd}.live-dot,.status-blip,.foot-dot{animation:none;box-shadow:none;width:5px;height:5px}.avatar{background:#283945;color:#b9d3df;width:28px;height:28px;font-size:10px}.crumb{font-weight:500}.crumb-sep{padding:0 12px}.workspace{max-width:1900px;padding:30px 32px 16px}.page-top{align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.page-top h1{font-size:28px;font-weight:550;letter-spacing:-.035em;margin:0 0 6px}.page-desc{font-size:12px;color:#9baebb;max-width:660px}.page-top .accent{display:none}.toolbar{gap:9px;flex-wrap:wrap}.range-select{background:#171f27;border:1px solid #34414b;border-radius:5px;padding:2px}.range-select button{font-size:11px;font-weight:500;padding:7px 9px;border-radius:3px}.range-select button.selected{background:#2b4144;box-shadow:none;color:#c9e9e0}.outline-btn{background:#1b2731;border-color:#34434f;border-radius:5px;font-size:11px;font-weight:500;padding:9px 11px}.toolbar select{background:#171f27;border:1px solid #34414b;color:#c4d0d9;border-radius:5px;padding:9px 10px;font-size:11px}.panel,.metric-card{background:#171f27;border:1px solid #2e3b46;border-radius:7px;box-shadow:none}.panel{padding:20px}.metric-card{padding:19px 20px;transition:none}.metric-card:hover{transform:none;border-color:#415361}.metric-card::after{display:none}.metric-value{font-size:29px;font-weight:500;margin:15px 0 0;letter-spacing:-.04em;line-height:1.25}.metric-head{font-size:11px;color:#a8bbc9;font-weight:500}.metric-foot{color:#8b9eac;margin-top:8px;line-height:1.5;font-size:10px}.metric-foot .tick{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.panel-title{font-size:14px;font-weight:550;letter-spacing:-.015em}.panel-subtitle{font-size:11px;color:#92a6b5}.panel-header{margin-bottom:17px}.panel-action{font-weight:500;font-size:10px;letter-spacing:0;background:#202e39;border-color:#3b4f5e;border-radius:4px;padding:7px 10px}.eyechip{display:none}.overview-hero{grid-template-columns:1fr!important;gap:18px;margin-bottom:18px}.overview-hero .map-shell{height:clamp(380px,34vw,530px)!important}.overview-hero>.panel:first-child{padding:0}.overview-hero>.panel:first-child>.panel-header{padding:20px 20px 0}.overview-hero>.panel:first-child>.map-shell{margin:0 12px}.overview-hero>.panel:first-child>.footnote{padding:0 20px 16px;font-size:10px}.overview-hero>.panel:nth-child(2) .chart,.chart{height:280px!important;padding:0 0 28px;overflow:hidden;min-width:0}.chart svg{width:100%;height:calc(100% - 0px);display:block;overflow:visible}.axis-label{font:10px system-ui;fill:#9aaebb}.grid-line{stroke:#33424c;stroke-width:.7;stroke-dasharray:2 5}.split-legend{bottom:1px;font-size:10px;gap:20px;color:#a7b9c6}.split-legend .legend-dot{width:6px;height:6px}.two-col,.equal-col{gap:18px;margin-bottom:18px}.foot{letter-spacing:0;font-size:10px;color:#849baa;margin-top:24px}.map-shell{border-radius:6px;border-color:#344957}.map-shell.large{height:clamp(470px,65vh,720px);min-height:470px}.map-corner{box-shadow:none;border-radius:5px;background:#101d28ed;font-size:9px;letter-spacing:.02em;padding:10px 12px}.map-corner small{letter-spacing:.09em}.map-live{font-size:8px}.map-source-total{font-size:22px;font-weight:500}.map-tooltip{backdrop-filter:none;border-radius:5px;background:#111f2af5;box-shadow:0 3px 18px #0005}.map-legend,.map-controls{border-radius:5px;background:#111e29f0;backdrop-filter:none}.map-legend{font-size:9px}.map-legend b{font-weight:500}.map-meta-row>div{background:#1a2732;border-color:#344957;border-radius:5px;padding:16px}.map-meta-row small{letter-spacing:.05em}.map-meta-row strong{font-size:23px;font-weight:500}.geo-message{background:transparent;border:0;padding:0;color:#93aebe;font-size:11px}.map-guide{line-height:1.7}.donut{width:140px;height:140px}.donut::before{width:110px;height:110px;background:#171f27}.donut-legend{font-size:11px}.donut-legend strong{font-size:13px;font-weight:500}.list-row strong{font-size:12px;font-weight:400}.list-row b{font-weight:500}.table-wrap th{color:#a1b4c1;letter-spacing:.03em;font-size:10px;font-weight:500;background:#192631}td{font-size:12px;color:#bccbd5}.protocol{font-weight:500;font-size:10px;border-radius:3px}.pill{font-size:10px;background:#223731;font-weight:400}.hint-box{border-radius:5px;background:#1a2732;border-color:#344957;font-size:12px}.hint-box strong{font-weight:550}.settings-row b{font-weight:500}.map-coordinate-note{letter-spacing:.05em}.login-shell{background:#111a22;grid-template-columns:minmax(360px,500px) 1fr}.login-panel{background:#151e26;box-shadow:none;border-color:#2d3d49}.login-panel .brand{top:40px;left:48px}.login-panel h1{font-size:32px;letter-spacing:-.03em}.login-panel .kicker{color:#9ab7c5;letter-spacing:.1em;font-size:10px}.login-aside .overline{color:#87a6b6;letter-spacing:.08em}.login-aside h2{font-size:46px;line-height:1.2;max-width:500px;font-weight:500}.login-aside p{font-size:14px;line-height:1.8}.login-panel input,.primary{border-radius:5px}.primary{background:#91cebe;color:#10241f;font-weight:550}.primary:hover{transform:none}.login-footer{letter-spacing:.03em}.login-panel .sign-in span{font-size:18px}.empty{color:#94adbc}.brand{letter-spacing:0}
*,*::before,*::after{animation:none!important;transition:none!important}
@media(max-width:1100px){.workspace{padding:24px}.page-top{align-items:flex-start}.toolbar{justify-content:flex-start}.two-col,.equal-col{grid-template-columns:1fr}.sidebar{width:180px;flex-basis:180px}.sidebar .brand small{display:none}}
@media(max-width:850px){.sidebar{width:62px;flex-basis:62px;padding:20px 7px}.sidebar .brand{margin:0 0 25px;justify-content:center}.sidebar .brand b{font-size:11px!important}.sidebar .nav-item{padding:12px 0;justify-content:center}.sidebar .nav-item span:last-child,.sidebar-bottom{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:23px 18px}.topbar{padding:0 18px}.toolbar{width:100%;justify-content:flex-start}}
@media(max-width:600px){.sidebar{position:fixed;width:220px;z-index:999}.sidebar .brand{justify-content:space-between;margin:0 8px 28px}.sidebar .brand b{font-size:17px!important}.sidebar .nav-item{padding:12px;justify-content:flex-start}.sidebar .nav-item span:last-child{display:block}.sidebar-bottom{display:block}.workspace{padding:22px 12px}.topbar{padding:0 12px;height:52px}.page-top h1{font-size:26px}.page-top{gap:16px}.toolbar{gap:7px}.toolbar select{padding:8px;font-size:10px}.range-select button{padding:7px 8px}.outline-btn{padding:8px}.outline-btn span{display:none}.stats-grid{gap:8px}.metric-card{padding:14px 12px}.metric-value{font-size:24px}.metric-head{font-size:10px}.metric-foot{font-size:9px}.panel{padding:16px}.overview-hero .map-shell{height:350px!important}.map-shell.large{min-height:380px;height:420px}.overview-hero>.panel:nth-child(2) .chart,.chart{height:240px!important}.map-legend{font-size:8px}.map-corner{padding:9px}.map-source-total{font-size:19px}.map-live{font-size:7px}.panel-title{font-size:13px}.panel-subtitle{font-size:10px}.foot{font-size:9px}.map-controls [data-map-motion],.map-controls [data-map-routes]{font-size:9px}.map-meta-row small{font-size:8px}.login-panel{min-height:100vh;padding:140px 25px 80px}.login-panel .brand{left:25px}.login-panel .brand b{font-size:18px!important}}
.port-search{width:140px}.filters-footer,.spaced{margin-top:16px}

.endpoint-service{display:block;color:#91b1c1;font:10px/1.5 system-ui,sans-serif;margin-top:4px;max-width:260px;white-space:normal}.endpoint-address{white-space:nowrap}.service-evidence{max-width:380px;white-space:normal;line-height:1.5}