:root{--bg:#080c12;--side:#0b1119;--panel:#101823;--panel2:#0c131c;--line:#202c3a;--text:#eaf1f8;--muted:#7f8ea1;--green:#38d39f;--yellow:#f3c969;--red:#ff6b72;--blue:#64a5ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:var(--side)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.5px;margin:0 8px 34px}.logo{width:34px;height:34px;border:1px solid #314052;border-radius:10px;display:grid;place-items:center}.logo:after{content:"";width:11px;height:11px;border:3px solid var(--green);border-radius:50%;box-shadow:0 0 15px #38d39f55}.nav a{display:flex;gap:11px;align-items:center;text-decoration:none;color:#8d9bad;padding:12px 13px;border-radius:10px;margin:4px 0}.nav a:hover,.nav a.active{background:#131e2a;color:#f3f7fb}.nav a.active{box-shadow:inset 3px 0 var(--green)}.sidefoot{position:absolute;bottom:25px;left:26px;color:#5f6d7d;font-size:11px}.main{padding:34px 38px 55px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.top h1{margin:0;font-size:28px;letter-spacing:-.6px}.top p{margin:7px 0 0;color:var(--muted)}.live{font-size:12px;color:#9aabba;border:1px solid var(--line);padding:9px 12px;border-radius:10px;background:#0d141d}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 9px #38d39f99}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#111a25,#0e151e);border-radius:15px}.card{padding:19px}.label{color:var(--muted);font-size:12px}.metric{font-size:29px;font-weight:750;margin-top:8px}.sub{font-size:11px;color:#657488;margin-top:5px}.grid2{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{padding:19px;margin-bottom:18px}.panel h3{margin:0 0 17px;font-size:14px}.chart{height:180px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #273342;padding:10px 3px 0}.bar{flex:1;min-width:3px;background:linear-gradient(#3b8f77,#245f51);border-radius:3px 3px 0 0;opacity:.85;transition:.6s}.nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.node{padding:13px;border:1px solid #202d3a;background:#0b121a;border-radius:11px;display:flex;justify-content:space-between;align-items:center}.node b{display:block;font-size:12px}.node small{color:#667689}.status{font-size:11px;padding:5px 8px;border-radius:999px}.ok{color:#83e7c4;background:#123128}.warn{color:#ffe19a;background:#332b16}.down{color:#ff9ca1;background:#381a1e}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid #1e2935;font-size:12px}.table th{color:#718095;font-weight:600}.table td{color:#bac5d2}.badge{display:inline-block;padding:4px 7px;border-radius:7px;font-size:10px}.progress{height:7px;background:#17212c;border-radius:8px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#4d8d7a;border-radius:8px}.event{padding:12px 0;border-bottom:1px solid #1d2834}.event:last-child{border:0}.event time{font-size:10px;color:#5e6e80}.event div{margin-top:4px;color:#b9c4d0;font-size:12px}.kv{display:grid;grid-template-columns:170px 1fr;padding:11px 0;border-bottom:1px solid #1d2834}.kv span:first-child{color:#718095}.healthy{color:var(--green)}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidefoot{display:none}.nav{display:flex;overflow:auto}.brand{margin-bottom:15px}.main{padding:25px 18px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:540px){.cards{grid-template-columns:1fr}.nodes{grid-template-columns:1fr}}