@import url('/static/type.css');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#232332;background:#f7f7fa;font-synthesis:none;font-size:14px;--accent:#7453d8;--muted:#868795;--line:#eeedf3}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c7b9fc;outline-offset:3px}button{border:0;background:none}p{line-height:1.7;color:#7c7d8e}h1,h2,h3,p{margin-top:0}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px;margin-bottom:10px}.sidebar{position:fixed;width:224px;inset:0 auto 0 0;background:#191b2d;color:#a5a6b8;padding:34px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 12px;font-size:30px;font-weight:650;letter-spacing:-1px}.brand-mark{height:38px;width:38px;border-radius:12px;background:#9b7aec;color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:34px;line-height:1}.brand-sub{display:block;font-size:10px;letter-spacing:3px;color:#a9a7c0;margin-top:1px}.workspace-label{padding:52px 14px 16px;color:#717388;font-size:11px;letter-spacing:1.5px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;color:inherit;text-align:left;padding:14px 17px;border-radius:9px;margin:4px 0}.nav-item span{font-size:20px;width:21px;text-align:center}.nav-item.active{background:#353047;color:#e9e2ff}.nav-item:hover{background:#2a2b3e;color:#fff}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;font-size:11px;color:#a4a3b8;line-height:1.5}.sidebar-bottom p{font-size:11px;color:#606276;margin:10px 0 0 13px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a98eec;margin-right:6px}main{margin-left:224px;padding:36px 46px 20px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e8ee;padding-bottom:26px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#9393a4;font-weight:600;margin-bottom:10px}h1{font-size:25px;letter-spacing:-1px;margin:0;font-weight:650}.header-actions{display:flex;gap:20px;align-items:center}.pill{border:1px solid #e5e4ec;padding:8px 12px;border-radius:7px;color:#7c7d90;font-size:11px}.quiet{color:#8b889a;font-size:12px}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.welcome h2{margin-bottom:8px}.welcome p{margin:0;font-size:12px}.wave{color:#9772df;font-size:25px;margin-left:5px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 18px;border-radius:8px;line-height:1.4;font-size:12px;font-weight:550}.primary{background:var(--accent);color:white;box-shadow:0 4px 9px #7453d81a}.primary:hover{background:#6242be}.secondary{background:white;border:1px solid #e6e3ed;color:#6a627b}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:28px}.metric{background:white;border:1px solid #eae8f0;border-radius:13px;padding:23px 24px}.metric.featured{background:#f0eafa;border-color:#e8dff7}.metric-label{font-size:12px;color:#858091;display:flex;justify-content:space-between;align-items:center}.metric-label span{font-size:20px;color:#a89cbf}.metric-number{font-size:36px;font-weight:600;letter-spacing:-1.4px;margin:18px 0 20px}.metric-number small{font-weight:400;font-size:11px;letter-spacing:0;color:#9c96ab;margin-left:9px}.metric p{font-size:11px;color:#a09aaa;margin:0}.metric-bottom{display:flex;align-items:center;justify-content:space-between;color:#a198b1;font-size:11px}.metric-bottom button{font-size:11px;color:#8361c6}.content-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px;margin-bottom:24px}.panel{min-width:0;background:#fff;border:1px solid #eae8ef;border-radius:12px;padding:25px;margin-bottom:24px}.content-grid .panel{margin-bottom:0}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:21px}.panel-title h3{margin-bottom:6px}.panel-title p{font-size:11px;margin:0}.text-button,.text-link{font-size:11px;color:var(--accent);padding:0;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:400;color:#a19ba9;padding:12px 10px;background:#faf9fc}td{padding:17px 10px;border-bottom:1px solid #f2f0f5;color:#706c80}tbody tr:last-child td{border:0}td code{font-size:10px}td pre{white-space:pre-wrap;max-width:380px;overflow-wrap:anywhere}.status{display:inline-block;border-radius:5px;background:#f4f0fa;color:#9270b2;font-size:10px;padding:5px 8px}.status.good{background:#edf6f1;color:#67937c}.identity .avatar{background:#f0e9fb;color:#9b7eca;border:5px solid #faf7ff;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:25px;margin:26px auto 15px}.identity{text-align:center}.identity .panel-title{align-items:center;text-align:left}.identity>h3{margin-bottom:4px}.identity p{font-size:11px}.identity-divider{height:1px;background:var(--line);margin:22px 0}.identity label{display:block;font-size:10px;color:#a49caf;margin-bottom:8px}.identity code{font-size:10px;color:#868093;word-break:break-all}.identity>p:last-child{margin-top:14px;color:#aaa2b4;line-height:1.8}.tip{display:flex;gap:16px;border:1px solid #e6e2f0;background:#f3f0f8;border-radius:10px;padding:20px 24px}.tip>span{font-size:24px;color:#b49bce}.tip strong{font-size:12px;font-weight:500;color:#81718d}.tip p{font-size:11px;color:#a091af;margin:6px 0 0}.empty{text-align:center;padding:40px 14px}.empty>span{font-size:34px;color:#d1c7df}.empty p{font-size:12px;color:#b1a9bb;margin:13px 0}footer{margin-top:42px;padding:18px 0;display:flex;justify-content:space-between;color:#aaa5b5;font-size:10px}.section-intro{margin-bottom:25px}.section-intro h2{margin-bottom:9px}.section-intro p{font-size:12px}.recharge-card{padding:32px}.tag{display:inline-block;background:#f2ecfa;color:#9671bc;padding:6px 9px;border-radius:6px;font-size:10px;margin-bottom:25px}.recharge-card h3{font-size:21px}.recharge-card p{max-width:400px;font-size:12px;margin-bottom:25px}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{counter-increment:steps;display:flex;align-items:center;gap:12px;margin:19px 0;color:#82738f;font-size:12px}.steps li:before{content:counter(steps);height:23px;width:23px;border-radius:50%;background:#f3effa;color:#a690bf;display:grid;place-items:center;font-size:10px}.muted{color:#a49aac;font-size:11px}.notice{padding:13px 17px;background:#efebf8;border:1px solid #e7dff5;border-radius:8px;margin-bottom:22px;color:#806297;font-size:12px;line-height:1.8}.notice.error{color:#a45364;background:#fff0f3;border-color:#f4dce3}.login-panel{margin:35px auto 0;max-width:760px;text-align:center;background:radial-gradient(ellipse at top,#f2eafa,#fff 72%);border:1px solid #e9e3f2;border-radius:18px;padding:65px 20px 45px}.login-symbol{font-size:55px;color:#a586d6;margin:25px 0}.login-panel h2{font-size:29px;margin-top:22px}.login-panel p{font-size:13px;color:#9b8ca8;line-height:1.9;margin-bottom:28px}.login-note{font-size:10px;color:#b5abbd;margin-top:34px}.login-panel .primary{min-width:225px}#login-progress{margin-top:20px}#login-progress p{font-size:11px;margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;color:#82738e;margin:13px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:11px 12px;border:1px solid #e6e0ed;border-radius:7px;margin-top:8px;background:#fff;color:#675a74;outline:none}input:focus,textarea:focus,select:focus{border-color:#a58acb;box-shadow:0 0 0 3px #a58acb1a}textarea{resize:vertical;line-height:1.7}input::placeholder{color:#c0b6c8}.checkbox{display:flex;gap:9px;align-items:center;margin:22px 0}.checkbox input{accent-color:var(--accent)}dialog{border:1px solid #e5ddee;border-radius:14px;width:min(560px,92vw);padding:28px;box-shadow:0 30px 100px #2720352e;color:#453d4e}dialog::backdrop{background:#211b32a8;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-header h2{font-size:19px;margin:0}.dialog-header button{font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.callout{padding:15px;background:#f5f1f9;border-radius:8px;font-size:12px}.callout p{font-size:11px;margin-bottom:8px}.address{word-break:break-all;white-space:normal;color:#897295;font-size:11px}details summary{cursor:pointer;color:#9877b2}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.metric{padding:28px}.metric-number{font-size:44px}.panel{padding:30px}}
@media(max-width:1050px){.sidebar{width:185px;padding:27px 14px}main{margin-left:185px;padding:28px 24px}.metrics{gap:12px}.metric{padding:19px}.metric-number{font-size:30px}.content-grid{grid-template-columns:1fr}.identity{display:none}.welcome h2{font-size:20px}.welcome .secondary{font-size:10px}.pill{display:none}.form-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sidebar{position:static;width:100%;padding:18px 16px;display:block}.brand{font-size:25px;padding:0}.brand-mark{width:32px;height:32px;font-size:29px}.brand-sub{display:none}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;gap:5px;overflow-x:auto;margin-top:18px}.nav-item{white-space:nowrap;font-size:11px;padding:10px 13px;width:auto;gap:5px;margin:0}.nav-item span{font-size:14px;width:auto}main{margin:0;padding:24px 17px}header{margin-bottom:23px;padding-bottom:18px}h1{font-size:23px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric.featured{grid-column:1/-1}.metric-number{margin:14px 0 17px}.metric.featured .metric-number{font-size:40px}.metric p{line-height:1.8;font-size:10px}.welcome{display:block}.welcome .secondary{margin-top:15px}.panel{padding:18px}.panel-title{gap:10px}.panel-title p{line-height:1.7}.tip{padding:17px}.login-panel{padding:42px 16px}.login-panel h2{font-size:23px}.login-panel p{font-size:11px}.login-note{font-size:9px}.eyebrow{font-size:9px}footer{font-size:9px}.form-grid{gap:0}}