:root{color-scheme:dark;--bg:#0c111a;--panel:#121a26;--line:#253143;--muted:#8c9bb0;--text:#e9eff8;--green:#60e2ba;--red:#ff7b87;--accent:#c3ec82}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Inter,"Segoe UI","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#182231;color:var(--text);padding:9px 15px;text-decoration:none}button:hover,.button:hover{border-color:#698095;background:#213044}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:#0c1420;color:var(--text);padding:10px 12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--green)}label{display:block;color:#bdcadb;margin:15px 0 8px}label input,label select,label textarea{width:100%;display:block;margin-top:7px}label small{color:var(--muted)}.hidden{display:none!important}aside{width:220px;position:fixed;inset:0 auto 0 0;background:#0f1620;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:750;letter-spacing:1px;color:var(--accent);text-decoration:none}.brand small{display:block;color:#7f91a8;font-size:10px;letter-spacing:3px;margin:2px 0 0 34px}.nav-caption{font-size:11px;color:#63758d;margin:48px 12px 14px;letter-spacing:2px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:13px;text-align:left;background:none;border-color:transparent;color:#9dabc0;padding:12px}nav button.active{background:#26382d;color:var(--accent);border-color:#344c36}nav b{margin-left:auto;font-size:11px}.aside-bottom{margin-top:auto;color:var(--green);font-size:12px}.aside-bottom div{color:var(--muted);margin:8px 0}.text-button{border:0;background:none;padding:5px 0;color:var(--muted)}main{margin-left:220px;padding:32px 38px 0;max-width:1920px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:27px;line-height:1.3;margin:7px 0}h2{font-size:19px;margin:0 0 8px;letter-spacing:.2px}p{margin:6px 0 16px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:13px}#clock{color:var(--muted);font-size:12px}.badge{font-size:11px;padding:5px 10px;border:1px solid #476047;border-radius:5px;background:#26352a;color:var(--accent);white-space:nowrap}.hero{background:linear-gradient(115deg,#1e302d,#14212b 55%,#162130);border:1px solid #314c43;border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:28px 30px;margin-bottom:24px;gap:24px}.hero h2{font-size:25px;margin:10px 0}.hero p{color:#a4b7c8;margin:0;font-size:12px}.hero-status{min-width:165px;color:var(--green);font-size:13px}.hero-status small{display:block;color:var(--muted);margin:9px 0 0 13px;font-size:11px}.dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 10px #60e2ba44}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.metrics article{border:1px solid var(--line);border-radius:10px;padding:19px 21px;background:var(--panel)}.metrics label{font-size:12px;margin:0;color:#a6b4c8;display:flex;justify-content:space-between;gap:4px}.metrics label span{color:#64778f;font-size:10px}.metrics strong{font-size:29px;display:block;letter-spacing:.5px;font-variant-numeric:tabular-nums;margin:10px 0 6px}.metrics strong em{font-style:normal;color:#52657e;font-size:18px}.metrics small{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 15px}.section-head p{font-size:12px;color:var(--muted);margin:0}.section-head h2 small{font-size:10px;font-weight:400;letter-spacing:2px;color:#5f7591;margin-left:12px}.filters{display:flex;gap:8px}.filters input{width:170px}.filters input,.filters select{font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:12px}th{font-size:11px;color:#7e92ac;font-weight:500;padding:14px 18px;background:#161f2c;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #202b3a;font-variant-numeric:tabular-nums}tbody tr:last-child td{border:0}tbody tr[data-row]{cursor:pointer}tbody tr:hover{background:#192432}td strong{font-size:13px;font-weight:600}td small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:3px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.muted{color:var(--muted);font-size:12px}.progress{display:flex;gap:3px;align-items:center}.progress i{height:14px;width:5px;border-radius:2px;background:#2a3648}.progress i.pass{background:var(--green)}.progress span{margin-left:7px;color:#9bacc2;font-size:10px}.status{border-radius:4px;padding:4px 7px;font-size:10px;background:#253247;color:#aabbd0}.status.long{color:var(--green);background:#1d3a34}.status.short{color:var(--red);background:#3e2933}.empty{padding:64px 24px;text-align:center;color:var(--muted)}.footnote{display:flex;align-items:center;font-size:10px;color:#61758e;margin:13px 0 30px}.footnote>span:last-child{margin-left:auto}.notice{padding:13px 18px;border:1px solid #655737;background:#2d281e;color:#dec798;border-radius:8px;font-size:12px;margin-bottom:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rule-panel{padding:25px;margin-bottom:20px}.rule-panel ol{padding-left:22px;color:#b4c4d7;font-size:13px}.rule-panel li{padding:8px 0;border-bottom:1px solid #253143}.rule-panel li:last-child{border:0}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.rule-grid b,.rule-grid span{display:block}.rule-grid b{font-size:14px}.rule-grid span{font-size:11px;color:var(--muted);margin-top:6px}.cards{display:grid;gap:12px}.signal-card{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.signal-card h3{margin:0;font-size:16px}.signal-card p{font-size:12px;margin:5px 0;color:var(--muted)}.signal-card button{font-size:11px}.block{display:block;color:var(--muted);font-size:10px;margin-top:8px}.divider{height:1px;background:var(--line);margin:28px 0}footer{font-size:10px;letter-spacing:1px;color:#566a83;padding:25px 0;border-top:1px solid var(--line);margin-top:34px}footer span{float:right}.auth{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#243c35,var(--bg) 65%);padding:24px}.auth-card{width:430px;max-width:100%;padding:38px;border:1px solid #334b46;background:#121c26;border-radius:16px}.auth-card h1{font-size:24px;margin-top:35px}.auth-card p{font-size:12px;color:var(--muted)}.auth-card button{width:100%;margin-top:18px}.primary{background:var(--accent);border-color:var(--accent);color:#19231b;font-weight:650}.primary:hover{background:#d5f4a6;color:#19231b}.toast{position:fixed;bottom:25px;right:25px;max-width:450px;padding:16px 22px;background:#294137;border:1px solid #5e9777;border-radius:9px;z-index:30;box-shadow:0 10px 50px #0008}dialog{background:var(--panel);color:var(--text);border:1px solid #41556d;border-radius:14px;width:850px;max-width:95vw;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:24px}canvas{width:100%;height:220px;display:block;margin:18px 0;background:#0d1520;border-radius:7px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{padding:9px 12px;border-radius:5px;background:#0d1520;font-size:12px}.credential-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.credential-row button{padding:4px 8px;font-size:10px;margin-left:5px}.credential-row small{color:var(--muted);display:block}#credentials-form .two-col{gap:12px}#credentials-form .two-col label{margin-top:0}
@media(min-width:1600px){main{padding:40px 55px 0}.hero{padding:35px}.metrics article{padding:25px}td{padding:17px 22px}}@media(max-width:1100px){aside{width:180px;padding:28px 14px}main{margin-left:180px;padding:25px 22px 0}.metrics{gap:10px}.metrics article{padding:15px}.metrics label span{display:none}.metrics strong{font-size:24px}.hero h2{font-size:21px}.header-actions #clock{display:none}.two-col{gap:12px}.rule-panel{padding:20px}.filters input{width:130px}}@media(max-width:760px){aside{position:static;width:100%;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}aside .brand{font-size:21px}aside .brand small,.nav-caption,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:4px;margin-top:15px}nav button{white-space:nowrap;font-size:11px;padding:8px 10px;gap:5px}main{margin:0;padding:22px 16px 0}header{margin-bottom:22px;gap:10px}.header-actions{gap:6px}.header-actions button{font-size:11px;padding:7px}.eyebrow{font-size:8px}h1{font-size:23px}.hero{padding:22px;display:block}.hero-status{margin-top:18px}.hero h2{font-size:21px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics small{font-size:9px}.section-head{align-items:start;flex-direction:column}.filters{width:100%}.filters input{width:100%}.two-col{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr 1fr}.section-head h2 small{display:none}.footnote{font-size:9px;flex-wrap:wrap}.footnote>span:last-child{display:none}.signal-card{padding:16px;flex-wrap:wrap}.checks{grid-template-columns:1fr}.auth-card{padding:28px}.hero .primary{margin-top:18px}footer span{float:none;display:block;margin-top:6px}}