@layer tokens,base,layout,components,utilities;:root,:root[data-theme=light],body[data-theme=light]{--color-bg: var(--ds-bg);--color-surface: var(--ds-surface);--color-surface-alt: var(--ds-surface-elevated);--color-border: var(--ds-border-subtle);--color-text: var(--ds-text);--color-text-muted: var(--ds-text-muted);--color-accent: #2f5bea;--color-accent-strong: #7fa4ff;--color-accent-soft: rgba(47, 91, 234, .12);--color-primary: #2f5bea;--color-primary-contrast: #fff;--accent-color: #2f5bea;--color-input-bg: rgba(47, 91, 234, .08);--color-input-bg-hover: rgba(47, 91, 234, .15);--surface-panel: var(--color-surface);--border-subtle: var(--color-border);--accent: var(--color-accent);--filter-height: var(--component-control-height-md);--filter-radius: var(--component-control-radius);--filter-font-size: .9rem;--filter-label-size: .82rem;--filter-padding-x: 12px;--filter-bg: var(--color-input-bg);--filter-bg-hover: var(--color-input-bg-hover);--filter-border: var(--color-border);--filter-focus-ring: 0 0 0 3px var(--color-accent-soft);--color-input-placeholder: rgba(16, 20, 32, .68);--color-success: #2ea07a;--color-warning: #d48c35;--color-danger: #e2444c;--color-danger-soft: #e2444c;--color-weekend: #c7802c;--color-weekend-soft: rgba(199, 128, 44, .2);--chart-grid: rgba(16, 20, 32, .14);--skeleton-surface: color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-alt) 12%);--skeleton-border: color-mix(in srgb, var(--color-border) 88%, transparent);--skeleton-base: color-mix(in srgb, var(--color-text-muted) 16%, transparent);--skeleton-highlight: color-mix(in srgb, var(--color-text-muted) 28%, transparent);--shadow-elevated: 0 26px 52px -28px rgba(10, 16, 28, .55);--nav-glass-bg: var(--ds-surface);--nav-glass-border: var(--ds-border-subtle);--nav-chip-bg: transparent;--nav-chip-hover: var(--ds-surface-elevated);--nav-chip-active: var(--ds-surface-elevated);--nav-focus-ring: var(--ds-focus);--nav-shadow: none;--hero-bg: var(--ds-bg);--hero-text: var(--ds-text);--hero-text-muted: var(--ds-text-muted);--hero-top-accent: var(--ds-accent);--hero-bottom-border: var(--ds-border-subtle);--hero-chip-bg: transparent;--hero-chip-border: var(--ds-border-subtle);--hero-chip-hover-bg: var(--ds-surface-elevated);--hero-chip-active-bg: var(--ds-surface-elevated);--hero-chip-color: var(--ds-text-muted);--hero-chip-active-color: var(--ds-text);--hero-action-bg: var(--ds-surface-elevated);--hero-action-border: var(--ds-border-subtle);--hero-action-color: var(--color-accent);--report-diagnosis: #0284c7;--report-age: #16a34a;--report-referral: #ef4444;--report-referral-heatmap-low: #312e81;--report-referral-heatmap-mid: #0891b2;--report-referral-heatmap-high: #fbbf24;--report-disposition-hosp-with-referral: #ef4444;--report-disposition-discharged-with-referral: rgba(239, 68, 68, .28);--report-disposition-hosp-without-referral: #2563eb;--report-disposition-discharged-without-referral: rgba(37, 99, 235, .24);--report-referral-pspc: #2563eb;--report-pspc: #f59e0b;--report-sex-1: #8b5cf6;--report-sex-2: #06b6d4;--report-sex-3: #f59e0b;--report-sex-4: #10b981;--report-heatmap: #16a34a;--report-correlation-fill: rgba(37, 99, 235, .38);--report-correlation-stroke: rgba(37, 99, 235, .9);--hero-height: 0px;--section-nav-height: 0px;--state-accent-border-34: rgba(47, 91, 234, .34);--state-accent-border-35: rgba(37, 99, 235, .35);--state-accent-border-36: rgba(47, 91, 234, .36);--state-accent-border-38: rgba(47, 91, 234, .38);--state-accent-border-42: rgba(47, 91, 234, .42);--state-accent-border-44: rgba(47, 91, 234, .44);--state-accent-inset-16: inset 0 0 0 1px rgba(47, 91, 234, .16);--state-accent-inset-18: inset 0 0 0 1px rgba(47, 91, 234, .18);--state-accent-inset-20: inset 0 0 0 1px rgba(47, 91, 234, .2);--state-focus-outline: 3px solid var(--nav-focus-ring);--state-focus-offset: 2px;--state-focus-shadow-soft: 0 0 0 2px rgba(255, 255, 255, .25);--state-focus-shadow-hero: 0 0 0 3px rgba(144, 174, 255, .38);--component-export-size: var(--component-control-height-md);--component-export-icon-size: 16px;--component-export-radius: 10px;--component-export-tooltip-radius: 8px;--component-export-tooltip-padding: 6px 10px;--component-export-tooltip-font-size: .78rem;--component-export-tooltip-shadow: var(--shadow-popover-soft);--component-export-error-border: rgba(195, 75, 85, .35);--component-export-error-border-strong: rgba(195, 75, 85, .6);--component-touch-target-size: 44px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--component-control-height-md: 44px;--component-surface-radius: 14px;--component-control-radius: 10px;--chart-height-compact: 180px;--chart-height-standard: 300px;--chart-height-analytical: 380px;--chart-height-standard-mobile: 260px;--chart-height-analytical-mobile: 320px;--state-accent-bg-08: rgba(37, 99, 235, .08);--state-accent-bg-12: rgba(37, 99, 235, .12);--shadow-soft-panel: 0 6px 18px -12px rgba(15, 23, 42, .22);--shadow-popover-soft: 0 10px 24px -18px rgba(15, 23, 42, .45);font-family:Inter,IBM Plex Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark],body[data-theme=dark]{--color-bg: #0f0f10;--color-surface: #171719;--color-surface-alt: #1f1f22;--color-border: rgba(255, 255, 255, .08);--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-accent: #6d8dff;--color-accent-strong: #a8c2ff;--color-accent-soft: rgba(109, 141, 255, .16);--color-primary: #6d8dff;--color-primary-contrast: #07111f;--accent-color: #6d8dff;--color-input-bg: rgba(255, 255, 255, .06);--color-input-bg-hover: rgba(255, 255, 255, .1);--surface-panel: var(--color-surface);--border-subtle: var(--color-border);--accent: var(--color-accent);--filter-height: var(--component-control-height-md);--filter-radius: var(--component-control-radius);--filter-font-size: .9rem;--filter-label-size: .82rem;--filter-padding-x: 12px;--filter-bg: var(--color-input-bg);--filter-bg-hover: var(--color-input-bg-hover);--filter-border: var(--color-border);--filter-focus-ring: 0 0 0 3px var(--color-accent-soft);--color-input-placeholder: rgba(244, 244, 245, .72);--color-success: #5ad29a;--color-warning: #efb24f;--color-danger: #ff4d5d;--color-danger-soft: #ff4d5d;--color-weekend: #f0a255;--color-weekend-soft: rgba(240, 162, 85, .24);--chart-grid: rgba(156, 168, 192, .26);--skeleton-surface: color-mix(in srgb, var(--color-surface) 82%, var(--color-surface-alt) 18%);--skeleton-border: color-mix(in srgb, var(--color-border) 95%, transparent);--skeleton-base: color-mix(in srgb, var(--color-text-muted) 22%, transparent);--skeleton-highlight: color-mix(in srgb, var(--color-text-muted) 38%, transparent);--shadow-elevated: 0 22px 44px -28px rgba(0, 0, 0, .7);--nav-glass-bg: var(--ds-surface);--nav-glass-border: var(--ds-border-subtle);--nav-chip-bg: transparent;--nav-chip-hover: var(--ds-surface-elevated);--nav-chip-active: var(--ds-surface-elevated);--nav-focus-ring: var(--ds-focus);--nav-shadow: none;--hero-bg: var(--ds-bg);--hero-text: var(--ds-text);--hero-text-muted: var(--ds-text-muted);--hero-top-accent: var(--ds-accent);--hero-bottom-border: var(--ds-border-subtle);--hero-chip-bg: transparent;--hero-chip-border: var(--ds-border-subtle);--hero-chip-hover-bg: var(--ds-surface-elevated);--hero-chip-active-bg: var(--ds-surface-elevated);--hero-chip-color: var(--ds-text-muted);--hero-chip-active-color: var(--ds-text);--hero-action-bg: var(--ds-surface-elevated);--hero-action-border: var(--ds-border-subtle);--hero-action-color: #e2e8f0;--report-diagnosis: #38bdf8;--report-age: #4ade80;--report-referral: #f87171;--report-referral-heatmap-low: #4338ca;--report-referral-heatmap-mid: #14b8a6;--report-referral-heatmap-high: #facc15;--report-disposition-hosp-with-referral: #f87171;--report-disposition-discharged-with-referral: rgba(248, 113, 113, .3);--report-disposition-hosp-without-referral: #60a5fa;--report-disposition-discharged-without-referral: rgba(96, 165, 250, .3);--report-referral-pspc: #60a5fa;--report-pspc: #fbbf24;--report-sex-1: #a78bfa;--report-sex-2: #22d3ee;--report-sex-3: #fbbf24;--report-sex-4: #34d399;--report-heatmap: #4ade80;--report-correlation-fill: rgba(96, 165, 250, .38);--report-correlation-stroke: rgba(147, 197, 253, .94);--state-focus-shadow-soft: 0 0 0 2px rgba(232, 236, 246, .28);--component-export-tooltip-shadow: 0 10px 24px -18px rgba(5, 10, 25, .7);--shadow-soft-panel: 0 6px 18px -12px rgba(8, 12, 32, .4);--shadow-popover-soft: 0 10px 24px -18px rgba(5, 10, 25, .7)}*{box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:Inter,IBM Plex Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}[hidden]{display:none}html{scrollbar-gutter:stable}html.global-search-open,body.global-search-open{overflow:hidden;overscroll-behavior:none}body[data-theme=dark] select option,body[data-theme=dark] select optgroup{background:var(--color-surface);color:var(--color-text)}.container{width:100%;max-width:100%;margin:0 auto;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}.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}.inline-icon-label{display:inline-flex;align-items:center;gap:8px;min-width:0}.inline-icon-label__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex:0 0 auto;color:currentColor}.inline-icon-label__icon svg{width:100%;height:100%;stroke:currentColor}.inline-icon-label__text{min-width:0}.inline-icon-label--compact .inline-icon-label__icon{width:.95em;height:.95em}.inline-icon-label--compact,.inline-icon-label--label{gap:6px}.inline-icon-label--label .inline-icon-label__icon{width:.95rem;height:.95rem;color:var(--color-text-muted)}.search-field-wrap{position:relative;display:block;width:100%}.search-field-wrap .inline-icon-label__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.search-field-wrap input{width:100%;padding-left:42px;appearance:none;-webkit-appearance:none}.search-field-wrap input[type=search]::-webkit-search-decoration,.search-field-wrap input[type=search]::-webkit-search-cancel-button,.search-field-wrap input[type=search]::-webkit-search-results-button,.search-field-wrap input[type=search]::-webkit-search-results-decoration{appearance:none;-webkit-appearance:none;display:none}@keyframes skeletonShimmer{to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;display:block;box-shadow:inset 0 0 0 1px var(--skeleton-border);background:var(--skeleton-base);border-radius:12px}.skeleton:after,.chart-card__skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,var(--skeleton-highlight) 50%,transparent 70%);transform:translate(-100%);animation:skeletonShimmer 1.4s linear infinite}.skeleton--title{height:18px;max-width:70%}.skeleton--value{height:34px;max-width:60%}.skeleton--detail{height:16px;max-width:100%}.skeleton--chip{height:12px;max-width:45%}.skeleton--chart-area{flex:1 1 auto;height:clamp(200px,28vh,320px);border-radius:16px}.skeleton--chart-area--heatmap{height:clamp(240px,34vh,380px)}.skeleton--caption{height:14px;max-width:80%}.skeleton--table-cell{width:100%;min-width:70px;max-width:none}main{flex:1;padding:24px 0 32px}.section{margin-bottom:32px}.section--compact{margin-bottom:24px}.section-band{margin-bottom:32px;padding:clamp(18px,2.6vw,32px);border-radius:clamp(20px,3vw,32px);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 26px 52px -36px #0f172a73}.section-band--trends{background:linear-gradient(180deg,var(--color-surface-alt) 0%,var(--color-surface) 100%)}body[data-theme=dark] .section-band{box-shadow:0 30px 60px -40px #04060ed9}.section-band .section{margin-bottom:24px}.section-band .section:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.section-nav__link,.section-nav__trigger,.section-nav__bar:before,.section-nav__bar:after{transition:none}.section-nav__link:hover,.section-nav__trigger:hover{transform:none}}.section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section__heading{display:flex;flex-direction:column;gap:6px;min-width:0}.section__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.section__actions{display:flex;gap:8px;align-items:center}.section__title{font-size:1.35rem;margin:0;display:inline-flex;align-items:center;gap:10px}.section-title__text{line-height:1.2}#kpiHeading,#chartHeading,#chartsOverviewHeading,#chartsHourlyHeading,#chartsHeatmapHeading,#chartsHospitalTableHeading,#recentHeading,#yearlyHeading,#summariesGroupClinicalHeading,#summariesGroupReferralHeading,#summariesGroupPspcHeading,#feedbackHeading{scroll-margin-top:calc(var(--hero-height, 0px) + 16px)}body[data-page=charts] #chartHeading,body[data-page=charts] #chartsOverviewHeading,body[data-page=charts] #chartsHourlyHeading,body[data-page=charts] #chartsHeatmapHeading,body[data-page=charts] #chartsHospitalTableHeading{scroll-margin-top:calc(var(--hero-height, 0px) + 20px)}.section__subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted)}.section__description{margin:2px 0 0;font-size:.9rem;color:var(--color-text-muted);max-width:720px}.chart-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch;grid-auto-flow:row dense}.chart-card{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);padding:16px 18px;margin:0;box-shadow:var(--shadow-soft-panel);display:flex;flex-direction:column;gap:12px;grid-column:span 4;position:relative;overflow:hidden}.kpi-hourly-chart{margin-top:18px}.chart-card--kpi-hourly{min-height:0}.chart-card__canvas--kpi-hourly{flex:0 0 auto;height:clamp(250px,30vh,320px);min-height:250px;max-height:320px}.chart-card__canvas--kpi-hourly canvas{width:100%;height:100%;min-height:0}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:center;margin-top:4px}.chart-legend__item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.chart-legend__item.is-hidden{opacity:.5;text-decoration:line-through}.chart-legend__dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #0000000f}.chart-card__skeleton{position:absolute;inset:0;display:none;flex-direction:column;gap:12px;padding:16px 18px;border:1px solid var(--skeleton-border);border-radius:inherit;background:var(--skeleton-surface);z-index:2;pointer-events:none;overflow:hidden;contain:paint}.chart-card__skeleton .skeleton:after{display:none}.chart-card[data-loading-visible=true] .chart-card__skeleton{display:flex}.chart-card__message{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;background:#94a3b824;color:var(--color-text-muted);font-weight:600;line-height:1.4;border-radius:14px;z-index:3}body[data-theme=dark] .chart-card__message{background:#1e293bd9;color:var(--color-text)}.chart-card[data-error=true] .chart-card__message{display:flex}.chart-card[data-loading-visible=true]>:not(.chart-card__skeleton),.chart-card[data-error=true]>:not(.chart-card__message){visibility:hidden}.chart-filter__segmented{width:100%;justify-content:space-between}.chart-filter__segmented .segmented-control__button{flex:1 1 0;padding-inline:10px}.segmented-control{display:inline-flex;min-height:var(--filter-height);align-items:stretch;border:1px solid var(--filter-border);border-radius:var(--filter-radius);background:var(--color-surface-alt);overflow:hidden}.segmented-control__button{min-height:var(--filter-height);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--filter-font-size);font-weight:600;line-height:1.1;padding:0 var(--filter-padding-x);cursor:pointer;transition:background .2s ease,color .2s ease}.segmented-control__button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent)}.segmented-control__button:disabled{opacity:.55;cursor:not-allowed}body[data-theme=dark] .segmented-control{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-alt));border-color:color-mix(in srgb,var(--color-accent) 28%,var(--filter-border))}body[data-theme=dark] .segmented-control__button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent)}.filter-panel{display:grid;gap:10px;padding:10px;border:1px solid var(--filter-border);border-radius:14px;background:var(--color-surface-alt)}.filter-panel__head{display:grid;gap:6px}.filter-panel__title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-panel__title{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.filter-panel__subtitle{margin:0;color:var(--color-text-muted);font-size:.84rem}.filter-panel__primary{margin:0}.filter-panel__summary-title{margin:0;color:var(--color-text-muted);font-size:var(--filter-label-size);min-width:110px}.filter-panel__summary-body{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto}.kpi-filter,.chart-filter,.feedback-filters__field{display:flex;flex-direction:column;gap:6px}.kpi-filter span,.chart-filter span,.feedback-filters__field label,.heatmap-toolbar__label{font-weight:600;font-size:var(--filter-label-size);color:var(--color-text-muted);letter-spacing:.01em}.feedback-filters__field label,.feedback-trend-card__mode-label,.compare-card__header h3{display:inline-flex;align-items:center;gap:6px}.filter-select,.kpi-filter select,.chart-filter select,.feedback-filter-select,.heatmap-toolbar select,.hourly-toolbar select{border-radius:var(--filter-radius);border:1px solid var(--filter-border);background:var(--filter-bg);color:var(--color-text);min-height:var(--filter-height);height:var(--filter-height);padding:0 var(--filter-padding-x);font-size:var(--filter-font-size);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.filter-select:hover,.filter-select:focus-visible,.kpi-filter select:hover,.kpi-filter select:focus-visible,.chart-filter select:hover,.chart-filter select:focus-visible,.feedback-filter-select:hover,.feedback-filter-select:focus-visible,.heatmap-toolbar select:hover,.heatmap-toolbar select:focus-visible,.hourly-toolbar select:hover,.hourly-toolbar select:focus-visible{background:var(--filter-bg-hover);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--filter-border))}.filter-select:focus-visible,.kpi-filter select:focus-visible,.chart-filter select:focus-visible,.feedback-filter-select:focus-visible,.heatmap-toolbar select:focus-visible,.hourly-toolbar select:focus-visible{outline:none;box-shadow:var(--filter-focus-ring)}.filter-summary,.chart-filters__summary{margin:0;font-size:var(--filter-label-size);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;max-width:100%}.feedback-chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip-button,.feedback-trend-card__button{border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease}.chip-button:hover,.chip-button:focus-visible,.feedback-trend-card__button:hover,.feedback-trend-card__button:focus-visible{background:var(--state-accent-bg-12);color:var(--color-accent);outline:none}.chip-button[aria-pressed=true],.feedback-trend-card__button[aria-pressed=true]{background:var(--color-accent);color:var(--color-primary-contrast, #fff);transform:translateY(-1px)}body[data-theme=dark] .chip-button:hover,body[data-theme=dark] .chip-button:focus-visible,body[data-theme=dark] .feedback-trend-card__button:hover,body[data-theme=dark] .feedback-trend-card__button:focus-visible{background:var(--state-accent-bg-12)}body[data-theme=dark] .chip-button[aria-pressed=true],body[data-theme=dark] .feedback-trend-card__button[aria-pressed=true]{background:var(--color-accent);color:var(--color-primary-contrast, #07111f)}.chip-button,.feedback-trend-card__button{min-height:var(--filter-height);display:inline-flex;align-items:center;justify-content:center;line-height:1.1;padding:0 var(--filter-padding-x);font-size:var(--filter-font-size)}.chip-button .inline-icon-label__icon,.feedback-trend-card__button .inline-icon-label__icon,.btn .inline-icon-label__icon{width:.95em;height:.95em}.chip-button--ghost{min-height:var(--filter-height);background:var(--color-surface-alt);border:1px dashed var(--color-border);color:var(--color-text-muted)}.chip-button--ghost:hover,.chip-button--ghost:focus-visible{color:var(--color-accent);border-color:var(--state-accent-border-35)}.chart-card--full,.chart-card--heatmap{grid-column:span 12}.chart-card--compact{gap:6px}.kpi-hourly-controls{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;padding:6px;border:1px solid var(--filter-border);border-radius:var(--filter-radius);background:var(--color-surface-alt)}.kpi-hourly-controls .chip-button{border:1px solid transparent;border-radius:calc(var(--filter-radius) - 2px);background:transparent}.kpi-hourly-controls .chip-button:hover,.kpi-hourly-controls .chip-button:focus-visible{background:var(--filter-bg-hover);border-color:color-mix(in srgb,var(--color-accent) 30%,var(--filter-border))}.kpi-hourly-controls .chip-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-primary-contrast, #fff)}body[data-theme=dark] .kpi-hourly-controls .chip-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-primary-contrast, #07111f)}.kpi-hourly-baseline-toggle{margin-left:auto;color:var(--color-text-muted)}.kpi-hourly-baseline-toggle[aria-busy=true]{position:relative;color:var(--color-text)}.kpi-hourly-baseline-toggle[aria-busy=true]:before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:8px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-accent) 26%,transparent);border-top-color:var(--color-accent);vertical-align:-.12em;animation:baselineToggleSpin .8s linear infinite}.kpi-hourly-baseline-toggle[aria-pressed=true]{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 36%,var(--filter-border));background:color-mix(in srgb,var(--color-accent-soft) 55%,transparent)}@keyframes baselineToggleSpin{to{transform:rotate(360deg)}}.chart-card--compact:not(.chart-card--kpi-hourly) canvas{min-height:var(--chart-height-compact);height:var(--chart-height-compact);max-height:var(--chart-height-compact)}.chart-card figcaption{font-size:.95rem;color:var(--color-text-muted);line-height:1.6;white-space:normal}.chart-card figcaption span{display:block;line-height:1.6}.chart-card figcaption span+span{margin-top:4px}.chart-caption__label{display:block;line-height:1.6;margin-bottom:4px}.chart-caption__context{display:block;font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.chart-card__canvas--chart{width:100%;flex:1 1 auto;min-height:var(--chart-height-standard);height:var(--chart-height-standard);display:flex}.chart-card--tall{min-height:460px}.chart-card--hourly{min-height:520px}.chart-card__canvas{width:100%;flex:1 1 auto;display:flex}.chart-card__canvas--hourly{height:var(--chart-height-analytical)}.chart-card--tall .chart-card__canvas--chart{min-height:var(--chart-height-analytical);height:var(--chart-height-analytical)}.chart-card__canvas canvas{width:100%;height:100%;min-height:0;display:block}.chart-card--hourly canvas{min-height:0;height:100%}@media(max-width:1200px){.chart-card{grid-column:span 6}.chart-card--full,.chart-card--heatmap{grid-column:span 12}}@media(max-width:640px){.kpi-controls__form{grid-template-columns:1fr}.kpi-controls__reset{justify-self:stretch}.chart-card__canvas--chart{min-height:280px;height:clamp(280px,55vh,340px)}.chart-card--tall .chart-card__canvas--chart{min-height:340px;height:clamp(340px,65vh,400px)}.chart-grid{grid-template-columns:minmax(0,1fr)}.chart-card{grid-column:1 / -1}.chart-card__toolbar{flex-direction:column;align-items:stretch}.heatmap-table{min-width:640px}.table-wrapper{max-height:360px;padding:10px}}.table-wrapper{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft-panel);padding:12px;overflow:auto;overscroll-behavior:contain;scroll-snap-type:x proximity;max-height:480px}.table-wrapper:focus-visible,.heatmap-scroll:focus-visible{outline:3px solid var(--nav-focus-ring);outline-offset:3px}.table-wrapper--full-height{max-height:none;overflow:visible}table{width:100%;border-collapse:collapse}th,td{padding:10px 14px;text-align:left;font-size:.95rem;line-height:1.4}th{font-weight:600;color:var(--color-text-muted);position:sticky;top:0;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);z-index:2}.compare-card{margin-bottom:16px;padding:18px 20px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-elevated)}.compare-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.compare-card__header h3{margin:0;font-size:1rem}.compare-card__body{margin:0;font-size:.9rem;color:var(--color-text);line-height:1.5}.sr-only{padding:0;margin:-1px}footer{padding:24px 0 36px;color:var(--color-text-muted);font-size:.85rem}.footer__meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.privacy-notice{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:min(1180px,calc(100% - 32px));margin:14px auto 0;padding:12px 14px 12px 16px;border:1px solid var(--state-accent-border-42);border-radius:14px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover-soft)}.privacy-notice>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;min-width:0;line-height:1.45}.privacy-notice a{color:var(--color-accent);font-weight:700}.privacy-notice .btn{flex:0 0 auto}dialog{width:min(720px,92vw);border:none;border-radius:24px;padding:0;background:var(--color-surface);color:var(--color-text);box-shadow:0 35px 65px -28px #0f172a8c}dialog::backdrop{background:#0f172a73;backdrop-filter:blur(4px)}dialog.global-search{width:min(760px,94vw);border-radius:20px;border:1px solid var(--color-border);background:radial-gradient(circle at 100% 0%,var(--state-accent-bg-08),transparent 54%),var(--color-surface);box-shadow:0 36px 78px -30px #0f172a9e}dialog.global-search[open]{display:block;position:fixed;top:8vh;left:50%;transform:translate(-50%);margin:0;z-index:1000}.global-search__shell{display:grid;gap:10px;max-height:min(78vh,720px)}.global-search__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 14px 0}.global-search__input{width:100%;border-radius:14px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);padding:12px 14px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.global-search__input:hover,.global-search__input:focus-visible{background:var(--color-input-bg-hover)}.global-search__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.global-search__close{border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:12px;padding:0 12px;min-width:56px;font:inherit;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.global-search__close:hover,.global-search__close:focus-visible{outline:none;background:var(--state-accent-bg-08);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent)}.global-search__help{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--color-text-muted);font-size:.8rem;padding:0 16px}.global-search__empty{margin:6px 14px 14px;border:1px dashed var(--color-border);border-radius:14px;padding:16px;color:var(--color-text-muted);text-align:center;background:var(--color-surface-alt);display:grid;gap:4px}.global-search__empty[hidden]{display:none}.global-search__empty-title{color:var(--color-text);font-size:.94rem}.global-search__empty-hint{font-size:.82rem}.global-search__results{overflow:auto;padding:0 10px 12px;display:grid;gap:8px}.global-search__group{border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface-alt) 78%,transparent);overflow:clip}.global-search__group-title{margin:0;padding:10px 12px 8px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}.global-search__group-list{display:grid}.global-search__option{width:100%;text-align:left;border:none;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);background:transparent;color:inherit;padding:10px 12px;display:grid;gap:2px;cursor:pointer}.global-search__group-list .global-search__option:first-child{border-top:none}.global-search__option:hover,.global-search__option:focus-visible,.global-search__option.is-active{outline:none;background:color-mix(in srgb,var(--state-accent-bg-08) 65%,transparent)}.global-search__option.is-active{box-shadow:inset 3px 0 0 0 var(--color-accent)}.global-search__option-title{font-weight:600;line-height:1.25}.global-search__option-subtitle{color:var(--color-text-muted);font-size:.82rem;line-height:1.3}.global-search__option mark{border-radius:4px;padding:0 2px;background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:inherit}.btn{border-radius:999px;padding:10px 20px;font-family:inherit;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,border-color .3s ease}.btn-small{min-height:var(--component-control-height-md);padding:8px 16px;font-size:.85rem}.btn-primary{background:var(--color-accent);color:var(--color-primary-contrast, #fff);box-shadow:0 12px 30px -18px color-mix(in srgb,var(--color-accent) 70%,transparent)}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px -18px color-mix(in srgb,var(--color-accent) 75%,transparent);outline:none}.btn-secondary{background:transparent;border-color:var(--state-accent-border-35);color:var(--color-accent)}.btn-secondary[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary-contrast, #fff);font-weight:600;box-shadow:0 12px 30px -18px #0f172a66}body[data-theme=dark] .btn-secondary[aria-pressed=true]{box-shadow:0 12px 30px -18px #0f172aa6}.btn-secondary:hover,.btn-secondary:focus-visible{transform:translateY(-1px);background:var(--state-accent-bg-08);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);outline:none}.btn-secondary[aria-pressed=true]:hover,.btn-secondary[aria-pressed=true]:focus-visible{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary-contrast, #fff);transform:translateY(-1px);box-shadow:0 16px 36px -18px #0f172a80;outline:none}.btn-danger{background:#f871711f;color:#b91c1c;border-color:#f8717166}.btn-danger:hover,.btn-danger:focus-visible{transform:translateY(-1px);background:#f871712e;border-color:#f871718c;outline:none}.btn-tertiary{background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted)}.btn-tertiary:hover,.btn-tertiary:focus-visible{background:var(--state-accent-bg-08);color:var(--color-accent);border-style:solid;outline:none}@media(max-width:640px){dialog{width:96vw;border-radius:18px}dialog.global-search{width:96vw;border-radius:16px}.global-search__header{grid-template-columns:1fr}.global-search__close{justify-self:end}.privacy-notice{align-items:stretch;flex-direction:column;max-width:calc(100% - 24px);margin-top:10px}.privacy-notice .btn{width:100%}}@media(max-width:900px){html,body{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}main,.container,.section,.kpi-card,.chart-card,.chart-card__canvas,canvas{touch-action:pan-y}.global-search__close{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;font-size:0}.global-search__close:before{content:"X";font-size:.95rem;font-weight:700;line-height:1}.global-search__help{display:none}}@media(min-width:431px)and (max-width:1024px){:root,:root[data-theme=light],:root[data-theme=dark],body[data-theme=light],body[data-theme=dark]{--filter-height: 44px}.container{padding-left:clamp(14px,3.2vw,26px);padding-right:clamp(14px,3.2vw,26px)}}@media(max-width:430px){:root,:root[data-theme=light],:root[data-theme=dark],body[data-theme=light],body[data-theme=dark]{--filter-height: 44px;--filter-padding-x: 14px;--mobile-page-pad: 12px;--mobile-card-gap: 12px;--mobile-card-radius: 16px}html,body{overflow-x:hidden}.container{padding-left:var(--mobile-page-pad);padding-right:var(--mobile-page-pad)}header.hero{padding:8px 0}.hero__content{gap:10px}.hero__actions{width:100%;flex-direction:column;align-items:stretch;gap:8px}.hero__status{width:100%;justify-content:flex-start;min-width:0}.hero__buttons{width:100%;justify-content:flex-start;gap:8px}button.icon-button,.hero__buttons button.icon-button,:is(.export-icon-btn,.chart-copy-btn,.chart-download-btn){width:var(--component-touch-target-size);height:var(--component-touch-target-size)}.btn,.btn-small{min-height:var(--component-touch-target-size)}.section-nav__bar{padding:4px 0}.section-nav__inner{gap:8px}.section-nav__link,.section-nav__trigger,.section-nav--compact .section-nav__link{min-height:var(--component-touch-target-size);padding:10px 14px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}.skeleton{animation:none}}.export-menu{position:relative;display:inline-flex;align-items:center}.export-menu__trigger{display:inline-flex;align-items:center;gap:.35rem}.export-menu__caret{display:inline-block;flex:0 0 auto;width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s ease}.export-menu[data-open=true] .export-menu__caret{transform:rotate(225deg)}.export-menu__list{position:absolute;top:calc(100% + .35rem);right:0;display:none;min-width:11rem;padding:.35rem;border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .14));background:var(--surface-panel, #101722);box-shadow:0 12px 28px #00000038;z-index:20}.export-menu[data-open=true] .export-menu__list{display:grid;gap:.25rem}.export-menu__item{appearance:none;border:0;width:100%;text-align:left;padding:.45rem .6rem;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.export-menu__item:hover,.export-menu__item:focus-visible{background:color-mix(in srgb,var(--accent, #2f89ff) 16%,transparent);outline:none}.export-menu__source{display:none}.table-wrapper thead th{position:sticky;top:0;z-index:2;background:var(--color-surface-alt)}.table-wrapper table th:first-child{position:sticky;left:0;z-index:3;background:var(--color-surface-alt)}.table-wrapper table td:first-child{position:sticky;left:0;background:inherit}.table-wrapper tbody tr:nth-child(2n),.table-wrapper tbody tr:nth-child(2n):not(.table-row--summary):not(.yearly-child-row)>td{background:#2563eb08}.table-wrapper tbody tr:not(.table-row--summary):not(.yearly-child-row):hover,.table-wrapper tbody tr:not(.table-row--summary):not(.yearly-child-row):hover>td{background:#2563eb0f}body[data-theme=dark] .table-wrapper tbody tr:nth-child(2n),body[data-theme=dark] .table-wrapper tbody tr:nth-child(2n):not(.table-row--summary):not(.yearly-child-row)>td{background:#60a5fa14}body[data-theme=dark] .table-wrapper tbody tr:not(.table-row--summary):not(.yearly-child-row):hover,body[data-theme=dark] .table-wrapper tbody tr:not(.table-row--summary):not(.yearly-child-row):hover>td{background:#60a5fa29}.table-row--summary{background:var(--color-surface-alt)}.table-row--summary td{background:inherit;font-weight:600;border-bottom:1px solid var(--color-border)}.table-row--weekend td:first-child{color:var(--color-weekend);font-weight:600}.table-row--selectable{cursor:pointer}.yearly-toggle{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.yearly-toggle__icon{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--color-text-muted)}.yearly-toggle[aria-expanded=true] .yearly-toggle__icon{transform:rotate(90deg);color:var(--color-accent)}.yearly-child-row{background:#2563eb0a}.yearly-child-row td{background:inherit;font-size:.92rem}.yearly-child-row td:first-child{padding-left:36px;color:var(--color-text-muted)}.yearly-month-label{display:inline-block;font-weight:600}body[data-theme=dark] .yearly-child-row{background:#60a5fa1f}.yearly-incomplete{margin-left:6px;font-weight:600;font-size:.8rem;color:var(--color-warning);text-transform:none}.recent-table__value{display:block}.table-row--selectable:hover td{background:color-mix(in srgb,var(--accent, #2f89ff) 10%,transparent)}.inline-clear-field{position:relative;display:inline-flex;width:100%}.inline-clear-field>input{width:100%}.inline-clear-field__button{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--surface-panel, #101722) 70%,var(--accent, #2f89ff) 20%);color:inherit;cursor:pointer}[data-ui-actions]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--component-control-height-md)}[data-ui-chart]{display:block;max-width:100%}[data-ui-table]{width:100%}[data-ui-disclosure][hidden],[data-ui-filter-panel][hidden]{display:none}[data-ui-async-region][aria-busy=true]{cursor:progress}@media(max-width:520px){[data-ui-actions]{justify-content:flex-start}}.app-session-warning{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:#0f172a9e}.app-session-warning[hidden]{display:none}.app-session-warning__card{display:grid;gap:14px;width:min(440px,100%);padding:22px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover-soft)}.app-session-warning__card h2,.app-session-warning__card p{margin:0}.chart-help{margin:8px 0;color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.chart-help summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 0;min-height:44px;box-sizing:border-box;color:var(--color-text);font-weight:600}.chart-help summary::-webkit-details-marker{display:none}.chart-help summary svg{flex:none;width:18px;height:18px;color:var(--color-text-muted)}.chart-help summary:hover svg,.chart-help[open] summary svg{color:var(--color-accent)}.chart-help summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.chart-help p{margin:6px 0;font-size:.8rem;line-height:1.5;font-weight:400}