:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a0d;--sidebar:#0a1014;--panel:#101820;--panel-2:#121d25;--panel-3:#16222c;--border:#263541;--border-strong:#3a4b57;--text:#f5f7f8;--muted:#b9c2c8;--subtle:#7f8a92;--green:#5af27a;--green-dim:#1f8f46;--blue:#6bb7ff;--yellow:#f5c84b;--red:#ff5b4a;--gray:#a8b0b7;--shadow:0 22px 60px #0000006b;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.auth-shell{background:radial-gradient(circle at 70% 20%,#5af27a14,#0000 30%),linear-gradient(135deg,#05080a,#0b1217 56%,#05080a);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f5,#0a1014fa);border-radius:8px;width:min(100%,440px);max-width:440px;padding:24px}.auth-brand{padding-bottom:18px}.auth-copy h1{margin:0 0 8px;font-size:32px;line-height:1}.auth-copy p{color:var(--muted);margin:0 0 20px;line-height:1.5}.admin-auth-panel{box-shadow:0 28px 70px #00000075,0 0 44px #5af27a14}.auth-status{color:var(--muted);margin-bottom:16px;display:block}.auth-tabs{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:18px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 12px}.auth-tabs button.active{color:var(--text);background:#5af27a1f}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--muted);gap:8px;font-size:13px;display:grid}.auth-form input,.auth-form select{border:1px solid var(--border);color:var(--text);background:#070c10;border-radius:8px;min-height:44px;padding:10px 12px}.panel-note{color:var(--muted);margin:0 0 16px}.integration-health{margin-bottom:16px}.integration-field{color:var(--muted);gap:7px;margin-bottom:12px;font-size:13px;display:grid}.integration-field input,.security-input{border:1px solid var(--border);color:var(--text);background:#070c10;border-radius:8px;min-height:42px;padding:10px 12px}.security-toggle{color:var(--muted);align-items:center;gap:10px;margin:8px 0;display:flex}.security-toggle input{accent-color:var(--accent)}.integration-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.auth-form .remember-row{align-items:center;gap:10px;display:flex}.auth-form .remember-row input{min-height:auto}.app-shell{background:radial-gradient(circle at 76% 12%,#6bb7ff14,#0000 32%),linear-gradient(135deg,#05080a,#0a1116 52%,#05080a);grid-template-columns:266px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0d1419,#070c10);border-radius:0 8px 8px 0;flex-direction:column;gap:20px;margin:12px 0 12px 12px;padding:18px 14px;display:flex}.brand{align-items:center;gap:13px;padding:2px 4px 10px;display:flex}.brand-mark{border:1px solid var(--border-strong);color:var(--text);border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand strong{letter-spacing:0;font-size:20px;display:block}.brand span,.topbar p,.metric p,.sidebar-card span,.sidebar-card small,.system-card small,.info-card p,.rail-card p,.server-card small,.detail-row span,.detail-row small{color:var(--muted);letter-spacing:0;font-size:12px}nav{gap:6px;display:grid}.nav-item{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;min-height:39px;padding:9px 11px;transition:background .16s,border-color .16s,transform .16s;display:grid}.nav-item:hover{border-color:var(--border);background:#ffffff0d;transform:translate(2px)}.nav-item.active{border-color:var(--border-strong);background:linear-gradient(#2a3238,#1c252b)}.nav-item em{color:var(--green);background:#5af27a1f;border:1px solid #5af27a59;border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-card,.system-card{border:1px solid var(--border);background:linear-gradient(#16222cf0,#0d151bf5);border-radius:8px;padding:15px}.sidebar-card{gap:7px;margin-top:auto;display:grid}.sidebar-card strong{font-size:17px}.system-card{align-items:center;gap:10px;display:flex}.pulse{background:var(--green);border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 8px #5af27a1f}.pulse.warning{background:var(--yellow);box-shadow:0 0 0 8px #f5c84b1f}.workspace{min-width:0;padding:18px 14px 18px 12px}.topbar{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f2,#090f14f2);border-radius:8px;justify-content:space-between;align-items:center;min-height:72px;margin-bottom:10px;padding:14px 18px;display:flex}h1,h2,h3,p{letter-spacing:0;margin-top:0}h1{margin-bottom:5px;font-size:22px;line-height:1.15}h2{font-size:17px;line-height:1.2}.top-actions{align-items:center;gap:16px;display:flex}.icon-button,.profile-button{color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;min-height:38px;padding:8px;display:flex;position:relative}.icon-button:hover,.profile-button:hover{border-color:var(--border);background:#ffffff0f}.icon-button span{background:var(--green);color:#07100a;border-radius:999px;min-width:17px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:-2px;right:-2px}.dashboard-layout{grid-template-columns:minmax(285px,1.25fr) minmax(450px,2.75fr) minmax(230px,1fr);gap:12px;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#121d25f5,#090f14fa);border-radius:8px;min-width:0;padding:17px}.panel:hover{border-color:#6bb7ff47}.panel-heading,.page-heading,.info-top{justify-content:space-between;align-items:center;display:flex}.panel-heading span,.info-top span{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:800}.status-panel{gap:15px;min-height:352px;display:grid}.shield-orbit{color:var(--green);align-items:center;gap:16px;display:flex}.shield{filter:drop-shadow(0 0 22px #5af27a42)}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.status-panel h2{color:var(--green);margin-bottom:8px;font-size:30px;line-height:1}.server-line{border:1px solid var(--border);background:#101720;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.server-line span{align-items:center;gap:8px;min-width:0;display:flex}.server-line button,.detail-row button{border:1px solid var(--border-strong);color:var(--text);background:#15202a;border-radius:7px;padding:7px 10px}.connected-time{color:var(--green);grid-template-columns:16px auto 1fr;align-items:center;gap:5px;display:grid}.connected-time small{color:var(--muted)}.primary-action,.light-button{color:#111416;background:linear-gradient(#fff,#e7ecef);border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:10px 14px;font-weight:850;transition:transform .16s,filter .16s;display:flex}.primary-action:hover,.light-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.map-panel{min-height:352px;position:relative;overflow:hidden}.world-map{background:radial-gradient(circle at 58% 45%,#5af27a17,#0000 22%),linear-gradient(140deg,#111b23,#081016);border-radius:8px;height:294px;margin-top:10px;position:relative;overflow:hidden}.mercator-map{width:100%;height:100%;display:block}.ocean{fill:#0b131a}.graticule line{stroke:#b9c2c812;stroke-width:1px}.continents path{fill:#26323c;stroke:#b9c2c838;stroke-linejoin:round;stroke-width:1.2px}.country-borders path{fill:none;opacity:.36;stroke:#b9c2c821;stroke-linejoin:round;stroke-width:.55px}.network-lines path{fill:none;opacity:.45;stroke:#6bb7ff75;stroke-dasharray:4 7;stroke-linecap:round;stroke-width:1.4px}.node-hitbox{cursor:pointer;outline:none}.node-hitbox:focus-visible .server-node{stroke:#fff;stroke-width:2.4px}.server-node{stroke:#ffffffeb;stroke-width:1.25px}.server-node.low,.node-pulse.low{fill:var(--green)}.server-node.medium,.node-pulse.medium{fill:var(--yellow)}.server-node.high,.node-pulse.high{fill:#ff9d42}.server-node.maintenance,.node-pulse.maintenance{fill:var(--gray)}.node-pulse{opacity:.32;transform-origin:50%;animation:2.4s ease-out infinite nodePulse}@keyframes nodePulse{0%{opacity:.38;transform:scale(.8)}70%{opacity:0;transform:scale(2.8)}to{opacity:0;transform:scale(2.8)}}.map-toolbar{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:64px}.map-toolbar select{appearance:none;border:1px solid var(--border-strong);color:var(--text);background:#0e151beb;border-radius:7px;min-height:34px;padding:7px 30px 7px 10px;font-size:12px}.map-search{border:1px solid var(--border-strong);color:var(--muted);background:#0e151beb;border-radius:7px;align-items:center;gap:6px;width:150px;min-height:34px;padding:7px 9px;display:flex}.map-search input{font-size:12px}.map-tooltip,.server-detail-popover{border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:none;z-index:4;background:#090f14f5;border-radius:8px;gap:4px;display:grid;position:absolute;transform:translate(12px,-62px)}.map-tooltip{min-width:145px;padding:10px 11px}.map-tooltip span,.map-tooltip small,.server-detail-popover span,.server-detail-popover small{color:var(--muted);font-size:12px}.server-detail-popover{pointer-events:auto;min-width:235px;padding:13px;bottom:18px;right:66px}.server-detail-popover button{color:var(--muted);background:0 0;border:0;font-size:18px;line-height:1;position:absolute;top:7px;right:8px}.map-controls{gap:6px;display:grid;position:absolute;top:104px;right:15px}.map-controls button{border:1px solid var(--border-strong);color:var(--text);background:#17232d;border-radius:7px;width:38px;height:38px}.map-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:18px;left:18px}.map-legend li,.recent-row,.quick-row{align-items:center;gap:9px;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-dot.low{background:var(--green)}.legend-dot.medium,.legend-dot.warning{background:var(--yellow)}.legend-dot.high{background:#ff9d42}.legend-dot.error{background:var(--red)}.legend-dot.maintenance{background:var(--gray)}.right-rail{gap:12px;display:grid}.rail-card{min-height:112px}.rail-value{margin:8px 0;font-size:22px;display:block}.device-meter{justify-content:space-between;align-items:center;display:flex}.device-meter strong{font-size:26px}.meter{background:#202a32;border-radius:999px;height:7px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--green), #b8ffc8);height:100%;display:block}.quick-card svg{color:var(--text)}.info-card{min-height:135px}.info-card strong{margin:13px 0 5px;font-size:20px;display:block}.info-card small{color:var(--muted)}.accent-text{color:var(--green)}.bandwidth-values{gap:28px;display:flex}.bandwidth-values small{font-size:11px;font-weight:500;display:block}.mini-chart{width:100%;height:50px;margin-top:9px}.mini-chart polyline{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.mini-chart .upload{stroke:var(--green)}.recent-card{gap:8px;display:grid}.recent-row{justify-content:space-between}.flag{border:1px solid var(--border);color:var(--text);background:#17232d;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:18px;margin-right:2px;font-size:10px;font-weight:800;display:inline-flex}.status-pill{border:1px solid;border-radius:999px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.status-pill.success{color:var(--green);background:#5af27a1f}.status-pill.warning{color:var(--yellow);background:#f5c84b1f}.status-pill.error{color:var(--red);background:#ff5b4a1f}.status-pill.neutral{color:var(--gray);background:#a8b0b71f}.page-panel{min-height:calc(100vh - 112px)}.page-heading{margin-bottom:18px}.search-box{border:1px solid var(--border);background:#0e151b;border-radius:7px;align-items:center;gap:8px;min-width:260px;padding:9px 11px;display:flex}input{color:var(--text);background:0 0;border:0;outline:0;width:100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.server-browser-grid,.settings-grid,.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.server-card{border:1px solid var(--border);color:var(--text);text-align:left;background:linear-gradient(#121d25,#0d151b);border-radius:8px;gap:12px;min-height:155px;padding:15px;display:grid}.server-card:hover,.server-card.active{border-color:var(--green);box-shadow:0 0 0 1px #5af27a2e}.server-card strong,.server-card small{display:block}.table-card{gap:8px;display:grid}.detail-row{border:1px solid var(--border);color:var(--text);background:#0e151b;border-radius:7px;grid-template-columns:minmax(140px,1.3fr) minmax(90px,1fr) auto auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.setting-card{min-height:120px}.admin-grid{grid-template-columns:minmax(420px,1.5fr) minmax(260px,.8fr);gap:12px;margin-top:12px;display:grid}.gateway-table{gap:8px;margin-top:12px;display:grid}.gateway-table>div{border:1px solid var(--border);background:#0e151b;border-radius:7px;grid-template-columns:1.5fr 1fr auto 64px 64px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:grid}.alert-list{gap:12px;margin-top:12px;display:grid}.alert-list p{align-items:center;gap:9px;margin:0;display:flex}@media (width<=1180px){.dashboard-layout{grid-template-columns:minmax(280px,1fr) minmax(390px,1.4fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 8px 8px;margin:0}.dashboard-layout,.admin-grid,.right-rail{grid-template-columns:1fr}.topbar,.page-heading{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=620px){.workspace{padding:10px}.detail-row,.gateway-table>div{grid-template-columns:1fr}.world-map{height:250px}}
