:root{color-scheme:dark;--canvas:#071320;--surface:#0c1c2d;--panel:#102236;--border:#263c50;--text:#e8f0fa;--muted:#9daec2;--blue:#6aa5ff;--green:#65d49a;--amber:#ffc04d;--danger:#ff9494;--radius:6px}
.client-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{color:var(--danger);border-color:#875252;background:#281c28}.danger:hover{background:#452534;border-color:var(--danger)}.archive-note{padding:0 20px 16px;margin:0}
.page-detail .topbar{flex-wrap:wrap}.page-detail .topbar .filters{margin:0;margin-left:auto}.page-detail .topbar .filters>.fine{display:none}.page-detail .topbar .top-actions{margin-left:auto}.page-detail .client-identity{gap:10px 22px}.page-detail .client-identity .usage-line{padding-top:8px}.page-detail td{padding:9px 14px}.order-breakdown{margin-bottom:10px}.identity-more{flex-basis:100%;color:var(--muted);font-size:12px}.identity-more summary{cursor:pointer;width:max-content}.identity-more p{margin:8px 0 0}.page-detail .tabs{gap:10px}@media(max-width:600px){.page-detail .topbar .top-actions,.page-detail .topbar .filters{margin-left:0}.page-detail .topbar{gap:12px}.page-detail .topbar .filters label{flex:none}.page-detail .topbar .filters input{width:130px}}
.page-detail .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding:0;margin:14px 0 18px}.page-detail .metric{border:1px solid var(--border)!important;background:var(--surface);border-radius:6px;padding:14px 16px}.page-detail .metric-value{font-size:30px}.page-detail .metric-value.money{font-size:26px}.advanced-filters{padding:0 16px 10px;color:var(--muted);font-size:13px}.advanced-filters summary{cursor:pointer;width:max-content}.advanced-filters .record-filters{padding:12px 0}.collection-status{flex-basis:100%;margin:0!important}.page-detail .client-identity .usage-line{flex-wrap:wrap;gap:10px 20px}.page-detail .section-head{padding:12px 18px}.page-detail .record-filters{padding-top:12px;padding-bottom:8px}.page-detail table{font-size:15px}.page-detail .mono{font-size:13px}.page-detail .client-identity{padding:14px 20px}.page-detail .topbar{margin-bottom:16px}.page-detail .filters{margin-bottom:16px}.page-detail .metric:last-child{min-width:0}@media(max-width:1100px){.page-detail .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.page-detail .kpis{gap:8px}.page-detail .metric{padding:10px}.page-detail .metric-value.money{font-size:20px}}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:38px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#1a334d;border-color:#668bb2}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}input,select{min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:5px;background:#081727;color:var(--text);max-width:100%}input{min-width:0}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.primary{background:#275ec0;border-color:#5388de;color:#fff}.primary:hover{background:#326fcf}.quiet{background:transparent;border-color:transparent}.muted{color:var(--muted)}.fine{font-size:12px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:.06em}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.25;margin-bottom:0;font-weight:650}h2{font-size:18px;margin-bottom:18px}h3{font-size:15px;margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:150px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#071320;z-index:10}.brand{height:103px;display:flex;align-items:center;gap:12px;padding:22px;color:var(--text);font-size:24px;line-height:1.1;font-weight:650}.brand img{width:30px}.brand-sub{display:block;font-size:10px;font-weight:400;margin-top:8px;color:var(--muted)}img{filter:brightness(0) invert(.84)}nav{display:grid;gap:8px}.nav{border:0;border-radius:0;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 22px;background:none;min-height:54px;color:var(--muted)}.nav img{width:21px;height:21px}.nav.active{background:#142b47;box-shadow:inset 3px 0 var(--blue);color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:16px;display:grid;gap:10px;font-size:12px;word-break:break-word}main{margin-left:150px;padding:28px 26px 18px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:18px}.top-actions{display:flex;align-items:center;gap:14px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:12px;background:#142c40;color:var(--muted)}.badge.blue{color:var(--blue);background:#102849}.badge.online{background:#13342f;color:var(--green)}.badge.offline{background:#27303a;color:#bcc8d5}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:22px}.filters select{min-width:120px}.filters input[type=date]{width:147px}.filters .fine{margin-left:auto;padding-bottom:8px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:14px 0 24px;padding:18px 0;border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.metric{padding:4px 18px;border-right:1px solid var(--border);min-width:0}.metric:last-child{border:0}.metric-label{color:var(--muted);margin-bottom:5px;font-size:13px}.metric-value{font-size:29px;font-weight:600;line-height:1.35;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--blue);overflow-wrap:anywhere}.metric-value.money{font-size:25px;color:var(--amber)}.metric.green .metric-value{color:var(--green)}.metric .fine{display:block;margin-top:5px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px}.section-head h2{margin:0}.table-wrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}th{color:var(--muted);font-size:12px;font-weight:500;background:#102236;padding:12px 14px;border-bottom:1px solid var(--border)}td{padding:13px 14px;border-bottom:1px solid #203346}tr:last-child td{border-bottom:0}tbody tr:hover{background:#132a40}tbody tr.selected{background:#142f51}td.numeric,th.numeric{text-align:right}td.money{color:var(--amber)}.mono{font-family:Consolas,"Cascadia Mono",monospace;font-size:12px}.record-link{padding:2px 4px;background:transparent;border-color:transparent;min-height:32px;color:var(--blue)}.chart-layout{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(210px,1fr);gap:20px}.chart{width:100%;height:240px;display:block}.chart-body{padding:0 20px 14px}.legend{display:flex;gap:16px;color:var(--muted);font-size:12px}.legend span:nth-child(1){color:var(--blue)}.legend span:nth-child(2){color:var(--green)}.legend span:nth-child(3){color:var(--amber)}.state-stack{padding:8px 22px 20px;display:grid;gap:10px}.state-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:12px 0}.state-row strong{font-size:30px;font-weight:500}.client-identity{padding:18px 22px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:flex;flex-wrap:wrap;gap:14px 26px;margin-bottom:18px}.client-identity strong{font-size:20px}.client-identity .usage-line{flex-basis:100%;border-top:1px solid var(--border);padding-top:12px;display:flex;gap:26px;color:var(--muted)}.tabs{display:flex;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);overflow:auto}.tab{padding:15px 12px;border:0;border-radius:0;background:none;color:var(--muted);white-space:nowrap}.tab.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.record-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px}.record-filters input{width:185px}.record-filters label{font-size:12px}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap}.pager-actions{display:flex;gap:8px}.inspector{position:fixed;right:0;top:0;bottom:0;width:360px;background:#0c1d2d;border-left:1px solid #36506b;z-index:20;padding:30px 24px;overflow:auto;box-shadow:-14px 0 50px #0003}body.detail-open main{margin-right:360px}.close{float:right;font-size:12px}.inspector h2{margin-top:25px}.inspector .detail-amount{font-size:31px;color:var(--amber);margin:24px 0}.detail-fields{display:grid;gap:14px;margin:18px 0}.detail-fields div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px}.detail-fields dt{color:var(--muted)}.detail-fields dd{margin:0;overflow-wrap:anywhere}.timeline{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.timeline p{padding:8px 0}.footer{display:flex;justify-content:space-between;gap:16px;color:#8a9bb0;font-size:12px;padding:8px 0}.notice,.error-banner{padding:12px 16px;margin-bottom:18px;border:1px solid #405b80;background:#132944;border-radius:5px}.error-banner{border-color:#875252;color:var(--danger);background:#281c28;overflow-wrap:anywhere}.error{color:var(--danger);margin:12px 0;overflow-wrap:anywhere}.empty{padding:52px 24px;text-align:center;color:var(--muted)}.forms{padding:24px;max-width:660px;display:grid;gap:18px}.forms p{margin:0}.forms form{display:grid;gap:16px}.forms .row{display:flex;gap:10px;flex-wrap:wrap}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:420px;max-width:100%;padding:36px;border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;gap:18px}.login-panel h1{font-size:27px}.login-panel p{margin:0}.brand-icon{width:38px;height:38px;margin-bottom:8px}.login-panel .primary{margin-top:8px;min-height:46px}dialog{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:28px;width:460px;max-width:95vw}dialog::backdrop{background:#0009}#modal-fields{display:grid;gap:14px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.secret-output{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#081727;border:1px solid var(--border);user-select:all}.coverage{color:var(--amber);padding:8px 18px;font-size:12px}[hidden]{display:none!important}@media(min-width:1700px){body.detail-open .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1350px){body.detail-open main{margin-right:0;padding-right:386px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.metric:nth-child(3){border:0}.chart-layout{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}.filters .fine{margin-left:0}}@media(max-width:900px){.sidebar{width:72px}.brand{padding:22px}.brand span,.nav{font-size:0}.nav{padding:16px 24px}.sidebar-bottom{padding:8px}.sidebar-bottom span{display:none}.sidebar-bottom button{font-size:11px;padding:4px}main{margin-left:72px;padding:20px 16px}.topbar{align-items:start}.top-actions{gap:8px;justify-content:end}h1{font-size:24px}body.detail-open main{padding-right:16px}.inspector{width:min(390px,90vw)}.metric{padding:4px 12px}.metric-value{font-size:25px}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(3){border-right:1px solid var(--border)}.metric:nth-child(even){border:0}.topbar{flex-direction:column}.filters input[type=date]{width:130px}.filters label{flex:1}.filters select{min-width:105px}.client-identity{gap:12px}.client-identity .usage-line{flex-direction:column;gap:8px}.footer{flex-direction:column}.metric-value.money{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}