:root{--bg:#0b0712;--panel:#15101d;--card:#1b1327;--line:#30233f;--text:#f7f2fb;--muted:#a89bb4;--accent:#c53cff;--pink:#ff3d9a;--good:#47d18c;--bad:#ff6b6b;--warn:#ffbf5f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#251036 0,transparent 30%),#0b0712;color:var(--text);font:15px/1.5 Inter,system-ui,Segoe UI,sans-serif}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1380px)/2));background:#0d0914e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:3}header b{font-size:24px;background:linear-gradient(90deg,var(--accent),var(--pink));-webkit-background-clip:text;color:transparent}.headright{display:flex;align-items:center;gap:12px;color:var(--muted)}.headright a{margin-left:10px;color:#eee;text-decoration:none}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px #47d18c22}main{max-width:1380px;margin:auto;padding:30px 22px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1{font-size:36px;margin:4px 0}.hero small,.hero p,.panel p,.card small{color:var(--muted)}button{border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),var(--pink));color:white;font-weight:700;cursor:pointer}.livebar{margin:22px 0 14px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#120d18;display:flex;gap:20px;flex-wrap:wrap}.livebar>div{display:flex;align-items:center;gap:7px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9f7aea}.dot.good{background:var(--good)}.dot.bad{background:var(--bad)}.cards{display:grid;gap:14px;margin-bottom:14px}.cards.six{grid-template-columns:repeat(6,1fr)}.card,.panel{background:linear-gradient(145deg,#1a1223,#120d19);border:1px solid var(--line);border-radius:16px;padding:18px}.card span{display:block;color:var(--muted)}.card strong{display:block;font-size:30px;margin:7px 0}.card.accent{background:linear-gradient(145deg,#2a1435,#160d1d);border-color:#6b2d88}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.panelhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{font-size:18px;margin:0}.panel h3{font-size:14px;color:var(--muted);margin:20px 0 8px}.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:12px}.badge b{color:white}canvas{width:100%;height:280px;margin-top:12px}.bars>div,.mini-bars>div,.statuslist>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.bars>div:last-child,.mini-bars>div:last-child,.statuslist>div:last-child{border-bottom:0}.bars span,.mini-bars span,.statuslist{color:#e8dff0}.donutwrap{display:flex;align-items:center;gap:20px;margin-top:18px}.donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 50%,var(--pink) 50% 100%);position:relative}.donut:before{content:"";width:92px;height:92px;border-radius:50%;background:#16101f;position:absolute}.donut span{position:relative;text-align:center;font-weight:800;font-size:22px}.donut small{display:block;font-size:10px;color:var(--muted);font-weight:500}.legendrow{display:flex;gap:8px;align-items:center;margin:10px 0}.legendrow b{margin-left:auto}.swatch{width:10px;height:10px;border-radius:50%}.swatch.a{background:var(--accent)}.swatch.b{background:var(--pink)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.socialnum{font-size:34px;font-weight:800}.socialgrid,.evifogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.socialgrid div,.evifogrid div{background:#100b16;border:1px solid #2b2037;border-radius:12px;padding:12px}.socialgrid span,.evifogrid span{display:block;color:var(--muted);font-size:12px}.socialgrid b,.evifogrid b{font-size:20px}.postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.post{display:flex;min-height:100px;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:12px;background:#100b16;color:white;text-decoration:none}.post span{color:var(--muted);font-size:12px}.recordbig{text-align:center;padding:30px 10px}.recordbig strong{display:block;font-size:48px;background:linear-gradient(90deg,var(--accent),var(--pink));-webkit-background-clip:text;color:transparent}.recordbig span{display:block;color:var(--muted)}.recordbig b{display:block;margin-top:8px}.diskbar{height:12px;background:#100b16;border-radius:999px;overflow:hidden}.diskbar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--pink));border-radius:999px}.disk>div:last-child{margin-top:8px;color:var(--muted)}.warning{padding:12px;border:1px solid #6c4a23;background:#2a1d10;border-radius:10px;margin-bottom:15px;color:#ffd99a}footer{color:var(--muted);text-align:right;padding:10px 0}.loginbody{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(410px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px}.brand{font-weight:900;font-size:28px;color:#df72ff}.loginbox h1{margin:4px 0}.loginbox p{color:var(--muted);margin-top:0}.loginbox label{display:block;margin:14px 0;color:var(--muted)}.loginbox input{width:100%;display:block;margin-top:6px;background:#0f0a15;color:white;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:16px}.loginbox button{width:100%;margin-top:8px}@media(max-width:1150px){.cards.six{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.postgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cards.six,.grid3{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:flex-start}.postgrid{grid-template-columns:1fr}.hero h1{font-size:28px}}@media(max-width:430px){.cards.six,.grid3{grid-template-columns:1fr}main{padding:20px 12px}.donutwrap{flex-direction:column;align-items:flex-start}.livebar{gap:10px}}