:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf3;background:#0d131c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#17273a 0,#0d131c 42rem)}.dashboard{max-width:1440px;margin:auto;padding:32px 40px 68px}.tv{max-width:none;padding:40px 56px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#87a0ba}h1{font-size:clamp(1.7rem,3vw,2.8rem);margin:.28rem 0}h2{font-size:1rem;letter-spacing:.04em;margin:0 0 14px}.header-status{display:flex;gap:16px;align-items:center}.header-status time{font-size:1.05rem;font-variant-numeric:tabular-nums;color:#b8c7d7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric,.card,.panel,.route-card{background:#151f2ce8;border:1px solid #26384d;border-radius:14px;box-shadow:0 10px 28px #0002}.metric{padding:17px 19px;border-left:4px solid #5f7185}.metric span,label,dt{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:#91a5ba}.metric strong{font-size:2rem;display:block;margin-top:3px}.metric.ok{border-left-color:#4dba83}.metric.warning{border-left-color:#d2ae52}.metric.critical{border-left-color:#da6573}.metric.protected{border-left-color:#4a91c5}.badge{border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:800;letter-spacing:.06em;white-space:nowrap;background:#5f7185;color:#eff5fa}.badge.online,.badge.ok{background:#1c5940;color:#abebca}.badge.warning{background:#665321;color:#ffe49a}.badge.critical{background:#692f3a;color:#ffc0c9}.badge.protected{background:#254a6b;color:#b9e0ff}.badge.no_telemetry{background:#3e4a58;color:#ced7e1}.route-card{padding:21px 23px;margin-bottom:20px;border-left:5px solid #4dba83}.route-card.critical{border-left-color:#da6573;background:#291b23}.route-card h2{font-size:1.25rem;margin:10px 0 18px;color:#ace8c5}.route-card.critical h2,.route-card.critical p{color:#ffbac4}.route-card p{margin:16px 0 0;font-weight:800;letter-spacing:.05em}.route-card.featured h2{font-size:clamp(1.35rem,2.2vw,2rem)}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.route-grid strong{font-size:1.03rem;display:block;margin-top:3px}.grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-bottom:24px}.panel{padding:19px}.row,.event{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #243448;gap:10px}.row:last-child,.event:last-child{border-bottom:0}.event{justify-content:flex-start}.event small{margin-left:auto;color:#91a5ba}.vpn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.vpn-card{padding:19px}.vpn-card h3{margin:0;font-size:1rem}.vpn-card dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 0}.vpn-card dd{margin:3px 0 0;font-size:.94rem}nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:7px;border:1px solid #26384d;border-radius:12px;background:#14202de8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}nav a{color:#c5d4e2;text-decoration:none;padding:7px 9px;font-size:.8rem}.empty{min-height:100vh;display:grid;place-content:center;text-align:center;color:#b8c7d7}@media (max-width:800px){.dashboard,.tv{padding:22px 16px 80px}header{gap:16px}.metrics{grid-template-columns:1fr 1fr}.route-grid,.grid{grid-template-columns:1fr}.header-status{flex-direction:column;align-items:flex-end;gap:5px}.tv{padding-bottom:20px}nav{max-width:calc(100% - 24px);overflow-x:auto;left:12px;right:12px;transform:none}.vpn-card dl{grid-template-columns:1fr 1fr}}.card-labels{display:flex;gap:8px;align-items:center}.source{border:1px solid #52667a;border-radius:999px;padding:4px 7px;font-size:.64rem;font-weight:800;letter-spacing:.06em;color:#ced8e2;background:#26384a}.source.real{border-color:#397e5c;color:#abebca;background:#173d2d}.source.manual{border-color:#3e79a1;color:#b9e0ff;background:#1d3b54}.source.mock{border-color:#8a7440;color:#ffe49a;background:#4f4323}.telemetry-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:16px;border:1px solid #2d4964;border-radius:10px;background:#142537;color:#bfd1e2;font-size:.78rem}.telemetry-note strong{font-size:.68rem;letter-spacing:.08em;color:#86a8c7}.system-health .row>div:first-child{display:grid}.system-health small{display:block;color:#91a5ba;margin-top:3px}.secondary-grid{grid-template-columns:1.5fr 1fr}.telemetry-panel p{display:flex;align-items:center;gap:8px;color:#b8c7d7;font-size:.83rem}@media (max-width:800px){.secondary-grid{grid-template-columns:1fr}}