:root{--bg:#0e1721;--sidebar:#121f2b;--surface:#172534;--surface2:#1c2c3b;--border:#2b3e4d;--text:#e6eff6;--muted:#8fa3b4;--subtle:#708798;--aqua:#50d0b3;--amber:#eeba69;--violet:#ab95f2;--shadow:0 12px 28px rgba(0,0,0,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted,.subtle{color:var(--muted)}.small{font-size:12px}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#1a514c;color:#7ef0d3;font-weight:800;font-size:24px;box-shadow:0 0 20px #49c7a020}.brand,.logo-large{display:flex;align-items:center;gap:12px;letter-spacing:1.3px}.brand strong,.logo-large strong{display:block;font-size:15px;letter-spacing:1.2px}.brand small,.logo-large small{display:block;color:#83a6ad;font-size:9px;font-weight:700;letter-spacing:2px;margin-top:2px}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:246px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;padding:28px 18px}.sidebar .brand{padding-left:8px}.nav{display:grid;gap:6px;margin-top:46px}.nav a{padding:14px 16px;border-radius:10px;color:#99adbc;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.nav a:hover,.nav .nav-active{background:#1c3540;color:#d6fff3}.sidebar-bottom{margin-top:auto;padding:16px 12px 5px;border-top:1px solid var(--border)}.side-stat{display:flex;align-items:center;gap:8px;color:#c3dfd7;font-size:12px;font-weight:700;margin-bottom:8px}.main{flex:1;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;padding:32px 38px 26px;align-items:center;border-bottom:1px solid var(--border);background:#121d28}.title-stack h1{font-size:29px;line-height:1.1;letter-spacing:-.7px;margin:6px 0 9px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#62bcae}.description{font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.live-pill{border:1px solid #326956;background:#1c403c;color:#95e6c9;border-radius:100px;padding:9px 14px;font-size:11px;display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 5px #50d0b320;animation:pulse 1.8s infinite}.live-pill.offline{border-color:#805c3b;color:#efbf88;background:#40301f}.live-pill.offline .pulse-dot{background:var(--amber);box-shadow:none;animation:none}@keyframes pulse{50%{opacity:.58;box-shadow:0 0 0 9px transparent}}.ghost-btn{border:1px solid var(--border);background:#1d2b39;color:#bcd0db;border-radius:9px;padding:10px 15px}.ghost-btn:hover{border-color:#64bda9}.content{padding:25px 38px 45px;max-width:1710px;margin:auto}.server-selector{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 20px}.server-chip{border:1px solid var(--border);background:#162331;color:#95aabb;border-radius:9px;padding:12px 16px;font-size:11px;letter-spacing:.3px;font-weight:800}.server-chip.selected{background:#213a42;color:#d8f7ed;border-color:#4b847b}.small-dot{display:inline-block;width:7px;height:7px;border-radius:100%;margin-right:7px}.aqua,.legend-dot.aqua{background:var(--aqua)}.amber,.legend-dot.amber{background:var(--amber)}.violet,.legend-dot.violet{background:var(--violet)}.last-update{margin-left:auto;color:var(--subtle);font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:23px 22px;min-height:148px;box-shadow:var(--shadow)}.card-head{color:#a6b9c7;letter-spacing:1.1px;font-size:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.tag{font-size:9px;letter-spacing:1px;color:#6c9599;border:1px solid #37515c;padding:4px 8px;border-radius:6px}.big-value{font-size:38px;letter-spacing:-1.2px;font-weight:750;margin:15px 0 10px;line-height:1;display:flex;gap:10px;align-items:baseline;font-variant-numeric:tabular-nums}.big-value small{font-size:13px;letter-spacing:0;color:#96adbb;font-weight:500}.card-foot{font-size:11px;color:#90a4b4}.turquoise{color:var(--aqua)}.amber-text{color:var(--amber)}.meter{height:6px;border-radius:20px;background:#2e4250;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#3ca78c,#6aeac5);width:0;border-radius:20px;transition:width .5s}.meter i.purple{background:linear-gradient(90deg,#826bc3,#ad99ef)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow);margin-top:16px}.panel-title{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:19px}.panel-title h2{font-size:19px;margin:7px 0 5px;letter-spacing:-.2px}.panel-title p{color:var(--muted);font-size:12px;margin:0}.window-chooser{display:flex;background:#101d29;border:1px solid var(--border);padding:4px;border-radius:9px;gap:3px}.window-chooser button{border:0;border-radius:6px;background:transparent;color:#8fa3b6;padding:9px 12px;font-size:11px;font-weight:700}.window-chooser button.chosen{background:#2b4552;color:#d6f1ec}.chart-surface{height:240px;position:relative;overflow:hidden}.chart-surface canvas{width:100%;height:100%;display:block}.small-chart{height:185px}.legend{display:flex;gap:20px;font-size:11px;color:#9eb1c0;margin-top:12px;align-items:center}.legend>span{display:flex;gap:7px;align-items:center}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-right{margin-left:auto}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.protection-rows{display:grid;gap:0}.protection-rows>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.protection-rows span{color:#9bb0bf}.protection-rows strong{font-size:11px;text-align:right;color:#d0e9df}.protection-rows .warning-text{color:#e7ae70}.info-hint{font-size:11px;line-height:1.6;color:#85aaa7;background:#213843;padding:11px 13px;border-radius:9px;margin-top:17px}.table-scroller{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:1.2px;color:#7791a5;font-weight:800;padding:13px;border-bottom:1px solid var(--border)}td{padding:13px;border-bottom:1px solid #2b3b46;color:#cedce5;font-size:12px;font-variant-numeric:tabular-nums}td:last-child,th:last-child{text-align:right}tr:last-child td{border-bottom:0}.table-empty{text-align:center!important;padding:32px;color:#8da5b4}.table-count{color:#9fb4be;font-size:11px}footer{display:flex;justify-content:space-between;gap:10px;color:#65808c;letter-spacing:.5px;font-size:10px;margin-top:25px}.status-line{border:1px solid #6c5732;background:#39301e;color:#f0c58e;padding:13px 17px;border-radius:10px;margin-bottom:14px;font-size:12px}.hidden{display:none!important}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 0%,#1c3d44 0%,transparent 35%),radial-gradient(circle at 90% 90%,#263a54 0%,transparent 30%),#101a25;display:grid;place-items:center;padding:24px}.login-wrap{width:min(450px,100%)}.logo-large{justify-content:center;margin-bottom:32px}.logo-large .logo-mark{width:44px;height:44px}.login-card{background:#192a38;border:1px solid #345160;border-radius:20px;padding:35px;box-shadow:0 26px 90px #0003}.login-card h1{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:17px 0 13px}.login-card .subtle{line-height:1.6;font-size:13px;margin-bottom:26px}.login-card label{display:block;font-size:12px;font-weight:700;color:#b4c8d3;margin-bottom:9px}.login-card input{display:block;width:100%;background:#12212d;border:1px solid #486070;border-radius:10px;outline:none;padding:15px 14px;color:#eff8fa;margin-bottom:16px;font-size:16px}.login-card input:focus{border-color:#56c4a9;box-shadow:0 0 0 3px #56c4a91c}.main-button{width:100%;background:#56d4b1;border:0;border-radius:10px;padding:15px 17px;color:#0c2d2b;font-weight:850;display:flex;justify-content:space-between}.main-button:hover{background:#83edca}.bottom-note{text-align:center;font-size:11px;color:#7796a5;margin-top:23px}.auth-error{border:1px solid #a15c62;background:#53272f;color:#ffbfc0;padding:10px;border-radius:10px;font-size:12px}.server-chip:hover{border-color:#5b8e8c}button:focus-visible,a:focus-visible{outline:2px solid #68dec7;outline-offset:2px}@media(max-width:1140px){.sidebar{width:200px}.content{padding:24px}.topbar{padding:26px 24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}}@media(max-width:740px){.shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:14px 18px;display:block}.sidebar .brand{padding:0}.nav{margin:10px 0 0;display:flex;overflow:auto;gap:8px}.nav a{font-size:11px;padding:9px;flex-shrink:0}.sidebar-bottom{display:none}.topbar{padding:19px;align-items:flex-start}.title-stack h1{font-size:24px}.top-actions{gap:6px}.ghost-btn{padding:8px 11px}.content{padding:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:127px;padding:16px 13px}.big-value{font-size:29px}.card-head{font-size:9px}.tag{font-size:8px}.panel{padding:16px}.window-chooser{flex-wrap:wrap;justify-content:flex-start}.panel-title{display:block}.window-chooser{margin-top:15px}.last-update{width:100%;margin-left:0}.chart-surface{height:185px}.small-chart{height:175px}footer{display:block;line-height:1.8}.login-card{padding:24px}}@media(max-width:370px){.metrics-grid{grid-template-columns:1fr}}