:root{color-scheme:dark;--bg:#070b12;--panel:#0e1520;--panel2:#121c29;--line:#223044;--text:#edf5ff;--muted:#8291a7;--cyan:#58e6d2;--blue:#6597ff;--red:#ff6e7d;--amber:#f5c36a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#133044 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;min-height:100vh}main{width:min(1440px,calc(100% - 48px));margin:auto;padding:34px 0 60px}.hidden{display:none!important}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1{font-size:26px;margin:2px 0;letter-spacing:-.03em}h2{font-size:17px;margin:0 0 5px}h3{margin:15px 0 5px}.eyebrow{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em}.muted,.panel-title p,.empty p{color:var(--muted);margin:0}.header-actions{display:flex;gap:12px;align-items:center}.status{color:var(--cyan);font-size:12px}.status:before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:7px;box-shadow:0 0 10px currentColor}.ghost,.primary,.action{border:1px solid var(--line);background:#111a27;color:var(--text);border-radius:9px;padding:9px 14px;cursor:pointer}.ghost:hover,.action:hover{border-color:#52647b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:21px}.stats article:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #58e6d21b;border-radius:50%;right:-45px;top:-50px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:27px;margin:8px 0 2px;letter-spacing:-.04em}.stats small{color:#68788e}.panel{background:linear-gradient(160deg,#101824,#0b111a);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid var(--line)}input{border:1px solid var(--line);background:#090f17;color:var(--text);border-radius:8px;padding:10px 12px;outline:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #58e6d212}#search{width:240px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;padding:14px 17px;border-bottom:1px solid #1a2635}th{color:#697a90;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:700}td{color:#cdd8e7}.ip{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#f5f9ff}.rate-up{color:var(--blue)}.rate-down{color:var(--cyan)}.remark-input{width:170px;padding:7px 9px}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:11px;color:var(--cyan);background:#58e6d214}.badge.blocked{color:var(--red);background:#ff6e7d14}.badge.offline{color:var(--muted);background:#8291a712}.danger{color:var(--red)}.empty{text-align:center;padding:70px}.radar{width:42px;height:42px;margin:auto;border:1px solid #58e6d255;border-radius:50%;box-shadow:inset 0 0 18px #58e6d21f;position:relative}.radar:after{content:"";position:absolute;width:4px;height:4px;background:var(--cyan);border-radius:50%;top:9px;right:9px;box-shadow:0 0 9px var(--cyan)}.login-shell{min-height:calc(100vh - 94px);display:grid;place-items:center}.login-card{width:min(390px,100%);padding:34px;background:linear-gradient(145deg,#121c29,#0b111a);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px #0008}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--cyan);color:#07100f;font-size:22px;font-weight:900;border-radius:11px;margin-bottom:23px}.login-card .muted{margin-bottom:25px}.login-card label{display:block;color:#aab7c8;font-size:12px;margin:14px 0}.login-card input{display:block;width:100%;margin-top:7px}.primary{width:100%;border:0;background:var(--cyan);color:#05110f;font-weight:800;margin-top:8px}.error{color:var(--red);min-height:20px}.alert{margin:14px 20px 0;padding:10px 12px;border:1px solid #ff6e7d55;background:#ff6e7d10;color:#ff9aa5;border-radius:8px}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;background:#182536;border:1px solid #31435a;border-radius:9px;box-shadow:0 12px 40px #0008}@media(max-width:900px){main{width:min(100% - 24px,1440px)}.stats{grid-template-columns:repeat(2,1fr)}.panel-title{align-items:flex-start;gap:15px;flex-direction:column}#search{width:100%}}@media(max-width:520px){.stats{grid-template-columns:1fr}header{align-items:flex-start}.status{display:none}}