.stats-preview{--instrument-bg:#f9fcff;--stats-ink:#203f54;--stats-muted:#536e80;--stats-border:#d9e7ef;color:var(--stats-ink);font-variant-numeric:tabular-nums;background:#f6f9fc;min-width:0;min-height:100%;padding:24px;container-type:inline-size}.stats-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.stats-brand{align-items:center;gap:14px;display:flex}.stats-emblem{flex-shrink:0;place-items:center;width:48px;height:60px;display:grid}.stats-emblem img{object-fit:contain;width:44px;height:54px}.stats-eyebrow{letter-spacing:.04em;color:var(--stats-muted);margin-bottom:3px;font-size:13px}.stats-brand h1{letter-spacing:-.025em;font-size:26px;font-weight:750;line-height:1.15}.stats-brand p:last-child{color:var(--stats-muted);margin-top:4px;font-size:12px}.stats-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stats-back{text-underline-offset:3px;align-items:center;gap:6px;margin-right:8px;font-size:12px;text-decoration:underline;display:flex}.stats-filters{margin-bottom:10px}.stats-scope-note{color:var(--stats-muted);margin:10px 0 16px;font-size:13px}.stats-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stats-metric{border:1px solid #fffa;border-radius:10px;align-items:center;gap:13px;padding:18px 16px;display:flex}.stats-metric-icon{color:#fff;background:var(--metric-accent);border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.stats-metric-icon svg{width:23px;height:23px}.stats-metric h2{font-size:12px;font-weight:550;line-height:1.3}.stats-metric strong{letter-spacing:-.03em;font-size:32px;font-weight:750;line-height:1.4}.stats-metric p{color:var(--stats-muted);font-size:12px}.stats-tone-blue{--metric-accent:#248cbc;background:#d9edf9}.stats-tone-amber{--metric-accent:#d99e20;background:#fff0cf}.stats-tone-green{--metric-accent:#279b70;background:#dbf0e5}.stats-tone-red{--metric-accent:#d45962;background:#fbe1e3}.stats-instruments{grid-template-columns:minmax(224px,1.25fr) repeat(4,minmax(0,1fr));align-items:center;gap:20px;padding:22px 12px 0;display:grid}.stats-gauge{z-index:1;justify-self:center;width:100%;max-width:252px;position:relative}.stats-gauge svg{width:100%;overflow:visible}.stats-gauge p{text-align:center;color:var(--stats-muted);margin-top:-5px;font-size:12px}.stats-gauge-number{fill:var(--stats-ink);font-size:34px;font-weight:750}.stats-gauge-label{fill:var(--stats-muted);font-size:13px}.stats-scale{fill:var(--stats-ink);paint-order:stroke;stroke:var(--instrument-bg);stroke-width:3px;stroke-linejoin:round;font-size:14px;font-weight:650}.stats-needle{transform-origin:120px 120px;transform:rotate(var(--needle-angle));animation:1.4s cubic-bezier(.2,.7,.2,1) both stats-needle-enter}.stats-source{color:var(--source-color);justify-self:center;width:100%;max-width:200px;position:relative}.stats-source svg{width:100%;display:block}.stats-source-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:15%}.stats-source-label svg{width:26px;height:26px;margin-bottom:3px}.stats-source-label h2{color:var(--stats-ink);font-size:12px;font-weight:600;line-height:1.3}.stats-source-label strong{color:var(--stats-ink);font-size:24px;font-weight:750;line-height:1.1}.stats-source-label span{color:var(--stats-muted);font-size:13px}.stats-ring-progress{animation:1.2s ease-out both stats-ring-enter}.stats-city{isolation:isolate;height:126px;margin:0 -24px 22px;position:relative;overflow:hidden}.stats-city-caption{z-index:1;letter-spacing:.035em;text-align:center;color:#526e80;white-space:nowrap;font-size:15px;font-weight:600;position:absolute;top:22px;left:50%;transform:translate(-50%)}.stats-city-caption span{letter-spacing:.07em;color:#718996;margin-top:3px;font-size:12px;font-weight:400;display:block}.stats-skyline{width:100%;height:110px;position:absolute;inset:auto 0 14px}.stats-road{background:#607889;border-top:2px solid #aabec9;border-bottom:2px solid #d5e0e6;height:16px;position:absolute;bottom:0;left:0;right:0}.stats-road-dashes{background:repeating-linear-gradient(90deg,#c9e2ed 0 17px,#0000 17px 35px);width:100%;height:2px;position:absolute;top:5px}.stats-car-track{will-change:transform;width:100%;height:44px;animation:26s linear infinite stats-drive;position:absolute;bottom:4px}.stats-car{width:83px;height:44px;position:relative;overflow:visible}.stats-car-shadow{background:#193c5626;border-radius:50%;width:63px;height:4px;position:absolute;bottom:0;left:12px}.stats-wheel{animation:.8s linear infinite stats-wheel}.stats-lists{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.stats-panel{border:1px solid var(--stats-border);background:#ffffffbf;border-radius:9px;min-width:0;overflow:hidden}.stats-panel h2{border-bottom:1px solid var(--stats-border);background:#eaf5fb;align-items:center;gap:8px;padding:12px 15px;font-size:13px;font-weight:650;display:flex}.stats-panel h2 svg{color:#2186b1;width:18px;height:18px}.stats-panel-teal h2{background:#e9f6f3}.stats-panel-teal h2 svg{color:#299a88}.stats-panel-purple h2{background:#f0edf8}.stats-panel-purple h2 svg{color:#8970b6}.stats-panel ul{padding:3px 14px 8px}.stats-panel li{border-bottom:1px solid #e5eef3;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:7px 0;font-size:13px;display:flex}.stats-panel li:last-child{border:0}.stats-panel li strong{flex-shrink:0;font-weight:650}.stats-list-label{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.stats-list-label i{border-radius:2px;flex-shrink:0;width:7px;height:7px}.stats-list-label svg{color:#669a96;flex-shrink:0}.stats-deputies{max-height:263px;overflow:auto}.stats-panel-note{color:var(--stats-muted);padding:9px 15px 3px;font-size:12px;line-height:1.5}.stats-pagination{justify-content:space-between;align-items:center;padding:4px 10px;font-size:13px;display:flex}.stats-charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stats-chart{height:225px;padding:7px 12px 8px}.stats-rating-details{margin-top:18px;font-size:13px}.stats-rating-details summary{cursor:pointer;padding:14px 0;font-weight:600}.stats-rating-details summary span{color:var(--stats-muted);margin-left:12px;font-size:13px;font-weight:400}.stats-footer{color:var(--stats-muted);align-items:center;gap:7px;padding-top:18px;font-size:12px;display:flex}.stats-status-dot{background:var(--source-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.stats-empty{text-align:center;padding:18px;font-size:13px}.stats-preview[data-paused=true] *{animation-play-state:paused!important}.stats-preview a:focus-visible,.stats-preview summary:focus-visible{outline-offset:4px;outline:2px solid #187bac}@keyframes stats-drive{0%{transform:translate(-150px)}to{transform:translate(100%)}}@keyframes stats-wheel{to{transform:rotate(360deg)}}@keyframes stats-needle-enter{0%{transform:rotate(-125deg)}to{transform:rotate(var(--needle-angle))}}@keyframes stats-ring-enter{0%{stroke-dasharray:0 100}}@container (width<=1000px){.stats-charts{grid-template-columns:1fr}.stats-instruments{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-gauge{grid-column:1/-1;max-width:252px}}@container (width<=680px){.stats-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.stats-instruments{gap:10px;padding-left:0;padding-right:0}.stats-metric{gap:8px;padding:14px 10px}.stats-metric-icon{width:34px;height:34px}.stats-metric h2{font-size:13px}.stats-source-label h2{font-size:12px}.stats-source-label strong{font-size:25px}}@media (width<=760px){.stats-preview{padding:16px}.stats-brand h1{font-size:23px}.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-metric strong{font-size:29px}.stats-instruments{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:520px;margin:auto}.stats-gauge{grid-column:1/-1;max-width:235px}.stats-source{max-width:170px}.stats-source-label h2{font-size:12px}.stats-source-label strong{font-size:25px}.stats-city{height:112px;margin:0 -16px 16px}.stats-skyline{width:920px;height:96px;left:50%;transform:translate(-50%)}.stats-lists,.stats-charts{grid-template-columns:1fr}.stats-header-actions{gap:7px}.stats-header-actions button{font-size:13px}.stats-rating-details summary span{margin:5px 0;display:block}.stats-filters button{max-width:100%}.stats-chart{height:235px}}@media (prefers-reduced-motion:reduce){.stats-preview *{transition:none!important;animation:none!important}.stats-car-track{transform:translate(24%)}}.dark .stats-preview{--instrument-bg:#192d3b;--stats-ink:#e2edf4;--stats-muted:#abc1d0;--stats-border:#385363;background:#182b38}.dark .stats-metric{border-color:#385363}.dark .stats-tone-blue{background:#21465e}.dark .stats-tone-amber{background:#504429}.dark .stats-tone-green{background:#254a40}.dark .stats-tone-red{background:#513339}.dark .stats-panel{background:#203543}.dark .stats-panel h2{background:#284251}.dark .stats-panel li{border-color:#385363}
