:root{color-scheme:dark;--bg:#06111e;--panel:#0a1929;--line:#1c3b53;--ink:#e9f2ff;--dim:#8faac6;--cyan:#39d9e6;--gold:#edba47;--red:#f39399;--green:#7adeb5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 5%,#10263a,transparent 55%),var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}button,summary{cursor:pointer}button{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:8px;padding:10px 16px}button:hover,.action:hover{border-color:var(--gold)}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:26px 16px;border-right:1px solid var(--line);background:#071420;display:flex;flex-direction:column;gap:20px}.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.brand img{width:180px;height:68px;object-fit:contain}.brand span{font-size:11px;letter-spacing:.09em;color:var(--dim)}nav{display:grid;gap:8px}nav a{padding:13px 11px;border-left:3px solid transparent;color:#aac4dc;border-radius:3px}nav a:hover{background:#142536}nav .selected{background:linear-gradient(90deg,#3b3520,#11202b);border-color:var(--gold);color:#fff}.side-note{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0}.side-note small,.signature{color:var(--dim)}.signature{text-align:center;font-size:11px}main{margin-left:220px;padding:28px;max-width:1920px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}h1{font-size:30px;letter-spacing:-.6px;margin:3px 0}h2{font-size:19px;letter-spacing:-.25px;margin:0 0 9px;font-weight:600}h3{font-size:15px;margin:0}p{margin:7px 0 14px}header p{color:var(--dim);margin:0}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.16em}.live{text-align:right;display:grid;gap:6px}.live small,.muted,.stamp{color:var(--dim);font-size:12px}.pill{display:inline-block;padding:5px 10px;border:1px solid #316650;border-radius:6px;font-size:11px;color:var(--green);white-space:nowrap}.amber{color:var(--gold);border-color:#706139}.red{color:var(--red);border-color:#714248}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.kpi{position:relative;padding:20px;background:linear-gradient(135deg,#0e2537,#091624);border:1px solid var(--line);border-radius:9px;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.kpi .number{font-size:clamp(23px,2.5vw,35px);font-weight:600;letter-spacing:-1px;color:white;margin:9px 0 4px;font-variant-numeric:tabular-nums}.kpi .label{font-size:12px;color:#b4cbe0}.kpi small{font-size:10px;color:var(--dim)}.stale:before{background:var(--gold)}.columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px}.panel{background:linear-gradient(135deg,#0a1b2b,#081523);border:1px solid var(--line);padding:20px;border-radius:9px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.stamp{font-size:10px;text-align:right;max-width:190px}.flow{display:flex;align-items:center;gap:0;padding:18px 0 10px}.flow-node{padding:15px 12px;border:1px solid #34627a;border-radius:8px;text-align:center;background:#0e2839;min-width:110px;flex:1}.flow-node b{display:block;font-size:15px}.flow-node span{font-size:10px;color:var(--dim)}.flow-node.accent{border-color:#37a6b2;box-shadow:0 0 30px #2ac1d50d}.connector{width:22px;height:1px;background:var(--cyan);flex-shrink:0}.devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #1c344a;border-radius:7px;background:#0a1725}.device strong{font-size:11px;font-weight:600;text-transform:lowercase}.device small{display:block;color:var(--dim);font-size:10px}.device .signal{font-size:10px;color:var(--green);text-align:right}.device .unknown{color:var(--gold)}.ring-wrap{display:flex;justify-content:center;margin:12px}.ring{width:164px;height:164px;border-radius:50%;border:9px solid #20576b;box-shadow:0 0 30px #2bdde613,inset 0 0 20px #2bdde60c;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring strong{font-size:35px}.ring span{font-size:10px;color:var(--dim)}.olt{display:flex;justify-content:space-between;border-bottom:1px solid #183146;padding:8px 0;font-size:11px}.olt span{color:var(--dim)}.host,.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.host strong,.inventory strong{font-size:25px;display:block;font-weight:500}.host small,.inventory small{color:var(--dim);font-size:11px}.peek{font-size:28px;margin:20px 0}.peek span{display:block;color:var(--dim);font-size:12px}.action{display:inline-block;color:var(--gold);border-bottom:1px solid #796335;padding:8px 0}.agents{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.agent{padding:14px;border:1px solid #1e3a51;border-radius:7px}.agent .pill{margin:8px 0}.agent small{display:block;color:var(--dim);font-size:10px}.agent p{font-size:11px;margin:8px 0 0}.events{font-size:12px;max-height:240px;overflow:auto}.event{display:flex;gap:20px;padding:10px 0;border-bottom:1px solid #172f44}.event time{color:var(--dim);min-width:135px}.event strong{color:var(--cyan);width:75px}details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}summary{color:var(--dim);font-size:12px}details ul{color:var(--dim);font-size:12px;padding-left:18px}.reference{width:100%;border-radius:6px;margin-top:12px}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);padding:6px 0 18px}.notice{border-left:3px solid var(--gold);background:#342e201f;color:#d4c391;padding:10px 14px;font-size:12px;margin-bottom:20px}.finance-detail .line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #1b3348}.line span{color:var(--dim);font-size:12px}.line strong{font-size:18px;font-weight:500;text-align:right}.chart{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:18px;height:190px;padding:0 10px;border-bottom:1px solid var(--line);margin-top:25px}.bar-group{display:flex;height:165px;align-items:flex-end;justify-content:center;gap:5px;position:relative;padding-bottom:24px}.bar{width:18px;border-radius:3px 3px 0 0;background:var(--cyan);position:relative}.bar.out{background:var(--gold)}.bar b{position:absolute;top:-19px;font-size:10px;left:50%;transform:translateX(-50%);font-weight:400}.bar-group>span{position:absolute;bottom:0;font-size:9px;color:var(--dim)}.legend{color:var(--dim);font-size:10px;display:flex;align-items:center;gap:8px;margin:15px 0}.key{display:inline-block;width:8px;height:8px;background:var(--cyan)}.key.out{background:var(--gold);margin-left:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:right;padding:10px;border-bottom:1px solid #1a3043;font-variant-numeric:tabular-nums}th{color:var(--dim);font-weight:500}th:first-child,td:first-child{text-align:left}.negative{color:var(--gold)}.positive{color:var(--green)}.login-layout{min-height:100vh;max-width:1160px;margin:auto;padding:60px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px}.login-logo{display:block;width:240px;margin-bottom:70px}.login-story h1{font-size:42px;line-height:1.2;margin:22px 0}.login-story p{color:var(--dim);max-width:420px}.login-story small{display:block;margin-top:80px;color:var(--dim)}.login-card{background:#0b1d2e;border:1px solid var(--line);padding:34px;border-radius:15px}.login-card h2{font-size:26px;margin:12px 0}.login-card label{display:grid;gap:7px;margin:20px 0;color:var(--dim);font-size:12px}input{width:100%;padding:12px;background:#061321;border:1px solid #2e4b61;border-radius:7px;color:#fff}input:focus{outline:1px solid var(--cyan)}.primary{background:var(--gold);color:#141b21;width:100%;font-weight:600;border:0;margin-top:7px}.login-card small{color:var(--dim);font-size:10px}#login-error{color:var(--red);font-size:12px}@media(max-width:1200px){.sidebar{width:190px}.brand img{width:155px}main{margin-left:190px;padding:20px}.agents{grid-template-columns:repeat(3,1fr)}.columns{grid-template-columns:1fr}.kpi{padding:15px}.chart{gap:10px}}@media(max-width:740px){.sidebar{position:static;width:auto;padding:14px}.brand{margin:0;align-items:flex-start}.brand img{height:45px}.brand span,.side-note,.signature{display:none}nav{display:flex;flex-wrap:wrap;gap:0}nav a{font-size:11px;padding:8px}#logout{position:absolute;right:15px;top:20px;font-size:11px}.sidebar nav a:nth-child(n+3){display:none}main{margin:0;padding:16px}header{display:block}h1{font-size:25px}.live{text-align:left;margin-top:16px}.kpis{grid-template-columns:repeat(2,1fr)}.agents{grid-template-columns:repeat(2,1fr)}.panel{padding:15px}.devices{grid-template-columns:1fr}.flow-node{min-width:0;padding:10px 5px}.flow-node b{font-size:12px}.flow-node span{font-size:9px}.connector{width:10px}.section-head{align-items:flex-start}.chart{gap:4px;padding:0}.bar{width:10px}.bar-group{gap:3px}.inventory{grid-template-columns:repeat(2,1fr)}.event{gap:10px;flex-wrap:wrap}footer{gap:20px}.login-layout{padding:24px;grid-template-columns:1fr;gap:25px}.login-logo{width:180px;margin-bottom:25px}.login-story h1{font-size:29px}.login-story small{display:none}.login-card{padding:25px}}

.brand{display:grid;grid-template-columns:58px 1fr;column-gap:5px}.brand img{grid-row:1/3;width:58px;height:65px}.brand .wordmark{font-size:25px;line-height:1.1;align-self:end}.brand span{font-size:8px;align-self:start;letter-spacing:.03em}@media(min-width:981px) and (max-width:1200px){.columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.devices{grid-template-columns:1fr}.flow-node{min-width:0;padding:10px 6px}.flow-node b{font-size:12px}.flow-node span{font-size:9px}.connector{width:12px}.ring{height:140px;width:140px}}

.inventory-button{text-align:left;background:#0d2031;padding:12px 15px;transition:border-color .15s,background .15s}.inventory-button:hover{background:#142a3d}.inventory-button span{display:block;color:var(--gold);font-size:11px;margin-top:7px}.inventory-button:focus-visible{outline:2px solid var(--gold)}
.employees-dialog{width:min(880px,calc(100vw - 32px));max-height:88vh;padding:26px;border:1px solid #31506a;border-radius:14px;background:linear-gradient(145deg,#0d2234,#081522);color:var(--ink);box-shadow:0 24px 90px #0009;overflow:hidden}.employees-dialog[open]{display:flex;flex-direction:column;gap:16px}.employees-dialog::backdrop{background:#020811cc;backdrop-filter:blur(3px)}.employees-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.employees-head h2{font-size:25px;margin:4px 0}.employees-head p{margin:0}.employees-head button{white-space:nowrap}.employees-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px}.employees-filters label{display:grid;gap:6px;color:var(--dim);font-size:12px}.employees-filters select{font:inherit;padding:12px;background:#061321;border:1px solid #2e4b61;border-radius:7px;color:var(--ink);width:100%;outline-offset:3px}.employees-table-wrap{overflow:auto;min-height:80px;max-height:52vh;border:1px solid var(--line);border-radius:8px}.employees-table{font-size:13px}.employees-table th,.employees-table td{text-align:left;padding:12px 14px}.employees-table th{background:#10283b;position:sticky;top:0;z-index:1}.employees-table td:first-child{width:85px;color:var(--dim);font-size:11px}.employees-table tbody tr:hover{background:#132b3d}.employees-table td:nth-child(2){font-weight:500}.employees-table td:nth-child(3){color:var(--dim)}.employees-empty{padding:30px!important;text-align:center!important;color:var(--dim)}#employees-count,.employees-footnote{margin:0}.employees-footnote{font-size:11px}.employees-dialog .notice{margin:0}@media(max-width:600px){.employees-dialog{padding:18px;max-height:92vh;gap:12px}.employees-filters{grid-template-columns:1fr}.employees-head h2{font-size:21px}.employees-head button{padding:8px 10px}.employees-table{min-width:540px}.employees-table-wrap{max-height:45vh}}