:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.viz-root{--brand-red:#ff3547;--brand-red-dim:#c81f30;--page:#f7f4f4;--surface-1:#fff;--text-primary:#120608;--text-secondary:#5a4a4c;--text-muted:#8f8082;--gridline:#ecdfe0;--baseline:#d9c6c8;--border:rgba(18,6,8,.1);--series-1:var(--brand-red);--series-2:#c9992e;--series-3:#2b2b2b;--seq-450:var(--brand-red);--warning:#c9992e;--critical:var(--brand-red);--status-bg-warning:#f7ecd9;--status-bg-critical:#fbe4e4;--hover-wash:rgba(18,6,8,.05);background:var(--page);color:var(--text-primary);min-height:100vh}.viz-root[data-theme=dark]{color-scheme:dark;--brand-red:#ff3b4e;--brand-red-dim:#ff6472;--page:#000;--surface-1:#121012;--text-primary:#fff;--text-secondary:#b8adae;--text-muted:#7d7274;--gridline:#262223;--baseline:#3a3335;--border:hsla(0,0%,100%,.09);--series-1:var(--brand-red);--series-2:#e3b23c;--series-3:#e8e2e3;--seq-450:var(--brand-red);--warning:#e3b23c;--critical:var(--brand-red);--status-bg-warning:#2a2210;--status-bg-critical:#2a1113;--hover-wash:hsla(0,0%,100%,.06)}@media (prefers-color-scheme:dark){.viz-root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--brand-red:#ff3b4e;--brand-red-dim:#ff6472;--page:#000;--surface-1:#121012;--text-primary:#fff;--text-secondary:#b8adae;--text-muted:#7d7274;--gridline:#262223;--baseline:#3a3335;--border:hsla(0,0%,100%,.09);--series-1:var(--brand-red);--series-2:#e3b23c;--series-3:#e8e2e3;--seq-450:var(--brand-red);--warning:#e3b23c;--critical:var(--brand-red);--status-bg-warning:#2a2210;--status-bg-critical:#2a1113;--hover-wash:hsla(0,0%,100%,.06)}}.viz-root{border-top:3px solid var(--brand-red)}.wrap{max-width:1140px;margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px}.brand-mark{display:flex;align-items:center;margin-bottom:12px}.brand-mark .brand-logo{height:26px;width:auto;display:block}h1{font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.subtitle{font-size:14px;margin:0}.subtitle,.theme-toggle{color:var(--text-secondary)}.theme-toggle{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{border-color:var(--brand-red);color:var(--text-primary)}.client-row{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap;align-items:center}.pill{font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-1)}.pill.active{background:var(--series-1);color:#fff;border-color:var(--series-1);font-weight:600}.location-select{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:24px;position:relative}.filter-label{font-size:12px;color:var(--text-muted)}.range-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.range-btn svg{width:14px;height:14px;color:var(--text-muted)}.range-panel{position:absolute;top:40px;left:0;z-index:20;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);width:260px;display:none;overflow:hidden}.range-panel.open{display:block}.range-panel .preset{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;cursor:pointer;color:var(--text-primary)}.range-panel .preset:hover{background:var(--hover-wash)}.range-panel .preset .check{width:16px;height:16px;flex:none;color:var(--series-1);visibility:hidden}.range-panel .preset.selected .check{visibility:visible}.range-panel .preset.selected{font-weight:650}.range-panel .custom-footer{border-top:1px solid var(--border);padding:12px 14px}.range-panel .custom-footer label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:3px}.range-panel .custom-footer input{width:100%;font-size:12px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--page);color:var(--text-primary);margin-bottom:8px;font-family:inherit}.range-panel .apply-btn{width:100%;background:var(--series-1);color:#fff;border:none;border-radius:6px;padding:8px;font-size:12px;font-weight:650;cursor:pointer}.range-note{font-size:11px;color:var(--text-muted)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:10px}.tile{background:var(--surface-1);border-radius:12px;padding:16px 18px;border:1px solid var(--border);border-top:2px solid transparent;transition:border-color .15s}.tile:hover{border-top-color:var(--brand-red)}.tile .label{font-size:12px;color:var(--text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tile .value{font-size:28px;font-weight:700;margin:0;letter-spacing:-.01em}.tile .sub{margin:6px 0 0}.lifetime-note,.tile .sub{font-size:12px;color:var(--text-muted)}.lifetime-note{margin:0 0 24px}.callouts{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.callout{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.45;border:1px solid var(--border)}.callout.critical{background:var(--status-bg-critical)}.callout.warning{background:var(--status-bg-warning)}.callout .icon{flex:none;width:18px;height:18px;margin-top:1px}.callout .icon.critical-i{color:var(--critical)}.callout .icon.warning-i{color:var(--warning)}.callout strong{color:var(--text-primary)}.callout span.body{color:var(--text-secondary)}.section-title{font-size:15px;font-weight:650;margin:0 0 12px;color:var(--text-primary)}.section{margin-bottom:28px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:0 8px 8px}table.data td,table.data th{border-bottom:1px solid var(--gridline)}table.data td{padding:10px 8px;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data td.dim{color:var(--text-secondary);font-feature-settings:normal;font-variant-numeric:normal}table.data tr:last-child td{border-bottom:none}.swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px}.legend{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;font-size:12px;color:var(--text-secondary)}.legend-item .swatch{width:10px;height:10px;border-radius:2px}.chart-caption{font-size:12px;color:var(--text-muted);margin:10px 0 0}details.table-toggle{margin-top:10px}details.table-toggle summary{font-size:12px;color:var(--text-secondary);cursor:pointer}details.table-toggle table.data{margin-top:10px}.funnel-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.funnel-label{width:168px;font-size:12px;color:var(--text-secondary);flex:none;text-align:right}.funnel-track{flex:1 1;height:22px;position:relative;background:var(--gridline);border-radius:4px}.funnel-bar{height:100%;border-radius:4px;background:var(--seq-450);min-width:2px}.funnel-value{font-size:12px;color:var(--text-primary);font-weight:600;margin-left:8px;width:34px;flex:none}footer.notes{border-top:1px solid var(--border);margin-top:8px;padding-top:16px;font-size:12px;color:var(--text-muted);line-height:1.6}.chart-tooltip{position:absolute;pointer-events:none;background:var(--text-primary);color:var(--page);font-size:11px;padding:6px 9px;border-radius:6px;opacity:0;transition:opacity .08s;z-index:30;white-space:nowrap;line-height:1.5}.chart-tooltip.show{opacity:1}.chart-tooltip .row{display:flex;align-items:center;gap:5px}.chart-tooltip .key{width:7px;height:7px;border-radius:2px;display:inline-block}svg.chart-svg rect.bar-hit{cursor:pointer}svg.chart-svg rect.bar-hit:focus,svg.chart-svg rect.bar-hit:hover{outline:none}.empty-state{padding:60px 20px;text-align:center;color:var(--text-muted)}@media (max-width:720px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.funnel-label{width:120px}}