:root{color-scheme:dark;--bg:#0d121d;--surface:#131c2a;--border:#243044;--muted:#8b99ae;--text:#e7edf6;--accent:#aca0fb;--green:#6bd9b2;font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted);line-height:1.7}h1,h2,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.5px}h2{font-size:16px;font-weight:600}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#a899e6;margin-bottom:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #65d8ab10}.primary,.secondary,.text-button{border:0;border-radius:8px;transition:background .15s}.primary{padding:13px 17px;background:#b5a8ff;color:#171425;font-weight:650;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#c9bfff}.secondary{background:#1a2435;color:#ccd7e7;border:1px solid #2c394e;padding:8px 12px}.secondary:hover{background:#233047}.text-button{background:transparent;color:var(--muted);padding:7px 5px;font-size:12px}.text-button:hover{color:var(--text)}.accent{color:var(--accent)}input,select{background:#0f1724;border:1px solid #2b384b;border-radius:8px;color:#dce4f1;padding:10px 12px;outline:none}input:focus,select:focus{border-color:#9d8bea;box-shadow:0 0 0 3px #ad9aff12}label{display:block;color:#b3bfd1;font-size:12px;margin:19px 0 8px}.error{color:#ff9ca3;min-height:20px;font-size:12px;margin:12px 0}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 30% 10%,#25203b66,transparent 55%),var(--bg)}.login-card{width:100%;max-width:410px;padding:36px;background:#131b29;border:1px solid #2a3447;border-radius:18px;box-shadow:0 28px 90px #0003}.brand-icon{font-size:32px;line-height:1;color:#c9bcff;width:54px;height:54px;border:1px solid #63588e;background:linear-gradient(145deg,#40325d,#242238);border-radius:15px;display:grid;place-items:center;margin-bottom:27px}.login-card h1{font-size:25px;margin-bottom:8px}.login-card input,.login-card .primary{width:100%}.login-note{border-top:1px solid var(--border);margin-top:26px;padding-top:20px;color:#96a3b8;font-size:11px;display:flex;align-items:center;gap:10px}.login-footer{font-size:11px;color:#657188;margin-top:24px}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#101722;border-right:1px solid #202c3c;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 31px;font-size:18px;font-weight:650}.brand small{display:block;font-size:10px;color:#7c8aa2;font-weight:400;margin-top:4px;letter-spacing:1px}.brand-icon.small{width:35px;height:39px;font-size:26px;border-radius:10px;margin:0}.nav-label{font-size:10px;color:#63728a;padding:12px 14px;letter-spacing:2px}.nav-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#8f9db3;padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:12px;margin:5px 0}.nav-item>span{font-size:18px;width:20px;text-align:center}.nav-item:hover{background:#192333}.nav-item.active{color:#d4caff;background:#b19aff12;border-color:#ac90f31b}.sidebar-bottom{margin-top:auto;border-top:1px solid #223044;padding:22px 11px 0}.mode-tag{color:#9cdbc2;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-bottom p{color:#6e8099;line-height:1.9;font-size:10px;margin:12px 0 22px}.sidebar-bottom a{color:#90a0b8;font-size:11px}.main-wrap{margin-left:224px;min-width:0;flex:1}.topbar{height:69px;padding:0 35px;border-bottom:1px solid #202b3e;display:flex;justify-content:space-between;align-items:center}.breadcrumb{color:#708199;font-size:11px}.breadcrumb span{padding:0 14px;color:#35475d}.breadcrumb strong{font-weight:500;color:#a5b3c6}.account{display:flex;gap:17px;align-items:center;font-size:12px;color:#b7c3d5}.account>span{padding-right:9px;border-right:1px solid #2a374b}.content{padding:32px 36px 20px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.page-head .muted{font-size:12px;margin-top:10px}.refresh-area{display:flex;gap:15px;align-items:center;font-size:10px}.scope-bar{border:1px solid #243346;background:#121d2c;border-radius:10px;padding:12px 15px;display:flex;gap:16px;align-items:center;color:#8195ae;font-size:11px}.scope-host{color:#cad5e6;display:flex;gap:10px;align-items:center}.scope-divider{color:#3b4b61}.filters{display:flex;gap:10px;margin:22px 0}.filters select{font-size:11px;max-width:230px;padding:10px 12px;min-width:134px}.search{display:flex;gap:9px;align-items:center;border:1px solid #29364b;border-radius:8px;padding-left:12px;background:#0f1724;margin-left:auto;min-width:200px}.search>span{font-size:21px;color:#7b8aa2}.search input{background:transparent;border:0;width:190px;box-shadow:none;padding:9px 0;font-size:11px}.search button{margin-right:9px;color:#a799ee}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:3px 0 22px}.stat,.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px}.stat{padding:18px 20px}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#9caac0;font-size:11px}.stat-icon{font-size:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px}.purple{background:#a997fb14;color:#c1adff}.orange{background:#e0a47713;color:#efbb91}.green{background:#63d5a716;color:#77d8b8}.blue{background:#75b6ed17;color:#92c6fb}.stat strong{display:block;font-size:32px;font-weight:600;margin:14px 0 8px;line-height:1}.stat p{font-size:10px;color:#61758d}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:20px;margin-bottom:20px}.panel{overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;gap:12px}.panel-head p{font-size:10px;color:#71849d;margin-top:6px}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;padding:5px 8px;border-radius:5px}.purple-badge{background:#a997fc14;color:#b8aaf9;border:1px solid #b097ff20}.neutral{background:#72859f15;color:#96a8be}.sent{background:#69d2a814;color:#82dcb7}.retry{background:#ffc17a14;color:#e9b983}.pending{background:#71a8e51a;color:#90b6e6}.merged{background:#74849c18;color:#889bb3}.test{background:#a79beb16;color:#b9a5ed}.tiny-label{font-size:9px;color:#75bfa3;letter-spacing:2px}.chart{padding:0 20px;height:195px;width:100%}.chart svg{width:100%;height:100%;display:block}.chart .grid-line{stroke:#233044;stroke-dasharray:4 5}.chart .axis-label{fill:#687b95;font-size:10px}.chart .bar{fill:#a89bf2;opacity:.85}.chart .bar:hover{fill:#d4c6ff;opacity:1}.chart-caption{color:#6b7e97;font-size:10px;padding:2px 24px 20px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;border-top:1px solid #202d41;font-size:11px}.service-row:first-child{border-top:0}.service-row small{display:block;font-size:10px;color:#647a95;margin-top:7px}.service-status{display:flex;align-items:center;gap:8px;color:#81d8b4}.service-status.offline{color:#f09d9f}.service-status.offline .dot{background:#ee959a;box-shadow:none}.service-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;background:#0c172322;font-size:10px;color:#70869e}.service-foot strong{color:#b4a6ed;font-weight:500}.empty{text-align:center;padding:34px 18px;color:#71849d;font-size:12px;line-height:1.9}.empty .empty-icon{display:block;font-size:27px;color:#7997ac;margin-bottom:10px}.empty strong{display:block;color:#a7bacd;font-weight:500}.recent-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 23px;border-top:1px solid #202d41;font-size:11px}.recent-row strong{font-weight:500;color:#becbe0}.recent-row p{font-size:10px;color:#6e839e;margin-top:7px;overflow-wrap:anywhere}.recent-row time{font-size:10px;color:#7d90a9;white-space:nowrap}.source-row{display:flex;gap:12px;align-items:center;padding:16px 23px;border-top:1px solid #202d41}.source-index{color:#6b829c;font-size:11px;width:19px}.source-ip{font-size:11px;color:#b9c9de;overflow-wrap:anywhere;flex:1}.source-count{color:#ab9dec;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}thead{background:#101b2b;color:#6f849f}th{font-weight:500;padding:14px 20px;border-top:1px solid #253247;border-bottom:1px solid #253247}td{padding:15px 20px;border-bottom:1px solid #202c3e;color:#a5b8cf}tbody tr:hover{background:#172337}.cell-primary{color:#d0d9ea;display:flex;align-items:center;gap:8px}.cell-secondary{font-size:9px;color:#687e9b;margin-top:6px;max-width:320px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font-size:10px;color:#788da7}.pagination>div{display:flex;gap:9px}.pagination button{font-size:10px}.footnote{padding:8px 0 0;color:#536983;font-size:10px;line-height:1.9;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between}.footnote p{max-width:780px}.error-banner{background:#de859d14;color:#efb2be;border:1px solid #bc638442;padding:14px 18px;border-radius:9px;margin:12px 0 18px;font-size:12px}dialog{background:var(--surface);color:var(--text);border:1px solid #34435b;border-radius:15px;padding:28px;width:min(440px,calc(100% - 32px))}dialog::backdrop{background:#020712bd}dialog input,dialog .primary{width:100%}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}dialog .muted{font-size:12px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1600px){.chart{height:240px}.content{padding-top:38px}.stat{padding:23px}}
.control-panel{margin-bottom:20px}.control-body{padding:0 23px 23px}.control-body>.muted{font-size:12px;margin-bottom:12px}.control-note{font-size:12px;line-height:1.8;color:#e4ba8f;background:#e4ba8f0a;padding:12px;border-radius:8px;margin:14px 0}.policy-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.policy-form label{flex:1;min-width:140px;margin:5px 0}.policy-form input,.policy-form select{width:100%;margin-top:8px}.policy-form .reason-field{flex:2}#cloudflare-form{max-width:560px}#cloudflare-form input{width:100%}.control-body .muted{overflow-wrap:anywhere}.sidebar nav{flex-wrap:wrap}
@media(max-width:1150px){.sidebar{width:192px}.main-wrap{margin-left:192px}.content{padding:26px 22px}.topbar{padding:0 22px}.filters{flex-wrap:wrap}.search{min-width:180px}.search input{width:150px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.stat{padding:15px}.stat strong{font-size:29px}.refresh-area{flex-direction:column;gap:8px;align-items:flex-end}}
@media(max-width:860px){.sidebar{position:static;width:auto;padding:16px 18px;border-right:0;border-bottom:1px solid #263449}.app{display:block}.brand{padding:0 4px 16px;font-size:16px}.brand small{display:none}.brand-icon.small{width:29px;height:31px;font-size:22px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{width:auto;flex:1;justify-content:center;padding:10px 6px;font-size:12px}.nav-item>span{font-size:15px;width:auto}.main-wrap{margin:0}.topbar{height:52px}.breadcrumb{font-size:10px}.topbar .account{gap:12px}.content{padding:24px 18px}.overview-grid{grid-template-columns:minmax(0,1fr)}.stats{gap:12px}.stat{padding:14px}.stat-label{font-size:10px}.stat p{font-size:9px}.scope-bar{gap:11px;font-size:10px}.page-head .refresh-area>span{font-size:9px}.page-head h1{font-size:24px}.page-head .eyebrow{font-size:9px;letter-spacing:1.3px}.filters select{min-width:0;flex:1;max-width:none}.search{width:100%;margin:0}.search input{width:auto;flex:1}.chart{height:190px}}
@media(max-width:520px){.topbar{padding:0 18px}.breadcrumb{display:none}.account{width:100%;justify-content:flex-end}.account>span{margin-right:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:30px}.stat-icon{width:25px;height:25px}.scope-bar{flex-wrap:wrap;gap:10px 13px}.scope-divider{display:none}.scope-bar>span:last-child{font-size:9px}.page-head{align-items:flex-start}.page-head .eyebrow{max-width:210px;letter-spacing:1px}.refresh-area{gap:12px}.page-head h1{font-size:25px}.page-head .muted{font-size:11px;max-width:230px}.refresh-area .secondary{font-size:11px;padding:7px 10px}.filters{gap:8px;margin-top:17px}.filters select{font-size:10px;padding:9px 7px}.panel-head{padding:19px}.panel-head h2{font-size:15px}.panel-head p{font-size:9px}.recent-row{padding:14px 18px}.recent-row strong{font-size:11px}.recent-row time{font-size:9px}.chart{padding:0 12px}.login-card{padding:30px 25px}th,td{padding:13px 16px}.footnote{font-size:9px}.pagination{padding:15px}.pagination button{padding:7px}}