:root{color-scheme:dark;--bg:#071019;--panel:#101d2a;--line:#23384d;--text:#e9f3ff;--muted:#8ea8c0;--cyan:#31d8ff;--violet:#a77bff;--green:#173d31;--yellow:#55461c;--red:#541f2b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#172e50,var(--bg) 45%);color:var(--text);font:14px system-ui,sans-serif;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#08131e;display:flex;flex-direction:column}.brand{font-weight:800;letter-spacing:.14em;padding:8px 12px 24px;color:var(--cyan)}nav{display:grid;gap:5px}nav a{color:var(--muted);text-decoration:none;padding:11px 12px;border-radius:9px}nav a:hover,nav a.active{color:#fff;background:#14283b}aside form{margin-top:auto}button,select,input{border:1px solid #39546e;background:#13263a;color:var(--text);border-radius:9px;padding:10px 13px}button{cursor:pointer}main{width:min(1600px,95%);margin:0 auto 50px;min-width:0}header{height:80px;display:flex;align-items:center;justify-content:space-between}h1{font-size:22px;margin:0}header small{color:var(--muted)}.page{display:none}.page.active{display:block}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cards article,.panel{background:linear-gradient(145deg,#132333,#0d1824);border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:0 14px 40px #0003}.cards span{color:var(--muted)}.cards strong{display:block;font-size:26px;color:var(--cyan);margin-top:7px}.panel{margin:14px 0}.panel h2{font-size:16px;margin:0 0 14px}.title{display:flex;justify-content:space-between;gap:15px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}canvas{display:block;width:100%;height:330px;background:#08131d;border-radius:9px}.tablewrap{overflow:auto;max-height:72vh}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:#101d2a;color:var(--muted);z-index:1}tr.normal{background:#102b24}tr.suspicious{background:#3c3519}tr.banned{background:#421c26}.legend{display:flex;gap:8px;align-items:center;color:var(--muted);margin:12px 0}.legend i{width:14px;height:14px;border-radius:3px;margin-left:10px}.legend .normal{background:var(--green)}.legend .suspicious{background:var(--yellow)}.legend .banned{background:var(--red)}.action{padding:6px 8px;font-size:12px;margin:2px}.danger{border-color:#a53e56;background:#521e2a}.event{padding:9px;border-bottom:1px solid var(--line)}#tooltip{display:none;position:fixed;z-index:20;background:#06101acc;border:1px solid #45617b;padding:8px;border-radius:7px;pointer-events:none}.login{display:grid;grid-template-columns:1fr;place-items:center}.loginbox{width:min(400px,90vw);padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.loginbox input,.loginbox button{display:block;width:100%;margin:12px 0}.error{color:#ff607c}@media(max-width:1000px){body{grid-template-columns:1fr}aside{position:static;height:auto;display:block}nav{display:flex;overflow:auto}.cards{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:560px){.cards{grid-template-columns:repeat(2,1fr)}main{width:94%}canvas{height:250px}.title{align-items:stretch;flex-direction:column}}