:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#eaf1fb;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#07111f;min-width:1080px;margin:0}button{font:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 0,#15345d 0,#07111f 42%);min-height:100vh;display:flex}.sidebar{background:#0a1729;border-right:1px solid #203652;flex-direction:column;width:238px;padding:28px 16px;display:flex}.brand{align-items:center;gap:11px;margin:0 12px 42px;display:flex}.brand-mark{color:#061321;background:#61b1ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:900;display:grid}.brand strong{font-size:15px;display:block}.brand small{color:#8094af;font-size:11px}nav{gap:5px;display:grid}nav a{color:#91a4bd;border-radius:9px;padding:12px 14px;font-size:13px}nav a.active,nav a:hover{color:#fff;background:#1a3456}.sidebar-footer{color:#8295ae;border:1px solid #24405f;border-radius:10px;margin-top:auto;padding:13px;font-size:11px;line-height:1.8}.sidebar-footer b{color:#61b1ff}.live-dot{background:#4ed5a4;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.content{flex:1;max-width:1500px;padding:42px 48px}.topbar,.status-banner,.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:#60b1ff;letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:800}h1{letter-spacing:-.03em;margin:0 0 7px;font-size:31px}h2{margin:0 0 5px;font-size:17px}.muted{color:#8295ae;margin:0;font-size:12px}.filters{align-items:center;gap:9px;display:flex}.filters button{color:#becce0;background:#101f35;border:1px solid #2b4668;border-radius:8px;padding:10px 13px;font-size:12px}.avatar{color:#281707;background:#f2a35d;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.status-banner{background:linear-gradient(90deg,#0d302d,#0c282b);border:1px solid #1c8068;border-radius:12px;align-items:center;margin:34px 0 18px;padding:18px 20px}.status-banner strong{font-size:14px}.status-banner p{color:#91b2ab;margin:6px 0 0 18px;font-size:12px}.pulse{background:#4ed5a4;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block;box-shadow:0 0 0 5px #4ed5a422}.updated{color:#81b4a8;font-size:11px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.status-card,.panel{background:#0d1b2fdd;border:1px solid #223b5a;border-radius:13px}.status-card{padding:18px}.card-label{color:#8fa0b7;font-size:12px;display:block}.card-value{letter-spacing:-.03em;margin:14px 0 8px;font-size:29px;display:block}.card-status{font-size:11px;font-weight:700;display:block}.card-status i{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-card small{color:#7489a4;margin-top:7px;font-size:11px;display:block}.status-healthy{color:#52d5a4}.status-attention{color:#f1b45e}.status-critical{color:#f27676}.status-no-data{color:#b6c0cd}.status-offline{color:#ec7777}.main-grid{grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{padding:21px}.source-tag{color:#83c4ff;background:#193b5e;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}.health-list,.action-list{margin-top:18px}.health-row,.action-row{border-top:1px solid #1d3048;align-items:center;gap:12px;padding:15px 0;display:flex}.health-icon{color:#07111f;background:currentColor;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.health-content{flex:1}.health-content strong,.action-row strong{font-size:13px;display:block}.health-content span,.action-row small{color:#8799b1;margin-top:5px;font-size:11px;display:block}.status-text{font-size:11px}.action-list{padding:0;list-style:none}.action-number{color:#61b1ff;font-size:11px;font-weight:800}.action-row div{flex:1}.data-note{color:#7286a0;margin-top:18px;font-size:11px}h1,h2,h3,strong,.panel h2,.status-card strong,.action-row strong,.health-content strong{color:#eaf1fb}@media (width<=900px){body{min-width:0}.app-shell{display:block}.sidebar{width:100%;padding:18px}.brand{margin-bottom:20px}nav{grid-template-columns:repeat(3,1fr)}.sidebar-footer{display:none}.content{padding:28px 18px}.topbar,.status-banner{display:block}.filters{margin-top:18px}.summary-grid,.main-grid{grid-template-columns:1fr}}