:root{color-scheme:dark;--page: #0f1115;--surface: #171a21;--surface-solid: #171a21;--surface-raised: #1c2028;--sidebar-bg: #13161b;--sidebar-border: rgb(255 255 255 / .08);--sidebar-text: #eceef2;--sidebar-muted: #9aa3af;--sidebar-nav: #c4cad4;--sidebar-active: rgb(255 255 255 / .06);--accent: #4f8ff7;--accent-border: rgb(79 143 247 / .45);--accent-bg: rgb(79 143 247 / .12);--text-primary: #eceef2;--text-secondary: #a3adba;--text-muted: #6b7280;--grid: rgb(255 255 255 / .06);--axis: rgb(255 255 255 / .12);--chart-axis: #9aa3af;--chart-label: #a3adba;--heatmap-empty: rgb(255 255 255 / .03);--series: #4f8ff7;--series-band: rgb(79 143 247 / .12);--status-ok: #34d399;--status-warn: #fbbf24;--status-critical: #f87171;--panel-border: rgb(255 255 255 / .08);--panel-shadow: 0 1px 2px rgb(0 0 0 / .24);--radius: 12px;--radius-sm: 8px;--font-display: Inter, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;--gradient-blue: var(--surface);--gradient-teal: var(--surface);--gradient-orange: var(--surface);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--page: #f4f5f7;--surface: #ffffff;--surface-solid: #ffffff;--surface-raised: #ffffff;--sidebar-bg: #111827;--sidebar-border: rgb(255 255 255 / .08);--sidebar-text: #f3f4f6;--sidebar-muted: #9ca3af;--sidebar-nav: #d1d5db;--sidebar-active: rgb(255 255 255 / .08);--accent: #2563eb;--accent-border: rgb(37 99 235 / .35);--accent-bg: rgb(37 99 235 / .08);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--grid: #e5e7eb;--axis: #d1d5db;--chart-axis: #6b7280;--chart-label: #4b5563;--heatmap-empty: #f3f4f6;--series: #2563eb;--series-band: rgb(37 99 235 / .1);--status-ok: #059669;--panel-border: #e5e7eb;--panel-shadow: 0 1px 2px rgb(15 23 42 / .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page);color:var(--text-primary);line-height:1.5}button,input{font:inherit}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.app-main{min-width:0;padding:1.5rem 1.75rem 2.5rem}.dashboard{display:grid;gap:1.25rem}.sidebar{display:flex;flex-direction:column;gap:0;padding:1.25rem 0 1rem;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:.85rem;padding:0 1rem 1rem;margin-bottom:.25rem;border-bottom:1px solid var(--sidebar-border)}.sidebar__logo{width:2.5rem;height:auto;border-radius:8px}.sidebar__eyebrow{margin:0;color:var(--sidebar-muted);font-size:.75rem;font-weight:500}.sidebar__title{margin:.1rem 0 0;font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--sidebar-text)}.sidebar__tagline{margin:.15rem 0 0;color:var(--sidebar-muted);font-size:.8125rem;font-weight:500}.sidebar-nav{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;flex:1;padding:.5rem .75rem}.sidebar-nav__item{display:inline-flex;align-items:center;gap:.7rem;align-self:flex-start;margin:0;padding:.48rem .7rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-nav);font-family:Inter,system-ui,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.35;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.sidebar-nav__item.is-active{align-self:stretch;background:var(--sidebar-active);color:var(--sidebar-text);font-weight:600}.sidebar-nav__item:hover:not(.is-disabled):not(.is-active){color:var(--sidebar-text);background:#ffffff08}.sidebar-nav__item.is-disabled{color:var(--sidebar-muted);opacity:.7;cursor:not-allowed}.sidebar-nav__icon{display:grid;place-items:center;width:1.2rem;height:1.2rem;flex:0 0 auto}.sidebar-nav__item.is-active .sidebar-nav__icon{color:var(--accent)}.sidebar-nav__icon svg{width:100%;height:100%}.sidebar__footer{margin-top:auto;padding:0 .85rem;display:grid;gap:.75rem}.sidebar-status{padding:.85rem .95rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--sidebar-border)}.sidebar-status__head{display:flex;align-items:flex-start;gap:.65rem}.sidebar-status__copy{min-width:0}.sidebar-status__dot{width:.6rem;height:.6rem;margin-top:.2rem;border-radius:999px;background:#8aa8c4;flex:0 0 auto}.sidebar-status__dot.is-online{background:var(--status-ok)}.sidebar-status__eyebrow{margin:0;color:var(--sidebar-muted);font-size:.75rem;font-weight:500}.sidebar-status__value{margin:.15rem 0 0;color:var(--sidebar-text);font-size:.9375rem;font-weight:600;line-height:1.2}.sidebar-status__value.is-online{color:var(--status-ok)}.sidebar-status__value.is-offline{color:var(--status-critical)}.sidebar-status__count.is-online{color:var(--status-ok)}.sidebar-status__count.is-offline{color:var(--status-critical)}.sidebar-status__count.is-muted,.sidebar-status__sep{color:var(--sidebar-muted)}.sidebar-status__broker{margin:0}.sidebar-status__link{margin-top:.35rem;padding:0;border:none;background:none;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer}.sidebar-status__link:hover{text-decoration:underline}.camera-status-badge{flex:0 0 auto;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.camera-status-badge.is-online{color:var(--status-ok);background:#0596691f}.camera-status-badge.is-offline{color:var(--status-critical);background:#f8717124}.sidebar-cameras{list-style:none;margin:.65rem 0 0;padding:.6rem 0 0;border-top:1px solid var(--sidebar-border);display:grid;gap:.4rem;max-height:11rem;overflow:auto}.sidebar-cameras__item{display:grid;grid-template-columns:.5rem minmax(0,1fr) auto;align-items:center;gap:.45rem}.sidebar-cameras__item .sidebar-status__dot{margin-top:0}.sidebar-status__dot.is-offline{background:var(--status-critical)}.sidebar-cameras__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sidebar-text);font-size:.8rem}.sidebar-cameras__state{font-size:.72rem;font-weight:600;color:var(--sidebar-muted)}.sidebar-cameras__state.is-online{color:var(--status-ok)}.sidebar-cameras__state.is-offline{color:var(--status-critical)}.sidebar-status__updated{margin:.65rem 0 0;padding-top:.6rem;border-top:1px solid var(--sidebar-border);color:var(--sidebar-muted);font-size:.8125rem;line-height:1.45}.page-header{display:grid;gap:1rem;margin:-1.5rem -1.75rem 1.25rem;padding:1.5rem 1.75rem .85rem;position:sticky;top:0;z-index:30;background:var(--page)}.page-header__top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.page-header__title{margin:0;font-size:clamp(1.65rem,2.4vw,2rem);font-weight:600;letter-spacing:-.03em}.page-header__subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:1rem}.page-header__meta{margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem}.page-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem}.header-help{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .85rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface);color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:600;box-shadow:var(--panel-shadow)}.header-help svg{width:1.15rem;height:1.15rem}.header-help:hover{color:var(--text-primary);border-color:var(--accent-border)}.header-account{display:grid;grid-template-columns:auto minmax(0,10.5rem) auto;gap:.55rem;align-items:center;padding:.4rem .45rem .4rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.header-account__avatar{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-primary);font-size:.8rem;font-weight:600}.header-account__meta{min-width:0}.header-account__name{margin:0;color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-account__role{margin:.08rem 0 0;color:var(--text-muted);font-size:.75rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-account__logout{display:grid;place-items:center;width:1.9rem;height:1.9rem;padding:0;border:1px solid var(--panel-border);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.header-account__logout svg{width:.95rem;height:.95rem}.header-account__logout:hover{color:var(--text-primary);border-color:var(--accent-border);background:var(--accent-bg)}.page-header__filters{padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow)}.charts-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem;min-width:0}.panel{background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow)}.eyebrow{margin:0 0 .25rem;color:var(--text-muted);font-size:.8125rem;font-weight:500}.page-header__venue{margin-top:.85rem;max-width:28rem}.filter-group--venue{grid-column:1 / -1}.venue-picker{position:relative}.venue-picker--empty,.venue-picker__empty,.venue-picker__empty-result{margin:0;color:var(--text-muted);font-size:.875rem}.venue-picker__trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.venue-picker__trigger:hover,.venue-picker.is-open .venue-picker__trigger{border-color:var(--accent-border);background:var(--surface)}.venue-picker__trigger-icon,.venue-picker__trigger-chevron{display:grid;place-items:center;flex:0 0 auto;color:var(--text-muted)}.venue-picker__trigger-icon svg,.venue-picker__trigger-chevron svg{width:1.1rem;height:1.1rem}.venue-picker__trigger-copy{min-width:0;flex:1;display:grid;gap:.1rem}.venue-picker__trigger-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.venue-picker__trigger-value{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venue-picker__trigger-chevron{transition:transform .15s ease}.venue-picker.is-open .venue-picker__trigger-chevron{transform:rotate(180deg)}.venue-picker__panel{position:absolute;top:calc(100% + .45rem);left:0;z-index:30;width:min(100%,36rem);padding:.85rem;border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--surface-solid);box-shadow:0 8px 24px #00000047}.venue-picker__search{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.55rem .7rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--page)}.venue-picker__search input{width:100%;border:none;background:transparent;color:var(--text-primary);outline:none}.venue-picker__search-icon svg{width:1rem;height:1rem;color:var(--text-muted)}.venue-picker__body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:.85rem;min-height:12rem;max-height:min(24rem,55vh)}.venue-picker__section-label{margin:0 0 .55rem;color:var(--text-muted);font-size:.8125rem;font-weight:500}.venue-picker__locations,.venue-picker__halls{min-width:0;display:flex;flex-direction:column}.venue-picker__location-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;overflow:auto}.venue-picker__location{display:grid;gap:.15rem;width:100%;padding:.65rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.venue-picker__location:hover{background:#ffffff08}.venue-picker__location.is-active{background:var(--accent-bg);border-color:var(--accent-border)}.venue-picker__location-name{font-size:.9375rem;font-weight:600}.venue-picker__location-meta{color:var(--text-muted);font-size:.78rem}.venue-picker__halls-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.venue-picker__link-btn{border:none;background:transparent;color:var(--accent);font-size:.8125rem;font-weight:600;cursor:pointer}.venue-picker__hall-list{display:flex;flex-wrap:wrap;gap:.45rem;overflow:auto}.venue-picker__hall{padding:.48rem .75rem;border:1px solid var(--panel-border);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.venue-picker__hall:hover{border-color:var(--accent-border);color:var(--text-primary)}.venue-picker__hall.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.venue-picker__hall:disabled{cursor:not-allowed;opacity:.45}.venue-picker__hint{margin:.75rem 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.4}@media(max-width:720px){.page-header__venue{max-width:none}.venue-picker__panel{width:min(calc(100vw - 2rem),36rem)}.venue-picker__body{grid-template-columns:1fr;max-height:none}}.venue-selector__empty{margin:0;color:var(--text-muted);font-size:.88rem}.venue-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.venue-selector__location{padding:.85rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--page)}.venue-selector__location-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem;cursor:pointer;font-weight:600}.venue-selector__location-name{flex:1}.venue-selector__location-count{color:var(--text-muted);font-size:.78rem;font-weight:500}.venue-selector__halls{list-style:none;margin:0;padding:0 0 0 1.4rem;display:grid;gap:.35rem}.venue-selector__hall{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.filter-bar,.filter-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.filter-bar.panel,.filter-toolbar.panel{padding:1rem 1.25rem}.filter-group{display:grid;gap:.55rem}.filter-group--custom{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.segmented{display:flex;flex-wrap:wrap;gap:.45rem}.segmented__btn{border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:all .15s ease}.segmented__btn:hover{color:var(--text-primary);border-color:var(--accent-border)}.segmented__btn.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.field input,.field select{width:100%;border:1px solid var(--panel-border);background:var(--page);color:var(--text-primary);border-radius:var(--radius-sm);padding:.55rem .75rem}.datetime-field{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(5.5rem,.8fr);gap:.4rem;width:100%}.datetime-field input{width:100%;min-width:0;border:1px solid var(--panel-border);background:var(--page);color:var(--text-primary);border-radius:var(--radius-sm);padding:.55rem .75rem;font-variant-numeric:tabular-nums}.datetime-field__time{text-align:center}.ws-banner{padding:.65rem 1rem;border-radius:var(--radius-sm);background:#fab2191f;color:var(--text-secondary);border:1px solid rgb(250 178 25 / .25);font-size:.92rem}.kpi-section{display:grid;gap:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.kpi-grid--analysis{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-summary{padding:1.1rem 1.2rem}.reports-summary__label{margin:0;color:var(--text-muted);font-size:.8125rem;font-weight:500}.reports-summary__value{margin:.35rem 0 0;color:var(--text-primary);font-size:1rem;font-weight:600}.reports-summary__meta{margin:.35rem 0 0;color:var(--text-secondary);font-size:.875rem}.kpi-tile{padding:1.15rem 1.2rem;background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow)}.kpi-tile--gradient{background:var(--surface)}.kpi-tile--gradient:before{display:none}.kpi-tile--gradient-blue{border-left:3px solid var(--accent)}.kpi-tile--gradient-teal{border-left:3px solid var(--status-ok)}.kpi-tile--gradient-orange{border-left:3px solid var(--status-warn)}.kpi-tile--gradient .kpi-tile__label,.kpi-tile--gradient .kpi-tile__hint,.kpi-tile--gradient .kpi-interval-stat__label{color:var(--text-secondary)}.kpi-tile--gradient .kpi-tile__value,.kpi-tile--gradient .kpi-interval-stat__value{color:var(--text-primary)}.kpi-tile--surface{background:var(--surface)}.kpi-tile--activity{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:1rem}.kpi-tile--activity .kpi-tile__label{grid-column:1}.kpi-tile--activity .kpi-tile__value{grid-column:2;grid-row:1 / span 2;margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.kpi-tile--activity .kpi-tile__hint{grid-column:1}.kpi-interval-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.65rem 0 0}.kpi-interval-stat{margin:0}.kpi-interval-stat__label{margin:0;color:var(--text-muted);font-size:.8125rem;font-weight:500}.kpi-interval-stat__value{margin:.2rem 0 0;color:var(--text-primary);font-size:1.65rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-interval-stat__value--hero{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1}.kpi-interval-stat--primary .kpi-interval-stat__label{color:var(--text-secondary)}.kpi-tile--skeleton{min-height:118px;background:linear-gradient(90deg,#89878114,#89878129,#89878114);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.kpi-tile__label{display:flex;align-items:center;gap:.45rem;margin:0;color:var(--text-secondary);font-size:.875rem;font-weight:500}.kpi-tile__value{margin:.45rem 0 0;color:var(--text-primary);font-size:1.55rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-tile__value--hero{font-size:clamp(2rem,4vw,2.75rem);line-height:1}.kpi-tile__hint{margin:.35rem 0 0;color:var(--text-muted);font-size:.84rem}.legend-dot{width:.55rem;height:.55rem;border-radius:999px;flex:0 0 auto}.legend-dot--series{background:var(--series)}.chart{padding:1.2rem 1.25rem 1rem}.chart__head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.75rem}.chart__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.chart__subtitle{display:flex;align-items:center;gap:.45rem;margin:0;color:var(--chart-label);font-size:.9rem;font-weight:500}.chart__canvas{position:relative}.chart__svg{width:100%;height:auto;display:block;touch-action:none}.chart-grid{stroke:var(--grid);stroke-width:1}.chart-axis{fill:var(--chart-axis);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.chart-band{fill:var(--series-band)}.chart-line{stroke:var(--series);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:var(--series)}.chart-point-ring{fill:var(--surface);stroke:var(--series);stroke-width:2}.chart-peak-label{fill:var(--chart-label);font-size:12px;font-weight:700}.chart-crosshair{stroke:var(--axis);stroke-width:1;stroke-dasharray:4 4}.chart-tooltip{position:absolute;top:.5rem;transform:translate(-50%);min-width:132px;padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);pointer-events:none}.chart-tooltip__time,.chart-tooltip__meta,.chart-tooltip__row{margin:0;color:var(--chart-label);font-size:.82rem}.chart-tooltip__value{margin:.1rem 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.chart-tooltip__row{margin-top:.2rem;font-variant-numeric:tabular-nums}.chart-tooltip__row strong{color:var(--text-primary)}.chart__empty{padding:3rem 1rem;text-align:center;color:var(--chart-label);border:1px dashed var(--grid);border-radius:var(--radius-sm)}.heatmap{min-width:0}.heatmap__head{align-items:flex-start;flex-wrap:wrap;gap:.85rem 1.25rem}.heatmap__heading{display:grid;gap:.2rem;min-width:0}.heatmap__heading .chart__subtitle{display:block}.heatmap__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-left:auto}.heatmap__week-field{min-width:16rem}.heatmap__week-field select{min-height:2.4rem}.heatmap__wrap{display:grid;gap:1rem;min-width:0;width:100%}.heatmap-grid{display:grid;grid-template-columns:1.75rem repeat(48,minmax(0,1fr));gap:1px;width:100%;min-width:0}.heatmap-grid__corner{min-height:1.1rem}.heatmap-grid__hour{color:var(--chart-label);font-size:clamp(.48rem,.55vw,.62rem);font-weight:700;font-variant-numeric:tabular-nums;text-align:center;padding-bottom:.1rem;overflow:hidden;line-height:1}.heatmap-grid__day{display:grid;place-items:center;color:var(--chart-label);font-size:.72rem;font-weight:700;line-height:1}.heatmap-grid__hour--half{visibility:hidden}.heatmap-grid__cell{min-height:1.2rem;border-radius:2px;cursor:default}.heatmap-grid__cell--empty{background:transparent;box-shadow:inset 0 0 0 1px var(--grid)}.heatmap-grid__cell:not(.heatmap-grid__cell--empty){box-shadow:none}.heatmap-legend{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem .5rem;padding-top:.25rem}.heatmap-legend__item{display:grid;gap:.25rem;justify-items:center}.heatmap-legend__swatch{width:100%;height:.65rem;border-radius:2px;border:1px solid var(--panel-border)}.heatmap-legend__label{color:var(--chart-label);font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.heatmap__controls{margin-left:0;width:100%}.heatmap__week-field{min-width:0;flex:1}.heatmap-grid{grid-template-columns:1.5rem repeat(48,minmax(0,1fr))}.heatmap-grid__cell{min-height:0}.heatmap-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}.data-panel{overflow:hidden}.data-panel__summary{cursor:pointer;padding:1rem 1.25rem;font-weight:600;list-style:none}.data-panel__summary::-webkit-details-marker{display:none}.data-panel__body{padding:0 1.25rem 1.25rem;display:grid;gap:.85rem}.data-panel__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.data-panel__export{display:grid;gap:.45rem;min-width:min(100%,28rem)}.data-panel__export-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.55rem .95rem;font-size:.92rem;cursor:pointer;text-decoration:none;border:1px solid transparent}.button--secondary{background:transparent;border-color:var(--panel-border);color:var(--text-secondary)}.button--secondary:hover{color:var(--text-primary);border-color:var(--accent-border)}.data-panel__status{margin:0;font-size:.9rem}.data-panel__status--ok{color:var(--status-ok)}.data-panel__status--error{color:var(--status-critical)}.data-panel__table-wrap{overflow:auto;border:1px solid var(--panel-border);border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--grid)}.data-table th{color:var(--text-muted);font-size:.8125rem;font-weight:500}.data-table tbody tr:last-child td{border-bottom:none}.data-table__empty{text-align:center;color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0f1115b8}.modal{width:min(920px,100%);max-height:min(90vh,900px);overflow:auto;padding:1.25rem}.modal__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.modal__title{margin:0;font-size:1.35rem}.modal__close{border:none;background:transparent;color:var(--text-secondary);font-size:1.6rem;line-height:1;cursor:pointer}.modal__error{margin:0 0 1rem;color:var(--status-critical)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.settings-section{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--page)}.settings-section__title{margin:0;font-size:1rem}.settings-section__hint{margin:0;color:var(--text-muted);font-size:.88rem}.settings-section__error{margin:0;color:var(--status-critical);font-size:.88rem}.settings-section__success{margin:.5rem 0 0;color:#15803d;font-size:.88rem}.api-key-token{display:block;margin-top:.45rem;padding:.55rem .7rem;overflow-x:auto;word-break:break-all;font-size:.82rem;background:var(--page);border:1px solid var(--panel-border);border-radius:var(--radius-sm)}.field__hint{color:var(--text-muted);font-size:.8rem}.settings-section__actions{display:flex;flex-wrap:wrap;gap:.55rem}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.button--primary:hover{filter:brightness(1.05)}.button--danger{background:#d03b3b14;border-color:#d03b3b40;color:var(--status-critical)}.camera-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.camera-list__item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm)}.camera-list__item.is-active{border-color:var(--accent-border);background:var(--accent-bg)}.camera-list__title{margin:0;font-weight:600}.camera-list__meta{margin:.2rem 0 0;color:var(--text-secondary);font-size:.88rem}.camera-list__actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.camera-list__badge{color:var(--status-ok);font-size:.82rem;font-weight:600}.settings-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.settings-nav__tab{border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);border-radius:999px;padding:.35rem .85rem;cursor:pointer;font:inherit}.settings-nav__tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.camera-list__row{display:flex;justify-content:space-between;gap:1rem;align-items:center;width:100%}.camera-list__item.is-open{flex-direction:column;align-items:stretch}.user-detail{display:grid;gap:1rem;width:100%;padding-top:.85rem;border-top:1px solid var(--panel-border)}.user-detail__block{display:grid;gap:.65rem}.user-detail__title{margin:0;font-size:.95rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.heatmap-compare{display:grid;gap:1rem}.heatmap-compare__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.85rem 1.1rem}.heatmap-compare__label{margin:0;font-weight:600}.heatmap-compare__toolbar .heatmap__controls{margin-left:0}.heatmap-compare__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.heatmap-compare__hint{margin:0;color:var(--text-muted);font-size:.875rem}.login-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.15rem 1.5rem;margin-bottom:1.25rem}.login-setup__fieldset--full{grid-column:1 / -1}.login-setup__fieldset{border:0;margin:0;padding:0;display:grid;gap:.55rem}.login-setup__actions{display:flex;justify-content:flex-end;gap:.65rem}.login-setup__checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.6rem 1rem}.login-setup__check{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer}.login-setup__check input{accent-color:var(--accent)}.login-setup__check-text{flex:1;min-width:0}.login-setup__check-label{display:block;font-weight:600}.login-setup__check-hint{display:block;font-size:.78rem;color:var(--text-muted)}.overview-empty{padding:1.5rem;color:var(--text-muted)}.panel-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:5.5rem;height:3.25rem;padding:.35rem;border:1px solid var(--panel-border);border-radius:6px;background:var(--page);color:var(--accent)}.panel-thumb.is-off{border-style:dashed;background:transparent;color:var(--text-muted);opacity:.5}.panel-thumb__kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:100%}.panel-thumb__tile{display:grid;gap:2px;padding:2px 3px;border-radius:2px;background:currentColor;opacity:.18}.panel-thumb__tile-label{height:2px;width:70%;border-radius:1px;background:var(--page)}.panel-thumb__tile-value{height:4px;width:45%;border-radius:1px;background:var(--page)}.panel-thumb__chart{width:100%;height:100%}.panel-thumb__heat{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%}.panel-thumb__cell{height:.6rem;border-radius:2px;background:currentColor}.panel-thumb__rows{display:grid;gap:3px;width:100%}.panel-thumb__line{height:4px;border-radius:2px;background:currentColor;opacity:.3}.panel-thumb__line.is-head{opacity:.7}@media(max-width:1100px){.login-setup{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.login-setup,.login-setup__checks{grid-template-columns:1fr}}@media(max-width:1100px){.charts-grid,.heatmap-compare__grid{grid-template-columns:1fr}}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:column;padding:1rem .75rem}.sidebar__brand{margin-bottom:0;padding-bottom:1rem}.sidebar-nav{padding:.35rem .5rem}.sidebar{position:static;height:auto;overflow:visible}.sidebar__footer{margin-top:0}.sidebar-status{height:auto}.settings-grid{grid-template-columns:1fr}.camera-list__item{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:1fr}.page-header__top{flex-direction:column}.page-header__actions{justify-content:flex-start}}@media(max-width:560px){.app-main{padding:1rem}.page-header{margin:-1rem -1rem 1.25rem;padding:1rem 1rem .75rem}.header-account{grid-template-columns:auto minmax(0,1fr) auto;max-width:100%}.header-help__label{display:none}.sidebar-nav,.kpi-tile--activity{grid-template-columns:1fr}.kpi-tile--activity .kpi-tile__value{grid-column:1;grid-row:auto;margin-top:.35rem}.chart__head{flex-direction:column;align-items:flex-start}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--page: #f4f5f7;--surface: #ffffff;--surface-solid: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--grid: #e5e7eb;--axis: #d1d5db;--chart-axis: #6b7280;--chart-label: #4b5563;--heatmap-empty: #f3f4f6;--series: #2563eb;--series-band: rgb(37 99 235 / .1);--panel-border: #e5e7eb;--panel-shadow: 0 1px 2px rgb(15 23 42 / .06)}}@media(prefers-reduced-motion:reduce){.kpi-tile--skeleton{animation:none}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--page)}.login-shell__loading{color:var(--text-muted)}.login-card{width:min(100%,28rem);padding:2rem}.login-card--wide{width:min(100%,80rem)}.login-card__brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-card__logo{border-radius:1rem}.login-card__title{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.login-card__subtitle{margin:.25rem 0 0;color:var(--text-muted)}.login-form{display:grid;gap:1rem}.login-form__error{margin:0;color:#dc2626}.login-form__submit{width:100%}.login-card__hint{margin:1.25rem 0 0;color:var(--text-muted);font-size:.875rem;line-height:1.5}.checkbox-list{display:grid;gap:.5rem}.checkbox-list__item{display:flex;align-items:center;gap:.5rem}.checkbox-list__item.location-choice{display:grid;gap:.1rem;align-items:start}.location-choice__row{display:flex;align-items:center;gap:.5rem}.location-choice__halls{margin-left:1.55rem;color:var(--text-muted);font-size:.82rem}