:root {
  color-scheme:light;--ink:#182a43;--muted:#697d98;--blue:#3672e1;--navy:#111f36;
  --line:#e3e9f2;--canvas:#f5f7fb;--paper:#fff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}
button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #91b4f8;outline-offset:2px}
[hidden]{display:none!important}
.app{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}
.side{background:#111f36;color:#ecf3ff;padding:28px 20px 22px;display:flex;flex-direction:column;gap:2px;min-height:100vh;z-index:1}
.brand{display:flex;align-items:center;gap:12px;margin:2px 9px 34px}
.brand-mark{width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:white;background:#2c5cc4;position:relative;letter-spacing:-2px}
.brand-mark span{font-size:8px;position:absolute;right:7px;top:5px;color:#d7e7ff}
.brand strong{display:block;font-size:19px;font-weight:800;letter-spacing:3.1px;line-height:1.2}
.brand small{display:block;color:#9db0d0;font-size:9px;font-weight:800;letter-spacing:2.1px;margin-top:5px}
.side-heading{color:#8298b8;font-size:10px;letter-spacing:1.9px;font-weight:800;margin:0 9px 10px}
.primary-nav{display:grid;gap:5px;margin-bottom:29px}
.nav-link{width:100%;display:flex;align-items:center;gap:13px;padding:12px 15px;border:0;border-radius:9px;background:transparent;color:#b3c2dd;text-align:left;font-size:13px;font-weight:650}
.nav-link:hover,.nav-link.selected{color:#fff;background:#273f64}
.nav-icon{font-size:19px;line-height:1}
.filter-title{margin-bottom:14px}
.filter-block{padding:0 7px 20px}
.filter-block label{font-size:12px;font-weight:700;color:#e2eaf8;display:block;margin-bottom:9px}
.filter-block select,.filter-block input{background:#1b304e;border:1px solid #35496a;color:#edf5ff;padding:10px 11px;width:100%;border-radius:9px;outline-offset:1px;min-height:40px}
.filter-block select:focus,.filter-block input:focus{border-color:#789ee3}
.filter-block input::placeholder{color:#8397b5}
.filter-block small{display:block;color:#8ea4c4;font-size:10.5px;line-height:1.5;margin-top:8px}
#search-indicator{margin-bottom:7px}
.label-inline{display:flex;align-items:center;justify-content:space-between}
.tiny{background:transparent;border:0;color:#9cc2ff;padding:0 0 7px;font-size:11px}
.geo-options{background:#1b304e;border:1px solid #35496a;border-radius:10px;margin-top:7px;max-height:165px;min-height:48px;overflow:auto}
.geo-item{display:flex;align-items:center;gap:9px;padding:8px 10px;color:#b9cbe4;font-size:12px;cursor:pointer}
.geo-item:hover{background:#294166}
.geo-item input{width:15px;height:15px;min-height:0;accent-color:#70a4ff;margin:0;flex-shrink:0}
.geo-item b{font-weight:650;color:#f0f6ff}
.geo-item span{font-size:10px;margin-left:auto;color:#8096b4}
.geo-empty{padding:13px;font-size:11px;color:#94a9cb}
.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.date-pair .sub-label{font-size:10px;color:#8fa3c2;margin-bottom:6px}
.apply-btn{width:calc(100% - 14px);margin:0 7px;background:#3673e3;border:0;border-radius:10px;padding:13px 14px;display:flex;justify-content:space-between;color:white;font-weight:750;box-shadow:0 5px 15px #0a295077}
.apply-btn:hover{background:#477ff1}
.sidebar-foot{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #30415d;margin:28px 9px 0;padding:23px 0 0}
.sidebar-foot strong{font-size:11px;display:block}
.sidebar-foot small{font-size:10px;color:#899fbd;display:block;line-height:1.5;margin-top:3px}
.privacy-dot{height:9px;width:9px;border-radius:50%;background:#a8c3fd;margin-top:3px;box-shadow:0 0 0 4px #2b4160}
main{min-width:0;overflow:hidden}
.topbar{height:71px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,52px)}
.breadcrumb{font-size:12px;color:#8a98ad}
.breadcrumb span{margin:0 11px;color:#c6cfda}
.breadcrumb b{color:#304965}
.topbar-right{display:flex;align-items:center;gap:22px}
.live-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#466789;background:#edf3ff;padding:7px 10px;border-radius:20px;font-weight:650}
.live-pill i{display:block;width:6px;height:6px;background:#477ad8;border-radius:50%}
.github-link{color:#536b8a;text-decoration:none;font-size:12px;font-weight:650}
.github-link:hover{text-decoration:underline}
.content{max-width:1515px;margin:auto;padding:35px clamp(20px,4vw,52px) 30px}
.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}
.eyebrow{font-weight:800;font-size:10px;letter-spacing:1.6px;color:#4773bb;margin:5px 0 10px}
h1{margin:0;color:#1b2f4a;font-size:clamp(25px,2.7vw,36px);letter-spacing:-1.2px;font-weight:800;line-height:1.17}
.intro p{margin:11px 0 0;color:#72839c;max-width:750px;font-size:13px;line-height:1.7}
.snapshot-tag{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 19px;min-width:176px;box-shadow:0 5px 22px #19335708}
.snapshot-tag .snapshot-caption{display:block;color:#92a0b2;letter-spacing:1px;font-size:9px;font-weight:800}
.snapshot-tag strong{display:block;margin:6px 0 4px;font-size:12px;overflow-wrap:anywhere}
.snapshot-tag small{color:#8998a9;font-size:10px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:31px}
.metric-card{border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 5px 22px #19335709;padding:20px 19px}
.metric-title{font-size:11px;color:#6f819a;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:4px}
.metric-icon{color:#5b86cc;font-size:17px}
.metric-card strong{display:block;font-size:clamp(21px,2.1vw,30px);font-weight:800;letter-spacing:-1.1px;margin:14px 0 5px}
.metric-card span:last-child{color:#91a0b3;font-size:10px}
.catalog-overview{background:#eef3fc;border:1px solid #dce5f3;border-radius:12px;padding:17px 21px;display:flex;align-items:center;gap:17px;margin:-11px 0 28px}
.catalog-icon{border-radius:11px;background:#dde9fc;color:#3971bd;min-width:37px;height:37px;display:grid;place-items:center;font-size:21px}
.catalog-copy{flex:1}
.catalog-copy strong{display:block;color:#27496f;font-size:12px}
.catalog-copy p{font-size:11px;line-height:1.5;color:#7185a3;margin:5px 0 0}
.catalog-overview button{background:#fff;border:1px solid #cedcf0;border-radius:8px;color:#305f9b;padding:10px 13px;font-size:11px;font-weight:700}
.catalog-overview button:hover{background:#e9f2ff}
@media(max-width:600px){.catalog-overview{align-items:flex-start;flex-wrap:wrap}.catalog-overview button{margin-left:54px}}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.section-heading h2{font-size:18px;letter-spacing:-.3px;margin:0}
.section-heading p{margin:7px 0 0;color:#8290a5;font-size:12px;line-height:1.5}
.outline-btn{background:white;color:#365783;border:1px solid #dce5f1;border-radius:8px;font-size:11px;font-weight:750;padding:11px 15px}
.outline-btn:hover{border-color:#8ca8d4}
.graph-card,.mini-card,.catalog-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 22px #19335709}
.graph-card{padding:23px;overflow:hidden}
.chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:13px}
.chart-overline{color:#5680bf;letter-spacing:1.1px;font-size:9px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
.chart-header h3{font-size:17px;margin:0 0 8px;letter-spacing:-.3px}
.chart-header p{font-size:11px;color:#8b99ac;line-height:1.5;margin:0}
.chart-controls{display:flex;background:#f1f4f9;border:1px solid #e8edf5;border-radius:8px;padding:4px;gap:2px;flex-wrap:wrap}
.chart-type{padding:7px 12px;border:0;background:transparent;color:#677f9a;font-size:11px;border-radius:6px;font-weight:650}
.chart-type.active{color:#244b8f;background:white;box-shadow:0 1px 4px #23415b22}
.chart{width:100%;min-height:355px;position:relative}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart-empty{height:355px;display:flex;justify-content:center;align-items:center;text-align:center;color:#9aa9bb;border-radius:10px;background:linear-gradient(180deg,#fbfdff,#fff);font-size:13px;padding:24px}
.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;margin-top:13px}
.legend{display:flex;flex-wrap:wrap;gap:10px 16px}
.legend span{display:inline-flex;align-items:center;gap:7px;color:#6c7b92;font-size:11px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.record-count{color:#9aa7b8;font-size:11px;text-align:right}
.notice{border:1px solid #ead5ac;background:#fffbf4;color:#725b30;border-radius:9px;padding:11px 13px;font-size:11px;line-height:1.55;margin:10px 0 17px}
.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}
.mini-card{padding:22px}
.mini-icon{width:34px;height:34px;border-radius:10px;background:#eef4fe;color:#3976d7;display:grid;place-items:center;font-size:20px}
.mini-card h3{margin:15px 0 7px;font-size:13px}
.mini-card p{margin:0;color:#8695aa;line-height:1.65;font-size:11px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.catalog-card{padding:19px;display:flex;flex-direction:column;gap:11px}
.catalog-card .catalog-eyebrow{font-size:10px;font-weight:800;letter-spacing:1px;color:#5883bc}
.catalog-card h3{font-size:14px;line-height:1.4;margin:0}
.catalog-card .catalog-stats{display:flex;gap:12px;color:#8394aa;font-size:11px;flex-wrap:wrap}
.catalog-card .catalog-stats b{color:#435d80}
.catalog-card p{font-size:11px;line-height:1.55;color:#8290a4;margin:0;flex:1}
.catalog-card button{border:1px solid #dfe7f3;border-radius:7px;background:#f8fbff;color:#2b5c9b;padding:9px;font-size:11px;font-weight:750;margin-top:5px}
.catalog-card button:hover{background:#edf4ff}
.table-wrap{max-height:425px;overflow:auto;border:1px solid #e8eef5;border-radius:9px}
.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
.data-table th{background:#f4f7fc;color:#71819a;font-size:10px;letter-spacing:.2px;font-weight:750;padding:11px 12px;position:sticky;top:0}
.data-table td{padding:11px 12px;border-top:1px solid #edf1f6;font-size:11px;color:#37516e}
.data-table tr:hover td{background:#f9fbff}
.data-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}
.data-table th.numeric{text-align:right}
.chart-svg .gridline{stroke:#e8edf5;stroke-width:1}
.chart-svg .axis-text{fill:#94a3b7;font-size:11px}
.chart-svg .axis-label{fill:#657b96;font-size:11px;font-weight:600}
.chart-svg .line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.chart-svg .dot{stroke:#fff;stroke-width:1.5}
.chart-svg .bar{rx:3}
.chart-svg .plot-bg{fill:#fff}
.chart-svg .plot-empty{fill:#8a9db3;font-size:15px}
.chart-tooltip{position:absolute;background:#182b48;color:#fff;padding:8px 11px;border-radius:7px;font-size:11px;pointer-events:none;white-space:nowrap;z-index:10;box-shadow:0 5px 15px #172c4938}
footer{font-size:11px;color:#9aa8b9;margin:36px 0 8px;line-height:1.5}
@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-header{flex-wrap:wrap}}
@media(max-width:800px){.app{display:block}.side{min-height:0;padding:17px 18px 18px}.brand{margin-bottom:15px}.primary-nav{grid-template-columns:1fr 1fr;margin-bottom:13px}.side-heading.filter-title{margin-top:5px}.side .filter-block{display:inline-block;vertical-align:top;width:calc(50% - 4px);padding:0 6px 12px}.side .filter-block:nth-of-type(5){width:100%}.side .geo-options{max-height:120px}.side .sidebar-foot{display:none}.side .apply-btn{width:calc(100% - 12px);margin:0 6px}.content{padding:28px 20px}.intro{flex-wrap:wrap}.snapshot-tag{min-width:0}.topbar{padding:0 20px}.two-cards{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}}
@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px 12px}.metric-card strong{font-size:23px}.metric-title{font-size:10px}.side .filter-block{width:100%}.topbar-right{gap:9px}.live-pill{font-size:10px}.github-link{font-size:10px}.chart-type{padding:7px 8px}.chart{min-height:270px}.chart-empty{height:270px}.graph-card{padding:15px}.chart-header{gap:10px}.snapshot-tag{display:none}}

.public-attribution{display:flex;flex-wrap:wrap;gap:7px 14px;background:#edf4fe;border:1px solid #d8e5f5;border-radius:12px;padding:15px 19px;margin:0 0 23px;color:#46668f;font-size:11px;line-height:1.6}.public-attribution strong{color:#214d86}.public-attribution span{flex:1;min-width:210px}.public-attribution a{color:#245eb8;text-decoration:underline}