:root{color-scheme:dark;--bg:#06131e;--panel:#0b1e2d;--line:#1b3a4c;--text:#e5f1f8;--muted:#8faaba;--cyan:#39d4fa;--mint:#41e3b2;--amber:#ffc16a;--violet:#b29bff;--red:#ff8e96}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,rgba(16,91,110,.16),transparent 40%),var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button,a,select,input:focus-visible{outline-offset:4px}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan)}button{color:inherit}button:hover{filter:brightness(1.15)}.skip-link{position:fixed;z-index:5;left:12px;top:-70px;padding:12px;background:var(--cyan);color:#032433}.skip-link:focus{top:12px}.site-header{min-height:92px;padding:16px max(28px,calc((100vw - 1580px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;gap:44px;background:rgba(4,17,27,.7)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:700;letter-spacing:2px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:43px;height:47px;background:linear-gradient(145deg,#36d7fc,#087fab);border:1px solid #7ce5ff;border-radius:13px;color:#fff;font-size:42px;font-weight:500;line-height:1;box-shadow:0 0 30px #1db9f326}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;font-weight:500}.site-header nav{display:flex;gap:28px;align-self:stretch;align-items:center;flex:1}.site-header nav a{color:var(--muted);font-size:13px;position:relative;white-space:nowrap}.site-header nav a:hover{color:var(--text)}.site-header nav .current{color:var(--cyan)}.site-header nav .current:after{content:"";height:2px;background:var(--cyan);position:absolute;left:0;right:0;bottom:-31px;box-shadow:0 -3px 15px #39d4fa55}.demo-badge{font-size:11px;letter-spacing:.5px;color:#99dded;border:1px solid #21546a;border-radius:5px;padding:7px 11px;background:#0c2b3a;white-space:nowrap}.demo-badge i,.status-dot{width:6px;height:6px;background:var(--mint);display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 9px #41e3b24a}.dashboard{max-width:1580px;margin:0 auto;padding:35px 28px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.eyebrow{margin:0 0 8px;font-size:9px;line-height:1.5;letter-spacing:1.9px;color:var(--cyan);font-weight:600}h1{font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.3;margin:0 0 10px}h1 span{font-weight:400;color:#a9becb}.intro{margin:0;color:var(--muted);font-size:12px}.workspace-tools{display:flex;gap:10px;align-items:flex-end}.workspace-tools label{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:12px}select,.export-button{border:1px solid #2b4b5c;border-radius:6px;background:#0c2333;color:var(--text);height:39px;font-size:12px;padding:0 13px}.workspace-tools select{min-width:105px}.export-button span{font-size:18px;color:var(--cyan);margin-right:5px}.context-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:10px;letter-spacing:.4px}.context-strip strong{color:#c4dce9;font-weight:500}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:linear-gradient(115deg,#0d2638,#0a1d2b);padding:17px 19px 16px;min-height:155px}.metric-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:12px;color:#c5d9e5}.metric-heading>span:first-child{display:flex;gap:8px;align-items:center}.metric-icon{width:25px;height:25px;display:inline-grid;place-items:center;background:#123345;border-radius:6px;font-size:18px}.metric-tag{font-size:9px;color:var(--muted)}.metric-value{display:flex;align-items:baseline;gap:8px;position:relative;z-index:1;margin:11px 0 3px}.metric-value strong{font-size:35px;line-height:1.1;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.metric-value>span{font-size:10px;color:var(--muted)}.metric p{font-size:10px;margin:9px 0 0;color:var(--muted);position:relative;z-index:1}.metric .spark{position:absolute;bottom:0;right:0;width:49%;height:42px;opacity:.27}.cyan{color:var(--cyan)!important}.mint{color:var(--mint)!important}.amber{color:var(--amber)!important}.violet{color:var(--violet)!important}.negative{color:var(--mint)!important}.positive{color:var(--red)!important}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}.panel{min-width:0;background:linear-gradient(130deg,#0c2333,#091c2a);border:1px solid var(--line);border-radius:9px;padding:22px 20px 17px}.panel-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.panel .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:5px;color:#6f9bb2}.panel h2{margin:0;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:.1px}.trend-panel{grid-column:span 8}.region-panel{grid-column:span 4}.segmented{display:flex;padding:3px;border:1px solid #204357;background:#071926;border-radius:6px;gap:3px}.segmented button{font-size:10px;border:0;border-radius:3px;background:none;padding:6px 10px;color:var(--muted);white-space:nowrap}.segmented button[aria-pressed=true]{background:#124c67;color:#d5f7ff;box-shadow:inset 0 0 0 1px #236d8d}.chart-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);gap:5px;margin-top:26px}.chart-legend{display:flex;gap:16px;font-size:10px}.chart-legend span{white-space:nowrap}.chart-legend i{display:inline-block;height:6px;width:6px;border-radius:50%;margin-right:6px;vertical-align:1px}.cyan-bg{background:var(--cyan)}.mint-bg{background:var(--mint)}.amber-bg{background:var(--amber)}.chart-wrap{width:100%;margin:6px 0 2px}.chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#234255;stroke-width:1;opacity:.65}.axis-label{font-size:11px;fill:#8faaba;font-family:inherit}.chart-area{fill:url(#load-gradient)}.point-inspector{display:flex;align-items:center;gap:12px;border-top:1px solid #1b384b;padding:13px 0 0}.point-inspector label{font-size:10px;white-space:nowrap;color:var(--muted)}.point-inspector label span{margin-left:6px;color:#d6e7f1;font-variant-numeric:tabular-nums}.point-inspector input{min-width:50px;width:auto;flex:1;accent-color:var(--cyan);height:14px;cursor:ew-resize}.inspector-values{display:flex;gap:11px;font-size:9px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.inspector-values b{font-weight:600;font-size:11px;margin-left:2px}.panel-footnote{margin:12px 0 0;font-size:9px;color:#89a3b4;line-height:1.65}.subtle-label{white-space:nowrap;font-size:9px;color:var(--muted);border:1px solid #244356;padding:4px 7px;border-radius:4px;font-variant-numeric:tabular-nums}.table-description{color:var(--muted);font-size:10px;margin:-6px 0 13px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:255px;font-size:11px;font-variant-numeric:tabular-nums}th{font-weight:400;color:var(--muted);font-size:9px;padding:10px 9px;text-align:right;background:#102c40;border-top:1px solid #26475a;border-bottom:1px solid #26475a}th:first-child{text-align:left;border-radius:4px 0 0 0}td{border-bottom:1px solid #18364a;padding:11px 9px;text-align:right}td:first-child{text-align:left}td button{border:0;background:none;padding:0;font-size:11px;color:#cfe0ea;width:100%;text-align:left}td button:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;margin-left:8px;background:transparent}tr.is-selected{background:#103449}tr.is-selected td:first-child button{color:var(--cyan)}tr.is-selected td:first-child button:after{background:var(--cyan)}.region-summary{display:flex;gap:10px;align-items:flex-start;background:#0c2838;padding:12px 10px;margin-top:15px;border-radius:5px}.region-summary i{width:5px;height:5px;background:var(--cyan);margin-top:5px;border-radius:50%;flex-shrink:0}.region-summary p{font-size:9px;margin:0;color:#b4cbd8}.region-summary p span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.time-panel,.distribution-panel,.signals-panel{grid-column:span 4}.time-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:5px}.time-card{position:relative;min-width:0;text-align:center;border:1px solid #244356;border-radius:6px;background:#0a2030;padding:18px 5px 14px}.time-ring{width:72px;height:72px;position:relative;margin:0 auto 8px;border-radius:50%;background:conic-gradient(from 225deg,var(--ring-color) 0deg var(--ring-angle),#1b3a4e var(--ring-angle) 270deg,transparent 270deg 360deg)}.time-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#0a2030}.time-ring span{position:absolute;inset:15px 0 0;font-size:9px;color:var(--muted)}.time-ring strong{position:absolute;inset:31px 0 0;font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.7px}.time-card small{display:block;font-size:8px;color:var(--muted);margin:-7px 0 14px}.time-card p{font-size:8px;color:#a4becd;margin:0}.time-card>b{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.distribution-bars{display:flex;align-items:stretch;height:182px;padding:14px 1px 0;gap:12px;background:repeating-linear-gradient(to top,transparent 0px,transparent 44px,#1a394b 45px,#1a394b 46px);border-bottom:1px solid #23475c;margin-bottom:30px}.dist-column{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative;text-align:center;height:100%;font-variant-numeric:tabular-nums}.dist-column b{font-size:10px;font-weight:600;color:#c3dbea;margin-bottom:5px}.dist-bar{display:block;width:72%;max-width:49px;align-self:center;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#157ca5,#3dceee);min-height:0}.dist-column:last-child .dist-bar{background:linear-gradient(0deg,#bb6478,#f3a393)}.dist-column>span:last-child{position:absolute;bottom:-25px;left:0;right:0;font-size:8px;color:var(--muted);white-space:nowrap}.signal-icon{font-size:21px;color:var(--mint)}.signal-tabs{display:flex;gap:16px;border-bottom:1px solid #244457;margin-top:-4px}.signal-tabs button{padding:0 0 9px;border:0;background:none;font-size:10px;color:var(--muted);position:relative}.signal-tabs button[aria-pressed=true]{color:var(--cyan)}.signal-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cyan)}.signal-tabs button span{font-size:8px;background:#254255;color:#c9dce7;border-radius:4px;padding:1px 4px;margin-left:3px}.signal-list{min-height:182px}.signal-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #1a3649}.signal-item:last-child{border-bottom:0}.signal-item>span{font-size:9px;color:#7fa6bc;margin-top:2px;min-width:24px}.signal-item h3{font-size:11px;margin:0 0 3px;font-weight:500;color:#d1e4ef}.signal-item p{font-size:9px;margin:0;color:var(--muted);line-height:1.6}.signal-item.alert>span{color:var(--amber)}.signals-panel .panel-footnote{margin-top:8px}.next-step{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:19px 22px;border:1px solid #22495b;border-radius:8px;background:linear-gradient(115deg,#102e40,#0a2030)}.next-step>div{display:flex;gap:15px;align-items:center}.next-step-icon{font-size:30px;color:var(--cyan)}.next-step p{margin:0}.next-step p strong{font-size:13px;font-weight:500}.next-step p>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.next-step>a{font-size:11px;color:var(--cyan);white-space:nowrap;border:1px solid #2a566b;border-radius:5px;padding:9px 13px}.next-step>a:hover{background:#17445a}.next-step>a span{margin-left:14px}.page-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;color:#84a1b3;padding:26px 0;font-size:9px}.page-footer p{margin:0}.page-footer>span{font-size:8px;letter-spacing:1.5px}.page-footer a:hover{color:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{border:1px solid var(--amber);padding:15px;color:var(--amber)}
@media(min-width:1600px){.site-header{gap:60px}.dashboard{padding-top:40px}.panel h2{font-size:18px}.metric{min-height:170px}.metric-value strong{font-size:40px}.metric-value{margin-top:16px}.panel{padding:24px}.time-card{padding-top:22px;padding-bottom:20px}.time-ring{width:84px;height:84px}.time-ring strong{inset:39px 0 0;font-size:24px}.time-ring span{inset:21px 0 0}.distribution-bars{height:206px}.signal-list{min-height:206px}.signal-item{padding:16px 0}.region-summary{margin-top:22px}.region-panel td{padding-top:15px;padding-bottom:15px}}
@media(max-width:1150px){.site-header{gap:25px}.site-header nav{gap:20px}.workspace-tools label{display:block}.workspace-tools select{display:block;margin-top:4px}.trend-panel{grid-column:span 8}.region-panel{grid-column:span 4}.panel{padding:17px 14px}.panel h2{font-size:15px}.segmented button{padding:5px 7px;font-size:9px}.metric{padding:15px}.metric-value strong{font-size:29px}.metric-tag{font-size:8px}.chart-legend{gap:9px;font-size:9px}.chart-meta>span{font-size:8px}.point-inspector{flex-wrap:wrap;gap:8px}.point-inspector input{min-width:100px}.inspector-values{width:100%;justify-content:flex-end}.region-panel td{padding:9px 7px}.region-summary{padding:9px}.time-ring{width:60px;height:60px}.time-ring span{inset:11px 0 0;font-size:8px}.time-ring strong{inset:25px 0 0;font-size:17px}.time-card small{font-size:7px}.time-card p{font-size:7px}.time-cards{gap:5px}.distribution-bars{gap:7px;height:165px}.metric-heading{font-size:11px}.metric-value>span{font-size:9px}.metric p{font-size:9px}.page-footer>span{display:none}}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:12px 22px;padding:17px 24px}.brand{flex:1}.site-header nav{order:3;width:100%;padding-top:10px;flex:auto}.site-header nav .current:after{bottom:-17px}.dashboard{padding:28px 24px 0}.page-heading{align-items:flex-start}h1{font-size:26px}h1 span{display:block;margin-top:4px}.workspace-tools{align-items:stretch;flex-direction:column;gap:9px}.workspace-tools label{display:flex;gap:8px}.workspace-tools select{margin:0}.metrics{gap:10px}.metric{min-height:143px;padding:13px 11px}.metric-tag{display:none}.metric-value{gap:4px}.metric-value strong{font-size:26px}.metric-value>span{font-size:8px}.trend-panel{grid-column:span 12}.region-panel{grid-column:span 6;grid-row:span 2}.time-panel,.distribution-panel{grid-column:span 6}.signals-panel{grid-column:span 12}.signal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;gap:20px}.signal-item{border:0}.region-panel td{padding:20px 12px;font-size:13px}.region-panel td button{font-size:12px}.region-summary{margin-top:30px}.chart-wrap svg{max-height:310px}.point-inspector{flex-wrap:nowrap}.inspector-values{width:auto}.time-ring{width:78px;height:78px}.time-ring span{inset:19px 0 0;font-size:9px}.time-ring strong{inset:35px 0 0;font-size:22px}.time-card p{font-size:8px}.distribution-bars{height:140px}.context-strip{gap:12px}.next-step p strong{font-size:12px}.next-step p>span{font-size:9px}.page-footer{font-size:8px}}
@media(max-width:600px){.site-header{padding:15px 16px;gap:10px}.brand{font-size:19px;gap:9px}.brand-mark{width:35px;height:39px;font-size:34px;border-radius:9px}.brand small{font-size:6px;letter-spacing:1.6px}.demo-badge{font-size:8px;padding:5px 7px;letter-spacing:0}.demo-badge i{margin-right:4px;width:5px;height:5px}.site-header nav{gap:22px;justify-content:space-between;padding-top:8px}.site-header nav a{font-size:11px}.site-header nav .current:after{bottom:-15px}.dashboard{padding:26px 14px 0}.page-heading{display:block;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:10px}h1{font-size:29px;letter-spacing:-.5px}h1 span{display:block;margin-top:3px}.intro{font-size:10px;max-width:290px;margin-top:12px}.workspace-tools{margin-top:21px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.workspace-tools label{font-size:9px;gap:8px}.workspace-tools select{min-width:78px;padding:0 7px}.export-button{padding:0 10px;font-size:10px}.export-button span{font-size:16px}.context-strip{font-size:8px;align-items:flex-start;line-height:1.8;margin-bottom:9px}.context-strip>span:last-child{max-width:132px;text-align:right}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.metric{padding:13px 12px;min-height:133px}.metric-value{margin-top:12px}.metric-value strong{font-size:29px}.metric-heading{font-size:10px}.metric-icon{height:22px;width:22px;font-size:16px}.metric p{font-size:8px;margin-top:8px}.metric .spark{width:44%;height:31px}.dashboard-grid{gap:12px}.panel{padding:18px 13px 14px;border-radius:7px}.trend-panel,.region-panel,.time-panel,.distribution-panel,.signals-panel{grid-column:span 12;grid-row:auto}.panel-heading{margin-bottom:16px;gap:8px;flex-wrap:wrap}.panel h2{font-size:16px}.panel .eyebrow{font-size:7px;letter-spacing:1.4px}.trend-panel .panel-heading>div:first-child{width:100%}.segmented{width:100%;justify-content:space-between;margin-top:2px}.segmented button{font-size:10px;padding:6px 11px;flex:1}.chart-meta{font-size:8px;flex-wrap:wrap;margin-top:20px;gap:10px}.chart-meta>span:first-child{order:2}.chart-meta>span:last-child{order:3;margin-left:auto}.chart-legend{width:100%;justify-content:flex-start;font-size:8px;gap:15px}.chart-wrap{margin-top:5px;overflow:hidden}.chart-wrap svg{width:100%;height:185px}.axis-label{font-size:16px}.point-inspector{gap:7px;flex-wrap:wrap;padding-top:12px}.point-inspector label{font-size:9px}.point-inspector label span{margin-left:4px}.point-inspector input{min-width:70px}.inspector-values{width:100%;justify-content:space-between;padding-top:4px;font-size:9px}.inspector-values b{font-size:12px}.panel-footnote{font-size:8px;margin-top:10px}.table-description{font-size:9px}.region-panel td{padding:12px 10px;font-size:12px}.region-panel td button{font-size:11px}.region-panel th{font-size:9px;padding:9px 10px}.region-summary{margin-top:15px;padding:11px}.region-summary p{font-size:9px}.time-cards{gap:8px}.time-card{padding:18px 4px 14px}.time-ring{width:76px;height:76px}.time-ring strong{font-size:21px}.time-card small{font-size:8px}.time-card p{font-size:8px}.time-card>b{font-size:9px}.distribution-bars{height:160px;gap:14px;margin-bottom:30px}.dist-column>span:last-child{font-size:9px}.dist-column b{font-size:11px}.signal-list{display:block;min-height:0}.signal-item{padding:14px 0;border-bottom:1px solid #1a3649;gap:13px}.signal-item h3{font-size:12px}.signal-item p{font-size:10px}.signal-item>span{font-size:10px}.signal-tabs{gap:22px}.signal-tabs button{font-size:11px}.next-step{padding:17px 16px;display:block;margin-top:18px}.next-step-icon{font-size:25px}.next-step>div{gap:11px}.next-step p strong{font-size:12px}.next-step p>span{font-size:10px;margin-top:6px}.next-step>a{display:block;text-align:center;margin-top:17px;font-size:11px}.page-footer{display:block;text-align:center;padding:23px 6px;font-size:9px}.page-footer p{margin-top:10px;font-size:8px}}
@media(max-width:350px){.site-header{padding-left:12px;padding-right:12px}.demo-badge{font-size:7px}.brand{font-size:18px}.brand-mark{width:30px;height:34px;font-size:29px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.dashboard{padding-left:11px;padding-right:11px}h1{font-size:26px}.metric-value strong{font-size:25px}.metric-value>span{font-size:7px}.metric{padding:12px 10px}.metric p{font-size:7px}.time-cards{gap:5px}.time-ring{width:67px;height:67px}.time-ring span{inset:15px 0 0}.time-ring strong{inset:30px 0 0;font-size:19px}.time-card p{font-size:7px}.workspace-tools label{gap:6px}.workspace-tools select{min-width:70px}.export-button{padding:0 8px}.context-strip{font-size:7px}.point-inspector label{font-size:8px}.inspector-values{font-size:8px}.inspector-values b{font-size:11px}}
@media(prefers-reduced-motion:no-preference){button,a,select{transition:background .15s,color .15s,border-color .15s}.metric .spark{animation:appear .5s ease-out}@keyframes appear{from{opacity:0}to{opacity:.27}}}