*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#050912;color:#eef6ff}body{overflow-x:hidden}.app{min-height:100vh;background:radial-gradient(circle at 70% 5%,rgba(0,153,255,.12),transparent 28%),radial-gradient(circle at 20% 60%,rgba(0,255,145,.07),transparent 25%),#050912}.topbar{height:68px;display:flex;align-items:center;gap:14px;padding:0 15px;border-bottom:1px solid rgba(90,150,190,.18);background:rgba(4,10,18,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.menu-btn{width:42px;height:42px;border:1px solid rgba(0,194,255,.35);border-radius:12px;background:rgba(0,150,255,.08);color:#fff;font-size:23px;cursor:pointer}.brand{font-size:17px;font-weight:900;letter-spacing:2.3px;flex:1;overflow:hidden}.brand span{background:linear-gradient(90deg,#00aaff,#67f7ff,#20ff9b,#00aaff);background-size:260% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:flow 4s linear infinite;text-shadow:0 0 22px rgba(0,210,255,.25)}@keyframes flow{to{background-position:260% center}}.top-status{font-size:10px;color:#7dffba;display:flex;align-items:center;gap:6px;white-space:nowrap}.top-status i,.live-pill b,.server-strip .dot{width:7px;height:7px;border-radius:50%;background:#20ff9b;box-shadow:0 0 12px #20ff9b;display:inline-block}.top-admin{font-size:9px;border:1px solid rgba(255,255,255,.14);padding:7px 9px;border-radius:9px;color:#9bb0c3}.content{max-width:980px;margin:auto;padding:20px 15px 35px}.hero{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px}.hero small{font-size:9px;color:#4cbcff;letter-spacing:2px}.hero h1{margin:5px 0 3px;font-size:25px}.hero p{margin:0;color:#7890a5;font-size:12px}.live-pill{font-size:9px;color:#69ffb1;border:1px solid rgba(32,255,155,.2);background:rgba(32,255,155,.06);padding:8px 10px;border-radius:20px;display:flex;gap:7px;align-items:center}.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gauge-card{background:linear-gradient(145deg,rgba(14,29,44,.96),rgba(7,14,24,.96));border:1px solid rgba(80,140,180,.16);border-radius:17px;padding:13px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.gauge-title{font-size:9px;letter-spacing:.8px;color:#9ab0c3;display:flex;justify-content:space-between;gap:4px}.gauge-title span{color:#fff;font-weight:800}.gauge{display:flex;justify-content:center;padding:11px 0 7px}.gauge-ring{--p:0%;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#00c9ff var(--p),rgba(255,255,255,.07) 0);position:relative;box-shadow:0 0 20px rgba(0,185,255,.08)}.gauge-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#08111c}.gauge-ring span{position:relative;z-index:1;font-size:17px;font-weight:900}.gauge-card small{font-size:9px;color:#61798f}.network-core{height:103px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6dffb5;font-size:13px}.pulse{width:25px;height:25px;border:2px solid #20ff9b;border-radius:50%;box-shadow:0 0 20px rgba(32,255,155,.45);animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:scale(1.15);opacity:.65}}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.media-card{display:flex;align-items:center;gap:11px;padding:15px;border-radius:16px;border:1px solid rgba(100,150,190,.15);background:rgba(11,22,34,.9)}.media-card>span{font-size:22px}.media-card small{display:block;color:#7890a5;font-size:8px;letter-spacing:.8px}.media-card strong{display:block;font-size:22px;margin-top:2px}.server-strip{margin-top:13px;border:1px solid rgba(32,255,155,.12);background:rgba(15,40,34,.3);border-radius:15px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.server-strip>div:first-child{display:flex;gap:9px;align-items:center}.server-strip small{display:block;color:#6d8a9c;font-size:8px}.server-strip strong{font-size:11px}.updated{font-size:9px;color:#668092}.drawer{position:fixed;top:0;left:0;bottom:0;width:285px;z-index:50;background:rgba(4,10,18,.98);border-right:1px solid rgba(0,190,255,.18);box-shadow:20px 0 50px rgba(0,0,0,.45);transform:translateX(-105%);transition:transform .25s ease;padding:18px}.drawer.open{transform:translateX(0)}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40;opacity:0;pointer-events:none;transition:.2s}.backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#5fd2ff;letter-spacing:2px}.drawer-head button{background:none;border:0;color:#fff;font-size:28px}.drawer nav{display:grid;gap:7px}.drawer nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:12px;color:#b5c6d5;text-decoration:none;font-size:13px}.drawer nav a:hover,.drawer nav a.active{background:linear-gradient(90deg,rgba(0,170,255,.14),rgba(32,255,155,.05));color:#fff;border:1px solid rgba(0,190,255,.12)}.ico{width:20px;text-align:center}@media(max-width:700px){.gauges{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:22px}.top-admin{display:none}.top-status span{display:none}.content{padding:16px 11px 30px}.drawer{width:min(86vw,300px)}}@media(min-width:900px){.content{padding-top:30px}.gauge-ring{width:105px;height:105px}.network-core{height:122px}}