:root{--bg: #0c0e12;--bg2: #12151b;--card: #161a21;--line: #252b35;--line2: #313946;--fg: #e8eaef;--fg2: #a9b1bf;--fg3: #7a8494;--acc: #e5484d;--acc2: #ff6b70;--ok: #3ecf8e;--warn: #f5a524;--info: #5b8cff;--hit: #b54cf0;--r: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif}a{color:var(--info);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app{display:grid;grid-template-columns:228px 1fr;min-height:100%}.side{background:var(--bg2);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;font-weight:700;letter-spacing:.3px}.brand svg{width:22px;height:22px}.tsel{margin:0 4px 10px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--fg2)}.nav a:hover{background:#1a1f27;color:var(--fg)}.nav a.on{background:#e5484d1f;color:#fff;box-shadow:inset 2px 0 0 var(--acc)}.nav .n{margin-left:auto;background:var(--acc);color:#fff;font-size:11px;border-radius:10px;padding:0 7px}.side .me{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 8px 0;border-top:1px solid var(--line);color:var(--fg2);font-size:13px}.side .me img{width:26px;height:26px;border-radius:50%}.main{padding:22px 26px 40px;min-width:0}h1{font-size:22px;margin:0 0 4px}.sub{color:var(--fg3);margin:0 0 18px}.head{display:flex;align-items:flex-end;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card h2{font-size:15px;margin:0 0 12px}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat .v{font-size:28px;font-weight:700}.stat .l{color:var(--fg3);font-size:13px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{background:#1e242e;border:1px solid var(--line2);border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:#47515f}.btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}.btn.pri:hover{background:var(--acc2)}.btn.ok{background:#3ecf8e24;border-color:#3ecf8e80}.btn.sm{padding:4px 9px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}.in{background:#0f1217;border:1px solid var(--line2);border-radius:8px;padding:7px 10px;min-width:0}.in:focus{outline:none;border-color:var(--info)}textarea.in{width:100%;min-height:80px;resize:vertical}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:var(--fg3);font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid #1c2129;vertical-align:top}tr.click{cursor:pointer}tr.click:hover td{background:#191e26}.tw{overflow-x:auto}.b{display:inline-block;font-size:12px;padding:1px 8px;border-radius:10px;border:1px solid var(--line2);color:var(--fg2);white-space:nowrap}.b.ban{color:#ffb4b6;border-color:#e5484d80;background:#e5484d1a}.b.kick{color:#ffd08a;border-color:#f5a52480;background:#f5a52414}.b.warn{color:#ffe680;border-color:#f5d52466}.b.test{color:#9aa5b5;border-style:dashed}.b.ex{color:#8fe3bc;border-color:#3ecf8e73;background:#3ecf8e14}.b.on{color:#8fe3bc;border-color:#3ecf8e80}.b.hit{color:#e4b6ff;border-color:#b54cf080;background:#b54cf01a}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4b5563;margin-right:6px}.dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.trust{display:inline-flex;align-items:center;gap:6px}.trust i{display:block;width:46px;height:6px;border-radius:3px;background:#222831;overflow:hidden}.trust i b{display:block;height:100%}.muted{color:var(--fg3)}.small{font-size:12.5px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;word-break:break-all}.feed{display:flex;flex-direction:column}.feed .it{display:grid;grid-template-columns:74px 1fr auto;gap:10px;padding:8px 2px;border-bottom:1px solid #1c2129;align-items:start}.feed .it:last-child{border:0}.bars .bar{display:grid;grid-template-columns:1fr 50px;gap:8px;align-items:center;margin-bottom:7px}.bars .bar span{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--acc),#ff8f6b)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:16px}.modal .card{width:min(520px,100%);max-height:90vh;overflow-y:auto}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{color:var(--fg2);font-size:13px}.toast{position:fixed;right:18px;bottom:18px;background:#1e242e;border:1px solid var(--line2);border-left:3px solid var(--ok);padding:10px 14px;border-radius:8px;z-index:60;max-width:360px}.toast.err{border-left-color:var(--acc)}.det{border:1px solid var(--line);border-radius:9px;padding:12px;background:#13171d}.det .t{display:flex;justify-content:space-between;gap:10px;align-items:center}.det .opts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center}.det .opts .in{width:86px}.sw{position:relative;width:38px;height:22px;border-radius:11px;background:#2a313c;border:0;cursor:pointer;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9aa3b1;transition:.15s}.sw.on{background:#3ecf8e59}.sw.on:after{left:19px;background:var(--ok)}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}.seg button{background:transparent;border:0;padding:5px 10px;cursor:pointer;color:var(--fg2);font-size:13px}.seg button.on{background:#262d38;color:#fff}.seg button.on.ban{background:#e5484d40}.seg button.on.kick{background:#f5a52433}.shot{max-width:100%;border-radius:8px;border:1px solid var(--line);cursor:zoom-in}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%);text-align:center;padding:34px 28px}.login svg{width:54px;height:54px;margin-bottom:10px}.discord{background:#5865f2;border-color:#5865f2;color:#fff;padding:11px 18px;font-weight:600}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 14px}.kv .k{color:var(--fg3)}.code{background:#0b0d11;border:1px solid var(--line);border-radius:8px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-all}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.mob{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.side{position:fixed;top:0;right:30%;bottom:0;left:0;z-index:40;transform:translate(-105%);transition:transform .2s;height:100%}.side.open{transform:none;box-shadow:0 0 0 100vmax #00000080}.mob{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2);position:sticky;top:0;z-index:30}.main{padding:16px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2,.g3,.kv{grid-template-columns:1fr}}