:root{--bg:#f5f7fb;--panel:#fff;--ink:#182230;--muted:#718096;--line:#e7ebf1;--accent:#5b5cf0;--green:#16a474;--red:#e05252}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 18px;background:#111827;color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px;font-size:18px}.brand>b,.login-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7475ff,#4cc9a5);color:white}.brand span{display:flex;flex-direction:column}.brand small,.user small{font-size:11px;color:#8f9aab;font-weight:400}nav{display:grid;gap:7px}nav a{color:#aab3c2;text-decoration:none;padding:12px 14px;border-radius:10px;display:flex;gap:12px;align-items:center}nav a:hover,nav a.active{background:#242e3e;color:#fff}nav i{font-style:normal;font-size:18px}.side-foot{margin-top:auto;color:#93a0b4;padding:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39d98a;margin-right:8px}main{margin-left:250px;padding:30px 38px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,p{margin:0}header h1{font-size:25px}header p,.section-title>span{color:var(--muted);margin-top:3px}.user{display:flex;align-items:center;gap:10px;background:white;padding:7px 10px 7px 8px;border:1px solid var(--line);border-radius:12px;color:white;background:var(--accent)}.user span{display:flex;flex-direction:column;color:var(--ink);background:white;margin:-7px 0;padding:5px 8px}.user a{color:white;text-decoration:none;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel,.actions{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 3px 15px #15233b08}.stats article{display:flex;flex-direction:column}.stats span,.stats em{color:var(--muted);font-style:normal}.stats strong{font-size:28px;margin:10px 0 5px}.stats strong small{font-size:16px;color:var(--muted)}.stats .status{font-size:20px;color:var(--green)}.green{color:var(--green)!important}.actions,.panel{margin-top:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:17px}.section-title a{color:var(--accent);text-decoration:none}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-grid a{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;text-decoration:none;color:var(--accent);padding:15px;border:1px solid var(--line);border-radius:12px;font-size:22px}.action-grid b,.action-grid small{grid-column:2;color:var(--ink);font-size:14px}.action-grid small{color:var(--muted);font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8390a3;font-size:12px;font-weight:600;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #eef1f5;white-space:nowrap}code{background:#f0f1ff;color:var(--accent);padding:4px 8px;border-radius:6px}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:12px}.badge.on{background:#e7f8f1;color:var(--green)}.badge.off{background:#fff0f0;color:var(--red)}button,.primary{border:0;cursor:pointer;font:inherit}.copy{background:#eef0ff;color:var(--accent);padding:6px 10px;border-radius:7px}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.login-card label{display:grid;gap:7px;font-weight:600}.wide{grid-column:1/-1}input,select{width:100%;border:1px solid #dfe4ec;border-radius:9px;padding:11px 12px;background:white;font:inherit;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b5cf015}.primary{margin-top:20px;background:var(--accent);color:white;padding:11px 19px;border-radius:9px;font-weight:600}.notice,.error{padding:11px 13px;border-radius:8px;background:#fff4dd;color:#8f6000;margin-bottom:16px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{max-width:360px}.toolbar select{max-width:150px}.empty{text-align:center;color:var(--muted);padding:35px}.result{margin-top:18px;padding:14px;border-radius:10px;display:flex;gap:12px}.result.pass{background:#e7f8f1;color:var(--green)}.result.block{background:#fff0f0;color:var(--red)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e4e5ff,transparent 35%),#f5f7fb}.login-card{width:min(400px,calc(100% - 30px));background:white;padding:36px;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px #26354b1c;display:grid;gap:18px}.login-logo{margin:auto;width:54px;height:54px;font-weight:800}.login-card h1,.login-card p{text-align:center}.login-card p,.login-card>small{color:var(--muted);text-align:center}.login-card .primary{margin:0}@media(max-width:1050px){.stats,.action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{position:static;width:100%;padding:14px}.brand{padding-bottom:12px}nav{grid-template-columns:repeat(5,1fr)}nav a{font-size:0;justify-content:center}.side-foot{display:none}main{margin:0;padding:18px}.stats,.action-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}header{align-items:flex-start}.user span{display:none}}