:root{--bg:#080d1b;--panel:#111a33;--panel2:#0d1428;--border:#26375f;--text:#f8fbff;--muted:#9fb0d2;--blue:#5b7cfa;--green:#27d17f;--red:#ff5d6c;--yellow:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#14214b,#080d1b 45%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.wrap{max-width:1200px;margin:0 auto;padding:34px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand h1{font-size:42px;margin:0}.brand p{color:var(--muted);margin:8px 0}.card{background:rgba(17,26,51,.92);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:0 16px 70px rgba(0,0,0,.25)}input,button,select{font:inherit;border-radius:12px;border:1px solid var(--border);padding:12px 14px}input,select{background:#0a1126;color:var(--text);outline:none}button{background:var(--blue);color:white;border:0;cursor:pointer;font-weight:700}button.secondary{background:#1c2a52}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{padding:18px;border-radius:18px;background:rgba(13,20,40,.8);border:1px solid var(--border)}.stat b{font-size:30px;display:block}.stat span{color:var(--muted)}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button{background:#101b39}.tabs button.active{background:var(--blue)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-weight:600}.pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.online{background:rgba(39,209,127,.16);color:var(--green)}.offline{background:rgba(255,93,108,.16);color:var(--red)}.row{display:flex;gap:10px;flex-wrap:wrap}.grow{flex:1}.log{font-family:Consolas,monospace;font-size:13px;background:#070c18;border-radius:14px;padding:12px;max-height:460px;overflow:auto}.hidden{display:none}.login{max-width:460px;margin:80px auto}.danger{color:var(--red)}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.top{display:block}.brand h1{font-size:32px}}