@charset "UTF-8";
:root{color-scheme:dark;--bg:#05090b;--base:#080e12;--sidebar:#090e12;--panel:#0b1217;--panel-2:#101920;--panel-3:#071219;--line:#26343c;--line-fine:rgba(154,191,205,.13);--line-bright:#38535c;--text:#e8f4f6;--soft:#aabec7;--dim:#728b95;--muted:#688089;--mint:#00ebbb;--green:#29eda1;--cyan:#00cce9;--pink:#f12d78;--violet:#98a5ff;--orange:#efaf63;--shadow:0 20px 80px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-feature-settings:"tnum" on,"ss01" on}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}canvas{display:block;max-width:100%}::selection{background:#09685c;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px} .ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;max-width:2200px;margin:auto}.sidebar{position:sticky;top:0;min-height:100vh;height:100vh;background:linear-gradient(180deg,#0c1115 0%,#070c0f 62%,#090e12 100%);border-right:1px solid var(--line-fine);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:25px 19px 27px;border-bottom:1px solid var(--line-fine)}.brand-symbol{width:30px;height:30px;border:1px solid #087d72;background:#062921;display:grid;place-items:center;color:var(--mint);box-shadow:0 0 25px #00ebb922}.brand-name{font-size:15px;font-weight:800;letter-spacing:2.1px;white-space:nowrap}.brand-slim{font-size:12px;font-weight:400;letter-spacing:1.3px;margin-left:4px;color:#b6d3d3}.brand-under{letter-spacing:1.3px;font-size:8px;color:#738995;white-space:nowrap;margin-top:3px}.brand-under span{color:var(--pink);font-size:9px;letter-spacing:3px}.aside-caption{margin:28px 21px 10px;font-size:9px;letter-spacing:2px;color:#718993;font-weight:700}.side-nav{padding:0 8px;display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 13px;color:#8ca5af;border:1px solid transparent;font-size:12px;letter-spacing:.1px;position:relative;transition:.18s}.nav-link:hover{color:white;background:#ffffff08;border-color:#ffffff10}.nav-link.active{background:linear-gradient(90deg,#19414166,#14202c40 86%,transparent);border-color:#195b5260;color:#eafff8}.nav-link.active:before{content:"";position:absolute;left:-8px;top:5px;bottom:5px;width:2px;background:var(--mint);box-shadow:0 0 13px var(--mint)}.nav-link.active>.ico{color:var(--mint)}.sidebar-lower{padding:15px 19px 23px;margin-top:auto;border-top:1px solid var(--line-fine);display:flex;flex-direction:column;gap:7px}.sidebar-lower strong{font-size:12px;font-weight:500}.sidebar-lower small{color:var(--soft);font-size:10px}.side-build,.sidelabel{color:#59717d;font:9px ui-monospace,monospace;letter-spacing:1.5px}.side-build{padding-top:17px;border-top:1px solid #ffffff0b;margin-top:10px}.side-node-art{height:155px;position:relative;overflow:hidden;border:1px solid #1d2c36;margin:0 0 14px;background:radial-gradient(ellipse at 51% 54%,#0a3031,transparent 60%),repeating-linear-gradient(0deg,transparent 0 19px,#1e536a0e 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#1e536a0e 19px 20px)}.orbit{position:absolute;width:110px;height:110px;border-radius:50%;border:1px dashed #25535a;top:20px;left:35px}.orbit-b{width:75px;height:75px;top:37px;left:53px;transform:rotate(33deg);border-color:#16c5b64f}.orbit-c{width:140px;height:140px;top:5px;left:20px;opacity:.4}.hub-circle{position:absolute;top:57px;left:73px;color:var(--mint);border:1px solid #17debd;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#07221f;box-shadow:0 0 28px #00ebbb55}.node-dot{position:absolute;height:6px;width:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint);animation:nodepulse 3s infinite alternate}.n1{top:23px;left:65px}.n2{top:91px;left:32px;animation-delay:1s}.n3{top:65px;left:135px;animation-delay:1.9s}.main-shell{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% -10%,rgba(4,77,73,.1),transparent 35%),#05090b}.topbar{height:66px;border-bottom:1px solid var(--line-fine);background:#070c0fdf;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 30px;position:sticky;top:0;z-index:12}.global-search{position:relative;display:flex;align-items:center;gap:9px;min-width:190px;width:min(420px,45%);height:36px;border:1px solid #293842;background:#0c151b;color:#87a4b1;padding:0 9px}.global-search input{outline:none;border:0;background:none;color:var(--text);font-size:12px;min-width:0;flex:1}.global-search input::placeholder{color:#667e8a}.global-search kbd{font:10px ui-monospace,monospace;border:1px solid #33444b;padding:1px 5px;color:#8899a2}.global-search .ico{width:15px;height:15px}.search-result{position:absolute;left:0;right:0;top:42px;background:#0a171d;border:1px solid var(--line-bright);box-shadow:0 20px 40px #000b;z-index:5;padding:8px}.search-result a,.search-result .none{display:block;padding:10px 12px;font-size:12px}.search-result a:hover{background:#143036}.top-actions{display:flex;gap:22px;align-items:center}.tiny-live{font-size:9px;letter-spacing:1.5px;color:#91aaa9;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #00edab77;margin-right:7px;vertical-align:middle;animation:nodepulse 2s infinite alternate}.lang-switch{display:flex;align-items:center;gap:6px;font-size:11px}.lang{border:none;background:transparent;padding:6px;color:#6e8892;font-weight:700}.lang.active{color:var(--mint)}.lang-switch>span{color:#4b5f67}.account{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-bright);color:#c4d8db}.account:hover{color:var(--mint);border-color:var(--mint)}.mobile-menu{display:none}.icon-button{background:transparent;color:white;border:none;padding:6px}.main-shell main{width:100%;max-width:1670px;margin:0 auto;flex:1;padding:31px 28px 52px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px;gap:18px}.smallcaps{font:10px ui-monospace,"Courier New",monospace;letter-spacing:1.3px}.eyebrow{color:var(--mint);font-weight:700}.eyebrow .slash{color:#475e66;padding:0 8px}.page-heading h1{font-size:clamp(25px,2.35vw,39px);line-height:1.16;font-weight:670;letter-spacing:-1.1px;margin:12px 0 7px}.page-heading p{color:#94a9b2;font-size:13px;margin:0}.heading-side{text-align:right;align-self:center;padding:0 0 0 10px}.time-now{font:33px ui-monospace,"SFMono-Regular",Consolas,monospace;line-height:1.1;letter-spacing:-1.5px;font-weight:300}.heading-side .smallcaps{color:var(--dim);margin-top:6px;white-space:nowrap}.tiny-square{height:4px;width:4px;display:inline-block;background:var(--green);vertical-align:middle;margin:0 6px 1px}.muted{color:var(--dim)}.status-bar{display:flex;align-items:center;gap:20px;min-height:99px;padding:19px 23px;border:1px solid #126e61;background:linear-gradient(100deg,#071917,#091515 70%,#061315);box-shadow:inset 0 0 35px #00ffa608;position:relative;margin:0 0 14px}.status-bar:before{content:"";position:absolute;left:0;top:0;width:130px;height:1px;background:linear-gradient(90deg,var(--mint),transparent)}.status-orb{width:44px;height:44px;border:1px solid var(--mint);border-radius:50%;color:var(--mint);display:grid;place-items:center;box-shadow:0 0 17px #00edac44, inset 0 0 14px #00edac20;flex:none}.status-orb .ico{width:24px;height:24px}.status-main{flex:1;min-width:0}.status-strong{font-size:18px;color:var(--mint);font-weight:600;letter-spacing:-.3px}.status-text{font-size:12px;color:#9bb7b6;margin-top:4px}.status-aside{border-left:1px solid #256258;padding-left:20px;display:flex;align-items:center;gap:10px;min-width:183px}.status-aside>.ico{color:var(--mint)}.status-aside span{font-size:10px;color:#8aa7ac;display:block}.status-aside strong{font:15px ui-monospace,monospace;color:#d6fff5}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.action{background:#0a1217;color:#d0e7e9;border:1px solid var(--line);padding:14px 13px;display:flex;align-items:center;gap:12px;text-align:left;min-height:68px;position:relative;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}.action:hover{border-color:#408f8a;background:#101f23;transform:translateY(-1px)}.action .ico{width:22px;height:22px;color:var(--cyan)}.action b{display:block;font-size:12px;font-weight:650}.action small{display:block;margin-top:3px;color:#76939c;font-size:10px}.action.action-primary{background:linear-gradient(125deg,#02d9b4,#01bea5);color:#002621;border-color:#00e1b9;box-shadow:0 0 25px #03e5c017}.action.action-primary .ico,.action.action-primary small{color:#06504c}.action.action-primary:hover{background:#37ecc9}.test-progress-wrap{border:1px solid #285046;background:#091a1b;padding:12px 16px;margin-bottom:17px}.progress-label{display:flex;justify-content:space-between;color:#9eb5bd;font-size:11px;margin-bottom:9px}.progress-label strong{color:var(--mint);font:11px ui-monospace,monospace}.progress-track{height:4px;background:#203139;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#00c7e7,#00e9b2);width:0;transition:width .2s}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.panel{background:linear-gradient(135deg,rgba(12,21,27,.98),rgba(9,15,19,.99));border:1px solid var(--line);min-width:0;box-shadow:inset 0 1px #ffffff04;position:relative;overflow:hidden;padding:17px 17px 13px}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 95% 3%,#00c5c603,transparent 40%)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-head h2{margin:0;font-size:14px;font-weight:650;color:#e2eff1;display:flex;align-items:center;gap:9px;letter-spacing:-.15px}.panel-head h2>.ico{color:#8ba8ad;width:17px;height:17px}.panel-head p{font-size:10px;color:#78909b;margin:3px 0 0}.panel-head>.control-select,.panel-head>a,.panel-head>span{flex:none}.control-select{background:#0b151b;color:#a8c0c7;border:1px solid #31444b;font-size:10px;padding:7px 27px 7px 9px;outline:none;max-width:180px}.control-select:hover{border-color:#59a6a0}.head-code{font:9px ui-monospace,monospace;color:#4d8691;letter-spacing:1px}.text-link{font-size:11px;color:var(--cyan);display:inline-flex;gap:5px;align-items:center}.text-link .ico{height:12px;width:12px}.metric-label{display:block;font-size:10px;color:#91a7ad;margin-bottom:4px}.metric-value{font-size:21px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;line-height:1.2;font-weight:560;letter-spacing:-1.1px;white-space:nowrap}.metric-value small{font-size:10px;letter-spacing:0;color:#9fb6ba;font-weight:400;margin-left:2px}.accent-cyan{color:var(--cyan)}.accent-pink{color:var(--pink)}.accent-green{color:var(--mint)}.spectrum-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:5px 0 15px}.spectrum-stat .metric{padding:3px 9px;border-left:2px solid #20525a}.spectrum-stat .metric:first-child{border-color:var(--cyan)}.spectrum-stat .metric:nth-child(2){border-color:var(--pink)}.spectrum-stat .metric:nth-child(4){border-color:var(--mint)}.spectrum-stat .metric-value{font-size:20px}.chart-wrap{position:relative;width:100%;min-width:0}.chart-wrap canvas{width:100%;height:100%;cursor:crosshair}.spectrum-chart{height:285px}.large-chart{height:305px}.medium-chart{height:170px}.small-chart{height:145px}.tiny-chart{height:90px}.spectrum-scan{position:absolute;inset:0 auto 0 0;width:1px;background:var(--mint);box-shadow:0 0 18px 3px #00d2b542;pointer-events:none;opacity:0}.spectrum-scan.scanning{animation:scansweep 1.6s ease-in-out forwards;opacity:1}.graph-tip{position:absolute;pointer-events:none;background:#06171ded;border:1px solid var(--cyan);padding:6px 9px;font:10px ui-monospace,monospace;color:white;white-space:nowrap}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin:8px 1px 2px;font-size:10px;color:#95aeb6}.legend>span{white-space:nowrap}.legend-key{height:6px;width:6px;display:inline-block;margin-right:7px;border-radius:1px;vertical-align:middle}.legend-key.cyan{background:var(--cyan)}.legend-key.green{background:var(--mint)}.legend-key.pink{background:var(--pink)}.micro-label{font:9px ui-monospace,monospace;color:#526f79}.align-end{margin-left:auto}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}.data-table th{padding:8px 8px;color:#809ba6;background:#122029;font-size:10px;font-weight:500}.data-table td{border-bottom:1px solid #1b2a32;padding:9px 8px;color:#a9c1c5}.data-table tr:hover td{background:#ffffff05}.data-table td:first-child{color:#e4f2f4}.data-table .table-divider td{color:var(--cyan);font:10px ui-monospace,monospace;background:#0e1c22;letter-spacing:1px;border-bottom-color:#23515a}.table-scroll{width:100%;overflow:auto}.quality{font-size:10px}.quality.excellent{color:var(--mint)}.quality.good{color:var(--cyan)}.quality.bad{color:var(--pink)}.mini-stripes{display:inline-block;width:29px;height:7px;margin-left:7px;background:linear-gradient(90deg,var(--mint) var(--q),#1c3236 var(--q));clip-path:polygon(0 50%,5% 50%,5% 22%,13% 22%,13% 50%,19% 50%,19% 0,27% 0,27% 50%,34% 50%,34% 20%,42% 20%,42% 50%,49% 50%,49% 5%,57% 5%,57% 50%,64% 50%,64% 18%,72% 18%,72% 50%,79% 50%,79% 0,87% 0,87% 50%,100% 50%,100% 100%,0 100%)}.panel-note{display:flex;gap:7px;align-items:flex-start;font-size:9px;color:#6c8790;border-top:1px solid #1e3038;margin-top:12px;padding-top:9px;line-height:1.5}.panel-note .ico{width:12px;height:12px;color:#6ba3a4}.btn{border:1px solid #3a525b;background:#112029;color:#dcecef;padding:11px 14px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:650;white-space:nowrap;transition:.2s}.btn:hover{border-color:var(--mint);color:var(--mint)}.btn .ico{width:14px;height:14px}.btn.mini{padding:7px 9px}.btn-secondary{background:#0b1b22}.btn-outline{background:transparent}.btn-white{background:#f0fcfd;color:#061317;border-color:white}.btn-white:hover{background:var(--mint);color:#031515}.test-readings{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:16px;align-items:center}.dial{width:100%;max-width:163px;aspect-ratio:1;position:relative;margin:auto;border-radius:50%;background:conic-gradient(from 225deg,var(--tone) calc(var(--progress)*.75%),#223038 0 75%,transparent 0);padding:8px;filter:drop-shadow(0 0 12px #00c6dc12)}.dial:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel);border:1px solid #21343b}.dial-inner{position:absolute;inset:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}.dial-inner small{color:#91acb5;font-size:9px}.dial-inner strong{font:clamp(24px,3vw,39px) ui-monospace,Consolas,monospace;letter-spacing:-2px;margin-top:3px}.dial-inner span{font-size:10px;color:var(--dim)}.test-side{border-left:1px solid var(--line);padding-left:13px;display:grid;gap:10px}.test-side>div{font-size:10px;color:#789aa3;border-bottom:1px solid #21353b;padding-bottom:6px}.test-side strong{display:block;color:var(--mint);font:19px ui-monospace,monospace;margin-top:2px}.test-side strong small{font-size:10px;color:#879fab}.test-side strong.smaller{font-size:13px}.inline-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#6c838b;margin-top:12px}.inline-note .ico{width:12px;height:12px}.triple,.four-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.triple .metric{border-right:1px solid #22313a;padding:0 6px}.triple .metric:last-child{border-right:0}.triple .metric-value{font-size:18px}.four-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.four-metrics .metric{border-right:1px solid #243640;padding-left:10px}.four-metrics .metric:first-child{padding-left:0}.four-metrics .metric:last-child{border-right:0}.four-metrics .metric-value{font-size:22px}.camera-table td{padding:7px 7px}.camera-table td:nth-child(2){color:var(--mint)}.cam-name{display:flex;align-items:center;gap:6px}.cam-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid #365059;color:#7cb0b4}.cam-icon .ico{width:12px;height:12px}.duo-metric{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:7px}.duo-metric .metric-value{font-size:27px}.storage-progress>div{width:78.8%}.power-top{display:flex;align-items:center;gap:12px}.power-ring{width:100px;height:100px;flex:none;border-radius:50%;background:conic-gradient(var(--mint) 0 81%,#22343d 81% 100%);display:grid;place-items:center;position:relative}.power-ring:after{content:"";position:absolute;inset:9px;background:#0b1519;border-radius:50%}.power-ring b,.power-ring small{z-index:1;position:absolute}.power-ring b{font:22px ui-monospace,monospace;top:33px}.power-ring b span{font-size:11px}.power-ring small{top:63px;color:var(--muted);font-size:9px}.power-list{flex:1;min-width:0}.power-list>div{font-size:9px;color:#819da3;display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #1f3136;padding:5px 0}.power-list b{color:#d7eff0;font-size:10px}.tiny-status{white-space:nowrap;color:var(--mint);font:9px ui-monospace,monospace}.topology{height:260px;background:radial-gradient(circle at 32% 52%,#0b30312a,transparent 50%),repeating-linear-gradient(0deg,transparent 0 21px,#294c520e 21px 22px),repeating-linear-gradient(90deg,transparent 0 21px,#294c520e 21px 22px);border:1px solid #1a3237;position:relative;overflow:hidden}.topo-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c181f;border:1px solid #285966;box-shadow:0 0 18px #00dacf0b;width:78px;height:66px;gap:2px}.topo-node b{font:10px ui-monospace,monospace;letter-spacing:.4px}.topo-node small{font:8px ui-monospace,monospace;color:#789fa8}.topo-icon{font-size:22px;color:var(--cyan);line-height:1}.topo-node.origin{left:3%;top:38%;border-radius:50%;width:74px;height:74px}.topo-node.gateway{left:22%;top:37%;border-color:var(--mint);box-shadow:0 0 18px #00ed9c22;border-radius:50%;width:79px;height:79px}.topo-node.gateway .topo-icon{color:var(--mint)}.topo-node.branch-top{left:47%;top:13%}.topo-node.branch-bottom{left:47%;bottom:13%}.topo-node.end{width:73px;height:62px}.topo-node.end .live-dot{margin:0}.end-a{right:17%;top:13%}.end-b{right:3%;top:13%}.end-c{right:17%;bottom:13%}.end-d{right:3%;bottom:13%}.topo-line{position:absolute;z-index:1;border-top:1px dashed #00d9cf74;height:2px;opacity:.75}.l1{left:14%;width:10%;top:52%}.l2{left:33%;width:16%;top:33%;transform:rotate(-25deg)}.l3{left:33%;width:16%;top:69%;transform:rotate(25deg)}.l4{left:60%;width:25%;top:26%}.l5{left:60%;width:25%;top:73%}.log-list{display:grid;gap:0}.log-row{display:grid;grid-template-columns:40px 19px 1fr 23px;align-items:center;gap:8px;padding:11px 3px;border-bottom:1px solid #1b2b32;font-size:10px;color:#a3b8bf}.log-row .ico{width:13px;height:13px;color:var(--cyan)}.log-time{color:#758d94;font:10px ui-monospace,monospace}.event-status{font:9px ui-monospace,monospace;color:var(--mint)}.lock-strip{margin-top:14px;border:1px solid #2b4650;background:linear-gradient(90deg,#0a1218,#0d1c23);display:flex;align-items:center;gap:17px;padding:18px 20px}.strip-lock{width:44px;height:44px;border:1px solid #526b75;border-radius:50%;display:grid;place-items:center;color:#d7eeee;flex:none}.lock-strip>div:nth-child(2){flex:1}.lock-strip strong{font-size:14px}.lock-strip p{color:#879faa;margin:4px 0 0;font-size:11px}.footer{min-height:53px;border-top:1px solid var(--line-fine);display:flex;justify-content:space-between;align-items:center;gap:13px;padding:13px 28px;font:9px ui-monospace,Consolas,monospace;letter-spacing:1px;color:#95a8af}.footer-note{color:#536b77}.footer .live-dot{width:5px;height:5px}.tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 14px}.tile-grid.compact{grid-template-columns:repeat(4,1fr)}.health-tile{padding:18px;background:linear-gradient(150deg,#0d1a20,#091016);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:.2s}.health-tile:hover{border-color:var(--mint);transform:translateY(-1px)}.health-tile>.ico{color:var(--mint);width:23px;height:23px;margin-bottom:7px}.health-tile small{color:#93adb6;font-size:11px}.health-tile strong{font:24px ui-monospace,Consolas,monospace;letter-spacing:-.6px}.fine{color:#74929a;font:9px ui-monospace,monospace}.score-ring{width:min(230px,90%);aspect-ratio:1;margin:15px auto 22px;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,var(--mint) 0 4deg,transparent 4deg 6deg);border-radius:50%;position:relative;filter:drop-shadow(0 0 25px #06d9a51f)}.score-ring:after{content:"";position:absolute;inset:15px;background:#0b151b;border-radius:50%;border:1px solid #2a4950}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring b{font:44px ui-monospace,monospace;color:var(--mint)}.score-ring small{display:block;font-size:10px;color:#95b2b7;letter-spacing:1px}.center{text-align:center;font:10px ui-monospace,monospace}.subsystem-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #223238;padding:11px 2px;align-items:center;font-size:11px}.subsystem-list>div span{color:#8da9b3}.subsystem-list>div b{color:#d3edee;font:11px ui-monospace,monospace}.subsystem-list i{width:6px;height:6px;background:var(--mint);border-radius:50%}.camera-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.camera-cell{background:#0b161c;border:1px solid #2a3d45;min-width:0;transition:.2s}.camera-cell:hover{border-color:var(--mint);transform:translateY(-1px)}.camera-placeholder{height:126px;background:linear-gradient(110deg,#09191f,#0f272d,#071017);position:relative;overflow:hidden;display:grid;place-items:center}.grid-floor{position:absolute;inset:-110% -100% -40%;transform:perspective(200px) rotateX(55deg);background:repeating-linear-gradient(0deg,transparent 0 18px,#00bfac17 19px 20px),repeating-linear-gradient(90deg,transparent 0 18px,#00bfac13 19px 20px)}.signal-ring{border:1px solid #1d7477;color:var(--cyan);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#06232769;box-shadow:0 0 32px #00b4be30}.signal-ring .ico{width:27px;height:27px}.scan-sweep{position:absolute;top:-50%;left:40%;height:200%;width:30px;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#00e9c51c,transparent);animation:camscan 6s linear infinite}.camera-placeholder b{position:absolute;left:10px;bottom:8px;font:9px ui-monospace,monospace;color:#82afb3;letter-spacing:1px}.camera-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 9px 3px;font-size:11px}.camera-stats{color:#688992;font:9px ui-monospace,monospace;padding:3px 9px 10px}.camera-stats span{color:#3c5057;margin:0 5px}.storage-donut{width:155px;height:155px;background:conic-gradient(var(--mint) 0 78.8%,#1c3339 78.8%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px auto 12px;position:relative}.storage-donut:before{content:"";position:absolute;inset:10px;background:#0a1319;border-radius:50%}.storage-donut strong,.storage-donut small{position:relative}.storage-donut strong{font:26px ui-monospace,monospace}.storage-donut small{font-size:10px;color:var(--soft)}.filter-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid #314a54;background:#0d171c;color:#9bafb8;padding:9px 17px;font-size:11px}.filter-button:hover,.filter-button.active{color:#022b24;background:var(--mint);border-color:var(--mint)}.event-list{display:grid}.event-item{display:grid;grid-template-columns:9px 32px minmax(0,1fr) 54px 26px;gap:11px;align-items:center;padding:14px 4px;border-bottom:1px solid #1b2b32}.event-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.event-dot.cam{background:var(--mint)}.event-dot.sys{background:var(--pink)}.event-dot.wifi{background:var(--violet)}.event-icon{width:29px;height:29px;border:1px solid #26434a;display:grid;place-items:center;color:#a7c4c7}.event-icon .ico{width:15px;height:15px}.event-data strong{font-size:11px;font-weight:550;display:block}.event-data small{font:9px ui-monospace,monospace;color:#627e88}.event-item time{font:10px ui-monospace,monospace;color:#819faa}.event-item[hidden]{display:none}.access-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:13px}.access-form{padding:33px}.auth-badge{display:inline-flex;align-items:center;gap:8px;color:var(--mint);border:1px solid #22746c;background:#05211e;padding:7px 11px;font:10px ui-monospace,monospace;letter-spacing:.5px}.auth-badge .ico{width:14px;height:14px}.access-form h2{font-size:25px;margin:23px 0 4px;letter-spacing:-.4px}.access-lead{font-size:12px;color:#90abb3;max-width:470px;margin:0 0 27px}.form-label{display:block;color:#acc6c9;font-weight:600;font-size:12px;margin:16px 0 7px}.form-field{display:flex;gap:10px;align-items:center;border:1px solid #3a5159;background:#0a161b;padding:0 13px;color:#8daab0;height:49px}.form-field:focus-within{border-color:var(--mint)}.form-field input{border:0;outline:0;background:transparent;color:#edf9f9;flex:1;min-width:0;font:13px ui-monospace,Consolas,monospace}.password-eye{color:#88a9b2;background:none;border:0;display:grid;place-items:center}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8da8b0;gap:8px;margin:18px 0 22px}.form-options label{display:flex;align-items:center;gap:8px}.form-options input{accent-color:var(--mint)}.form-options span{font:9px ui-monospace,monospace;color:#547c85}.btn-submit{width:100%;background:linear-gradient(105deg,#00cab7,#00e6b2);border-color:#00efbd;color:#022321;font-size:13px;height:50px;justify-content:space-between;padding:0 19px}.btn-submit:hover{color:#00271e;background:#39f1ca}.form-feedback{min-height:43px;padding-top:11px;font-size:12px;color:var(--orange)}.auth-bottom{border-top:1px solid #27383e;padding-top:18px;margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#7898a0;font-size:10px}.auth-bottom>div{display:flex;gap:8px;align-items:center}.auth-bottom .ico{width:12px;height:12px}.access-side{display:grid;gap:13px;align-content:start}.access-side .panel{min-height:0}.camera-ok{display:flex;gap:18px;align-items:center;background:#05211b;border:1px solid #175e53;padding:15px}.camera-ok strong{color:var(--mint);font-size:14px}.camera-ok p{font-size:11px;color:#8dadb0;margin:5px 0 0}.access-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 0}.access-stats .metric{border-right:1px solid #25404a}.access-stats .metric:last-child{border:0}.role-row{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #23353c}.role-icon{border:1px solid #30606a;width:35px;height:35px;display:grid;place-items:center;color:var(--mint);flex:none}.role-row>div:nth-child(2){flex:1}.role-row strong{font-size:12px}.role-row p{font-size:10px;color:#77939d;margin:2px 0}.role-row>span{font:9px ui-monospace,monospace;color:#64828b}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;background:#0c2427;border:1px solid #22958a;color:#e2f8f4;box-shadow:var(--shadow);z-index:50;transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(420px,90vw);font-size:12px}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@keyframes nodepulse{from{opacity:.42;box-shadow:0 0 2px #00edab}to{opacity:1;box-shadow:0 0 12px #00edab}}@keyframes scansweep{0%{left:0}100%{left:100%}}@keyframes camscan{0%{left:-80%}100%{left:180%}}
@media(min-width:1700px){.panel{padding:21px}.main-shell main{padding:37px}.spectrum-chart{height:360px}.medium-chart{height:225px}.camera-placeholder{height:175px}.sidebar{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1270px){.shell{grid-template-columns:195px minmax(0,1fr)}.brand{padding-left:12px}.brand-name{font-size:13px}.brand-slim{font-size:10px}.brand-under{font-size:7px}.side-nav{padding:0 6px}.nav-link{font-size:11px;padding:11px 8px;gap:10px}.main-shell main{padding:24px 17px}.topbar{padding:0 17px}.span-8{grid-column:span 12}.span-4{grid-column:span 6}.span-5{grid-column:span 6}.span-3{grid-column:span 3}.span-2{grid-column:span 3}.span-7{grid-column:span 12}.dashboard-grid>.span-8:first-child{grid-column:span 8}.dashboard-grid>.span-4:nth-child(2){grid-column:span 4}.dashboard-grid>.span-7:nth-last-child(2){grid-column:span 7}.dashboard-grid>.span-5:last-child{grid-column:span 5}.camera-placeholder{height:120px}.access-layout{grid-template-columns:1fr 1fr}.tiny-live{display:none}}
@media(max-width:960px){.shell{grid-template-columns:76px minmax(0,1fr)}.brand{justify-content:center;padding:20px 5px}.brand>div:last-child,.aside-caption,.nav-link .i18n,.sidebar-lower{display:none}.nav-link{justify-content:center;padding:13px}.side-nav{padding-top:24px}.nav-link .ico{width:22px;height:22px}.nav-link.active:before{left:-6px}.main-shell main{padding:19px 14px}.action-grid{grid-template-columns:repeat(2,1fr)}.span-8,.span-7,.span-5{grid-column:span 12!important}.span-4,.span-3,.span-2{grid-column:span 6!important}.dashboard-grid>.span-8:first-child{grid-column:span 12}.dashboard-grid>.span-4:nth-child(2){grid-column:span 12}.access-layout{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(3,1fr)}.tile-grid.compact{grid-template-columns:repeat(2,1fr)}.footer-note{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{width:min(290px,86vw);height:100vh;position:fixed;left:0;top:0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 0 100px #000c}.sidebar.open{transform:translateX(0)}.brand{justify-content:flex-start;padding:24px}.brand>div:last-child,.aside-caption,.nav-link .i18n,.sidebar-lower{display:initial}.side-nav{padding:15px 9px}.nav-link{justify-content:flex-start;padding:13px}.mobile-menu{display:block}.topbar{height:57px;padding:0 13px;gap:8px}.global-search{width:auto;flex:1;min-width:0;max-width:300px;height:34px}.global-search kbd{display:none}.top-actions{gap:9px}.lang-switch{gap:1px}.account{width:29px;height:29px}.main-shell main{padding:19px 12px 35px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.heading-side{display:none}.status-bar{gap:12px;padding:15px 12px}.status-orb{height:34px;width:34px}.status-orb .ico{height:19px;width:19px}.status-strong{font-size:14px}.status-text{font-size:10px}.status-aside{display:none}.action-grid{gap:7px}.action{padding:10px 8px;gap:7px;min-height:61px}.action .ico{width:18px;height:18px}.action b{font-size:11px}.action small{font-size:9px}.dashboard-grid{gap:9px}.panel{padding:13px 11px 10px}.panel-head h2{font-size:12px}.panel-head p{font-size:9px}.panel-head .ico{width:14px;height:14px}.span-4,.span-3,.span-2{grid-column:span 12!important}.spectrum-stat{grid-template-columns:repeat(2,1fr);gap:10px}.spectrum-chart{height:245px}.large-chart{height:240px}.medium-chart{height:160px}.test-readings{grid-template-columns:1fr 1fr}.test-side{grid-column:span 2;display:flex;justify-content:space-around;border:0;border-top:1px solid var(--line);padding:11px 0 0}.test-side>div{border:0;padding:0}.test-side strong{font-size:16px}.camera-grid{grid-template-columns:repeat(2,1fr);gap:7px}.camera-placeholder{height:112px}.tile-grid,.tile-grid.compact{grid-template-columns:repeat(2,1fr);gap:7px}.health-tile{padding:12px}.health-tile strong{font-size:19px}.topology{height:210px}.topo-node{transform:scale(.77);transform-origin:center}.topo-node.origin{left:0}.topo-node.gateway{left:17%}.topo-node.branch-top,.topo-node.branch-bottom{left:41%}.end-a,.end-c{right:13%}.end-b,.end-d{right:-5%}.legend{gap:10px;font-size:9px}.legend .align-end{display:none}.lock-strip{padding:13px;flex-wrap:wrap;gap:10px}.lock-strip .btn{width:100%}.four-metrics{grid-template-columns:1fr 1fr;gap:11px}.four-metrics .metric{border:0}.data-table{font-size:10px}.camera-table{min-width:650px}.filter-strip{align-items:flex-start}.filter-button{padding:7px 10px}.access-form{padding:18px}.access-form h2{font-size:23px}.footer{padding:12px;font-size:8px}.footer>div:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.sensor-grid{display:grid;gap:9px;padding:8px 0 14px}.sensor-line{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr) 47px;align-items:center;gap:20px;border-bottom:1px solid #192c34;padding:8px 0}.sensor-line>div:first-child{display:flex;flex-direction:column;gap:2px}.sensor-line strong{font-size:11px;font-weight:550}.sensor-line span{font:9px ui-monospace,monospace;color:#688994}.sensor-line b{font:12px ui-monospace,monospace;text-align:right;color:#d5ebef}.sensor-track{height:5px;background:#1b3036;overflow:hidden}.sensor-track i{display:block;height:5px;background:var(--sensor);box-shadow:0 0 10px var(--sensor)}
@media(max-width:650px){.sensor-line{grid-template-columns:minmax(0,1.2fr) 1fr 42px;gap:9px}.sensor-line strong{font-size:10px}}

/* V4: live-signal overlay. This is a drawing layer, not a layout redesign. */
.camera-placeholder{position:relative}
.stream-sparkline{position:absolute;left:7%;right:7%;width:86%;bottom:7px;height:33px;pointer-events:none;opacity:.8;z-index:2}
@media (prefers-reduced-motion:reduce){.stream-sparkline{opacity:.65}}

/* V4: non-intrusive event arrival and camera telemetry (existing grid unchanged). */
.incoming-event{animation:monitorEventIn .5s ease-out both}
@keyframes monitorEventIn{from{opacity:.45;background:#14372f;transform:translateY(-4px)}to{opacity:1;background:transparent;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.incoming-event{animation:none}}