:root{--font-sans: var(--main-font, Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif);--font-mono: var(--main-font-data, "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif);--brand-700: var(--backgrounds-primary-brand, #25477b);--brand-600: var(--backgrounds-reverse-2, #2f5b9d);--action-primary: var(--action-primary--default, #0078d3);--action-primary-hover: var(--action-primary--hover, #005aa8);--action-primary-active: var(--action-primary--active, #004080);--text-primary-app: var(--text-primary, #1f2833);--text-secondary-app: var(--text-secondary, #4e677e);--text-muted-app: var(--text-placeholder, #8da4b9);--text-inverse-app: var(--text-reverse-primary, #ffffff);--surface-main: var(--backgrounds-main, #ffffff);--surface-canvas: var(--backgrounds-content-0, #f9fafb);--surface-subtle: var(--backgrounds-content-1, #f2f5f7);--surface-muted: var(--backgrounds-content-2, #d9e1e8);--surface-hover: var(--backgrounds-hover, #e6ebef);--border-default: var(--borders-general, #c0ccd8);--border-strong: var(--borders-secondary, #748faa);--border-focus: var(--borders-form-field--active, #0078d3);--state-success-bg: var(--accents-success--main, #edfef2);--state-success-fg: var(--accents-success--detail, #2b6436);--state-warning-bg: var(--accents-warning--main, #fef7ed);--state-warning-fg: var(--accents-warning--detail, #59480d);--state-danger-bg: var(--accents-error--main, #ffeceb);--state-danger-fg: var(--accents-error--detail, #a01f0e);--state-info-bg: var(--accents-general--main, #ebf6ff);--state-info-fg: var(--accents-general--detail, #25477b);--on-brand-primary: #ffffff;--on-brand-secondary: #c0ccd8;--on-brand-muted: #8da4b9;--on-brand-surface: rgba(255, 255, 255, .08);--on-brand-surface-hover: rgba(255, 255, 255, .14);--on-brand-surface-active: rgba(255, 255, 255, .2);--color-primary: var(--brand-700);--color-primary-dark: var(--brand-600);--color-accent: var(--action-primary);--color-background: var(--surface-subtle);--color-surface: var(--surface-main);--color-text: var(--text-primary-app);--color-text-primary: var(--text-primary-app);--color-text-secondary: var(--text-secondary-app);--color-text-muted: var(--text-muted-app);--color-success: var(--state-success-fg);--color-warning: var(--state-warning-fg);--color-danger: var(--state-danger-fg);--color-error: var(--state-danger-fg);--color-info: var(--state-info-fg);--color-border: var(--border-default);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-1: 0 1px 3px rgba(31, 40, 51, .08);--shadow-2: 0 6px 16px rgba(31, 40, 51, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text-primary)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sidebar{width:100%;min-width:0;height:100vh;background:#f2f5f7;border-right:1px solid var(--border-default);display:flex;flex-direction:column;z-index:100}.sidebar--collapsed{align-items:center}.sidebar__toggle{margin:16px auto;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:var(--surface-main);color:var(--text-secondary-app);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar__toggle:hover{background:var(--surface-hover);color:var(--text-primary-app)}.sidebar__header{padding:20px 20px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default)}.sidebar__logo h1{color:var(--text-primary-app);font-size:1.375rem;font-weight:700;margin:0;line-height:1.1}.sidebar__logo .subtitle{color:var(--text-secondary-app);font-size:.75rem;font-weight:500}.sidebar__build-meta{display:block;margin-top:2px;font-size:.62rem;color:var(--text-muted-app);opacity:.9}.sidebar__zone-toggle{background:transparent;border:none;color:var(--text-secondary-app);cursor:pointer;font-size:1.1rem;padding:4px;border-radius:var(--radius-sm);transition:color .2s,background .2s}.sidebar__zone-toggle:hover{color:var(--text-primary-app);background:var(--surface-hover)}.sidebar__zones{flex:1;min-height:0;display:flex;flex-direction:column}.sidebar__search{padding:14px 20px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:30px;color:var(--text-muted-app);display:flex;align-items:center}.sidebar__search-input{width:100%;background:var(--surface-main);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 10px 10px 36px;color:var(--text-primary-app);font-size:.85rem;transition:border-color .2s ease,background .2s ease}.sidebar__search-input:focus{border-color:var(--border-focus);background:var(--surface-main);outline:none}.sidebar__search-input::placeholder{color:var(--text-muted-app)}.sidebar__list{flex:1;overflow-y:auto;padding:0 8px 18px}.sidebar__zone{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary-app);cursor:pointer;font-size:.85rem;font-family:inherit;text-align:left;transition:background .2s,color .2s;content-visibility:auto;contain-intrinsic-size:auto 40px}.sidebar__zone:hover{background:var(--surface-hover);color:var(--text-primary-app)}.sidebar__zone--active{background:var(--action-primary);color:var(--text-inverse-app)!important;font-weight:600;box-shadow:none}.sidebar__zone--active:hover{background:var(--action-primary);color:var(--text-inverse-app)!important}.sidebar__zone-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__zone-badge{background:var(--surface-muted);padding:1px 8px;border-radius:10px;font-size:.7rem;font-weight:700;min-width:24px;text-align:center;color:var(--text-secondary-app)}.sidebar__zone--active .sidebar__zone-badge,.sidebar__zone--active:hover .sidebar__zone-badge{background:#ffffff38;color:var(--text-inverse-app)}.sidebar__loading,.sidebar__empty,.sidebar__error{margin:10px 12px;padding:12px;border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary-app);background:var(--surface-main);border:1px solid var(--border-default)}.sidebar__api-note{margin-top:.5rem;font-size:.7rem;color:var(--text-muted-app)}.sidebar__debug{padding:10px 12px 14px;font-size:10px;color:var(--text-muted-app);border-top:1px solid var(--border-default)}.sidebar__debug-error{color:var(--state-danger-bg)}.kpi-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.kpi-tile{background:var(--surface-main);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-default);border-top:3px solid var(--border-default);box-shadow:var(--shadow-1);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;font-family:inherit}.kpi-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.kpi-tile:focus{outline:2px solid var(--border-focus);outline-offset:2px}.kpi-tile--critical{border-top-color:var(--state-danger-fg)}.kpi-tile--silent{border-top-color:var(--text-secondary-app)}.kpi-tile--dormant{border-top-color:var(--state-warning-fg)}.kpi-tile--charging{border-top-color:var(--action-primary)}.kpi-tile--camera{border-top-color:var(--brand-700)}.kpi-tile--active{box-shadow:inset 0 0 0 1.5px var(--action-primary);background:var(--state-info-bg);border-color:var(--action-primary)}.kpi-tile--active.kpi-tile--critical{box-shadow:inset 0 0 0 1.5px var(--state-danger-fg);background:var(--state-danger-bg);border-color:var(--state-danger-fg)}.kpi-tile--active.kpi-tile--silent{box-shadow:inset 0 0 0 1.5px var(--text-secondary-app);background:var(--surface-canvas);border-color:var(--text-secondary-app)}.kpi-tile--active.kpi-tile--dormant{box-shadow:inset 0 0 0 1.5px var(--state-warning-fg);background:var(--state-warning-bg);border-color:var(--state-warning-fg)}.kpi-tile--active.kpi-tile--charging{box-shadow:inset 0 0 0 1.5px var(--action-primary);background:var(--state-info-bg);border-color:var(--action-primary)}.kpi-tile--active.kpi-tile--camera{box-shadow:inset 0 0 0 1.5px var(--brand-700);background:var(--state-info-bg);border-color:var(--brand-700)}.kpi-tile--active:hover{transform:translateY(0)}.kpi-tile__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.kpi-tile__icon{color:var(--text-muted-app)}.kpi-tile--critical .kpi-tile__icon{color:var(--state-danger-fg)}.kpi-tile--silent .kpi-tile__icon{color:var(--text-secondary-app)}.kpi-tile--charging .kpi-tile__icon{color:var(--action-primary)}.kpi-tile--camera .kpi-tile__icon{color:var(--brand-700)}.kpi-tile__value{display:block;font-size:2.5rem;font-weight:700;color:var(--text-primary-app);line-height:1;margin-bottom:var(--spacing-sm)}.kpi-tile__label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary-app);letter-spacing:.05em}.kpi-tile__description{display:block;font-size:.75rem;color:var(--text-muted-app);margin-top:2px}.kpi-tile__filter-badge{display:none}.kpi-tile--loading{pointer-events:none}.kpi-tile--loading .kpi-tile__value{background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-canvas) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);color:transparent}@media(max-width:1200px){.kpi-tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.kpi-tiles{grid-template-columns:repeat(2,1fr)}.kpi-tile__value{font-size:1.5rem}}@media(max-width:480px){.kpi-tiles{grid-template-columns:1fr}}.ah-dashboard{padding:20px;background-color:var(--surface-canvas);font-family:var(--font-sans);color:var(--text-primary-app);height:100%;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.ah-header{margin-bottom:24px}.ah-title-row{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.ah-title-row h2{font-size:20px;font-weight:700;margin:0}.ah-make-model{font-size:16px;color:var(--text-secondary-app);font-weight:500}.ah-vin{font-size:14px;color:var(--text-secondary-app);background:var(--surface-muted);padding:2px 6px;border-radius:4px}.ah-status-banner{background:var(--surface-main);border:1px solid var(--border-default);border-left:4px solid var(--state-success-fg);padding:16px;border-radius:4px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-1)}.ah-status-icon{font-size:20px}.ah-status-text{display:flex;flex-direction:column}.ah-status-sub{font-size:13px;color:var(--text-secondary-app);margin-top:2px}.ah-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.ah-col h3{font-size:14px;text-transform:uppercase;color:var(--text-secondary-app);letter-spacing:.5px;margin-top:0;margin-bottom:8px}.ah-divider{border:0;height:2px;background:var(--border-strong);width:60px;margin:0 0 20px}.ah-cards-row{display:flex;gap:20px}.ah-card{background:var(--surface-main);border:1px solid var(--border-default);border-radius:var(--radius-md);flex:1;display:flex;flex-direction:column}.ah-card--full-width{flex:1 1 100%;width:100%}.ah-card-header{background:var(--surface-subtle);padding:12px 16px;border-bottom:1px solid var(--border-default);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;justify-content:space-between}.ah-card-subtitle{font-size:12px;font-weight:500;color:var(--text-secondary-app)}.ah-card-body{padding:16px;font-size:14px}.ah-stat-row{display:flex;justify-content:space-between;margin-bottom:12px}.ah-stat-row .label{color:var(--text-secondary-app)}.ah-stat-row .value{font-weight:700;color:var(--text-primary-app)}.ah-divider-mini{height:1px;background:var(--border-default);margin:12px 0}.ah-fault-item{display:flex;flex-direction:column;margin-bottom:10px;padding:8px;border-left:3px solid var(--border-default);background:var(--surface-canvas)}.ah-fault-item.critical,.ah-fault-item.severe{border-left-color:var(--state-danger-fg);background:var(--state-danger-bg)}.ah-fault-item.warning{border-left-color:var(--state-warning-fg)}.ah-fault-item .code{font-weight:700;font-size:11px;background:var(--surface-muted);padding:1px 4px;border-radius:3px;margin-right:6px;color:var(--text-secondary-app)}.ah-fault-item .desc{font-size:14px;font-weight:500;color:var(--text-primary-app);line-height:1.4}.ah-count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--state-danger-fg);color:var(--text-inverse-app);font-size:10px;font-weight:700;border-radius:10px;padding:0 6px;height:16px;margin-left:8px;vertical-align:middle}.ah-fault-item .date{display:block;font-size:11px;color:var(--text-secondary-app);margin-top:4px}.ah-fault-main{display:flex;align-items:baseline;flex-wrap:wrap}.ah-empty-text{font-style:italic;color:var(--text-muted-app)}.ah-device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 16px 0}.device-type{font-weight:700;color:var(--text-primary-app)}.device-status-pill{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;background:var(--state-success-bg);color:var(--state-success-fg)}.device-status-pill.offline{background:var(--state-danger-bg);color:var(--state-danger-fg)}.ah-device-details{padding:0 16px}.ah-detail-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px}.ah-detail-row span{color:var(--text-secondary-app)}.ah-device-faults-section{margin-top:16px;border-top:1px solid var(--border-default);padding:16px;background-color:var(--surface-canvas)}.ah-device-faults-section h4{margin:0 0 10px;font-size:13px}.ah-device-fault-row{display:flex;align-items:center;font-size:13px;gap:8px;color:var(--state-danger-fg);margin-bottom:4px}@media(max-width:1024px){.ah-grid{grid-template-columns:1fr}.ah-cards-row{flex-direction:column}}.fault-buckets{display:flex;flex-direction:column;gap:16px;padding:0}.fault-buckets--compact{gap:12px}.fault-buckets--empty{padding:40px 20px}.fault-buckets__empty-state{text-align:center;color:var(--color-text-muted)}.fault-buckets__empty-state .empty-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.fault-buckets__empty-state p{margin:0;font-size:14px}.fault-bucket{background:var(--surface-main);border:1px solid var(--border-default);border-left:3px solid;border-radius:var(--radius-sm);overflow:hidden}.fault-bucket__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-subtle);border-bottom:1px solid var(--border-default)}.fault-bucket__title{display:flex;align-items:center;gap:10px}.fault-bucket__icon{display:flex;align-items:center;justify-content:center}.fault-bucket__title h4{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.fault-bucket__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:var(--surface-muted);border-radius:10px;font-size:12px;font-weight:600;color:var(--color-text-primary)}.fault-bucket__critical-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-danger);color:var(--text-inverse-app);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:3px}.fault-bucket__critical-badge svg{flex-shrink:0}.fault-bucket__content{padding:8px;display:flex;flex-direction:column;gap:6px}.fault-item{display:flex;align-items:flex-start;padding:10px 12px;background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:3px;transition:background .15s ease}.fault-item:hover{background:var(--surface-hover)}.fault-item--compact{padding:8px 10px}.fault-item__main{display:flex;align-items:flex-start;gap:10px;width:100%}.fault-item__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:4px}.fault-item__info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.fault-item__description{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fault-item__code{flex-shrink:0;padding:2px 6px;background:var(--surface-muted);color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:2px}.fault-item__text{color:var(--color-text-primary);font-size:13px;line-height:1.4}.fault-item__text--critical{color:var(--color-danger);font-weight:600}.fault-item__count-badge{flex-shrink:0;padding:2px 6px;background:var(--surface-muted);color:var(--color-text-secondary);font-size:11px;font-weight:700;border-radius:8px}.fault-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fault-item__date{color:var(--color-text-muted);font-size:11px}.fault-item__tag{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:2px}.fault-item__tag--danger{background:var(--color-danger);color:var(--text-inverse-app)}.fault-item__tag--emissions{background:var(--state-warning-fg);color:var(--text-inverse-app)}.fault-item__tag--severity{border:1px solid transparent}.fault-item__tag--severity-critical,.fault-item__tag--severity-severe{background:var(--state-danger-bg);color:var(--state-danger-fg);border-color:#a01f0e3d}.fault-item__tag--severity-warning{background:var(--state-warning-bg);color:var(--state-warning-fg);border-color:#59480d3d}.fault-item__tag--severity-info,.fault-item__tag--severity-history{background:var(--surface-muted);color:var(--text-secondary-app);border-color:#4e677e3d}.fault-item--critical,.fault-item--severe{border-left:2px solid var(--color-danger)}.fault-item--warning{border-left:2px solid var(--color-warning)}.asset-table{background:var(--surface-main);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:600px;--table-grid-template: 180px 1.2fr 1.2fr .8fr .8fr 130px 1.1fr}.asset-table__header{display:grid;grid-template-columns:var(--table-grid-template);background:var(--surface-main);border-bottom:1px solid var(--border-default);padding:14px 0;flex-shrink:0}.asset-table__header-cell{padding:0 16px;font-size:.65rem;font-weight:700;color:var(--text-secondary-app);letter-spacing:.05rem;display:flex;align-items:center;gap:4px;text-transform:uppercase;background:none;border:none;cursor:default;font-family:inherit;text-align:left}.asset-table__header-cell.sortable{cursor:pointer;transition:color .2s ease}.asset-table__header-cell.sortable:hover,.sort-indicator{color:var(--action-primary)}.sort-indicator--inactive{color:var(--text-muted-app)}.asset-table__body-container{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:hidden}.asset-table__row{width:100%;display:grid;grid-template-columns:var(--table-grid-template);padding:16px 0;border:none;background:transparent;border-bottom:1px solid var(--surface-subtle);cursor:pointer;transition:background .2s ease;align-items:center;text-align:left;font-family:inherit;height:58px}.asset-table__row:hover{background:var(--surface-canvas)}.asset-table__row--expanded{background:var(--surface-subtle);border-bottom-color:transparent}.asset-table__cell{padding:0 16px;font-size:.85rem;color:var(--text-primary-app);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.asset-table svg{flex-shrink:0}.col-asset{font-weight:700;color:var(--text-primary-app);display:flex;align-items:center;gap:12px}.chevron-toggle{display:flex;align-items:center;color:var(--text-muted-app)}.asset-type-icon{opacity:.3}.recurring-issue-icon{color:var(--state-danger-fg);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.col-fuel,.col-soc{display:flex;align-items:center;gap:8px}.level-text{font-weight:700;color:var(--action-primary);min-width:35px;display:flex;align-items:center;gap:3px}.level-text--empty{color:var(--text-muted-app);font-weight:400}.charging-icon{color:var(--action-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.level-indicator{width:4px;height:16px;background:var(--surface-muted);border-radius:2px;position:relative;overflow:hidden}.level-bar{width:100%;position:absolute;bottom:0}.col-icons{display:flex;justify-content:flex-start;gap:12px;padding:0 16px;min-width:130px;align-items:center}.col-icons>*{flex-shrink:0}.status-icon-slot{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.status-icon-slot svg{stroke-width:2.35}.health-pending{color:var(--text-muted-app);font-size:.68rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.icon--success{color:#00c853}.icon--danger{color:#e53935}.icon--warning{color:#ff9800}.icon--muted{color:var(--text-muted-app)}.col-dur{text-align:right;color:var(--text-secondary-app);display:flex;justify-content:flex-end;align-items:center;gap:4px}.asset-table__expanded-content{background:var(--surface-main);border-bottom:2px solid var(--surface-subtle);max-height:800px;overflow-y:auto}.virtual-list::-webkit-scrollbar{width:8px;height:8px}.virtual-list::-webkit-scrollbar-track{background:transparent}.virtual-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.virtual-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.no-data{padding:40px;text-align:center;color:var(--text-muted-app);height:100%}.asset-table--loading{display:flex;flex-direction:column}.asset-table__row--skeleton{pointer-events:none;border-bottom:1px solid var(--surface-subtle)}.skeleton-box{height:16px;background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-canvas) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.enrichment-loader{display:flex;align-items:center;justify-content:center;width:40px;height:16px;background:var(--surface-subtle);border-radius:4px;overflow:hidden}.enrichment-pulse{width:100%;height:100%;background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-muted) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear}.weather-icon{--wx-duration: 3s;position:relative;display:inline-flex;width:24px;height:24px;color:#1f2833;flex:0 0 24px}.weather-icon__base{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.weather-icon__glyph{color:#2e445c}.weather-icon__duo{position:relative;display:inline-block;width:24px;height:24px}.weather-icon__sun{position:absolute;top:0;left:0;color:#f59e0b}.weather-icon__cloud{position:absolute;right:-1px;bottom:-1px;color:#2e445c}.weather-icon__precip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.weather-icon__drop{position:absolute;top:14px;width:2px;height:6px;border-radius:999px;background:#2f7cd8;opacity:0}.weather-icon__drop--1{left:7px;animation:wx-drop-fall var(--wx-duration) cubic-bezier(.33,0,.2,1) 1 forwards}.weather-icon__drop--2{left:12px;animation:wx-drop-fall var(--wx-duration) cubic-bezier(.33,0,.2,1) 1 forwards;animation-delay:.25s}.weather-icon__drop--3{left:17px;animation:wx-drop-fall var(--wx-duration) cubic-bezier(.33,0,.2,1) 1 forwards;animation-delay:.45s}.weather-icon__flake{position:absolute;top:14px;color:#4b6a8c;opacity:0}.weather-icon__flake--1{left:6px;animation:wx-snow-fall var(--wx-duration) ease-out 1 forwards}.weather-icon__flake--2{left:11px;animation:wx-snow-fall var(--wx-duration) ease-out 1 forwards;animation-delay:.2s}.weather-icon__flake--3{left:16px;animation:wx-snow-fall var(--wx-duration) ease-out 1 forwards;animation-delay:.4s}.weather-icon__mist-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.weather-icon__mist{position:absolute;left:3px;width:18px;height:1.5px;border-radius:999px;background:#4e677ed9}.weather-icon__mist--1{top:13px;animation:wx-mist-drift var(--wx-duration) ease-out 1 forwards}.weather-icon__mist--2{top:17px;animation:wx-mist-drift var(--wx-duration) ease-out 1 forwards;animation-delay:.2s}.weather-icon__freeze-accent{position:absolute;right:0;bottom:1px;color:#4b6a8c;z-index:4;animation:wx-freeze-glint var(--wx-duration) ease-out 1 forwards}.weather-icon__bolt{position:absolute;right:4px;top:11px;color:#e08a00;z-index:4;opacity:0;animation:wx-bolt-flash var(--wx-duration) linear 1 forwards}.weather-icon__hail-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.weather-icon__hail{position:absolute;top:16px;width:2px;height:2px;border-radius:50%;background:#6f879f;opacity:0}.weather-icon__hail--1{left:8px;animation:wx-hail-fall var(--wx-duration) ease-out 1 forwards}.weather-icon__hail--2{left:14px;animation:wx-hail-fall var(--wx-duration) ease-out 1 forwards;animation-delay:.2s}.weather-icon--clear .weather-icon__glyph{color:#f59e0b;animation:wx-sun-settle var(--wx-duration) ease-out 1 forwards}.weather-icon--partly-cloudy .weather-icon__sun{animation:wx-sun-settle var(--wx-duration) ease-out 1 forwards}.weather-icon--partly-cloudy .weather-icon__cloud,.weather-icon--overcast .weather-icon__glyph,.weather-icon--fog .weather-icon__glyph,.weather-icon--drizzle .weather-icon__glyph,.weather-icon--freezing-drizzle .weather-icon__glyph,.weather-icon--rain .weather-icon__glyph,.weather-icon--freezing-rain .weather-icon__glyph,.weather-icon--rain-showers .weather-icon__glyph,.weather-icon--snow .weather-icon__glyph,.weather-icon--snow-grains .weather-icon__glyph,.weather-icon--snow-showers .weather-icon__glyph,.weather-icon--thunderstorm .weather-icon__glyph,.weather-icon--thunderstorm-hail .weather-icon__glyph{animation:wx-cloud-settle var(--wx-duration) ease-out 1 forwards}.weather-icon--thunderstorm .weather-icon__glyph,.weather-icon--thunderstorm-hail .weather-icon__glyph{color:#2f4560}.weather-icon--unknown .weather-icon__glyph{color:#4e677e;animation:wx-unknown-pulse var(--wx-duration) ease-out 1 forwards}.weather-icon--light .weather-icon__drop,.weather-icon--light .weather-icon__flake{opacity:0}.weather-icon--moderate .weather-icon__drop--3,.weather-icon--moderate .weather-icon__flake--3{display:none}@keyframes wx-sun-settle{0%{transform:rotate(-8deg) scale(.94)}45%{transform:rotate(18deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes wx-cloud-settle{0%{transform:translate(1px,2px)}50%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes wx-drop-fall{0%{opacity:0;transform:translateY(-3px) scaleY(.75)}20%{opacity:.95}70%{opacity:.95;transform:translateY(4px) scaleY(1)}to{opacity:0;transform:translateY(7px) scaleY(1)}}@keyframes wx-snow-fall{0%{opacity:0;transform:translateY(-3px) rotate(0) scale(.8)}22%{opacity:.9}70%{opacity:.9;transform:translate(1px,3px) rotate(120deg) scale(1)}to{opacity:0;transform:translate(-1px,6px) rotate(200deg) scale(1)}}@keyframes wx-mist-drift{0%{opacity:0;transform:translate(-4px)}20%{opacity:.85}70%{opacity:.85;transform:translate(3px)}to{opacity:.4;transform:translate(0)}}@keyframes wx-freeze-glint{0%{opacity:0;transform:scale(.7)}25%{opacity:.95;transform:scale(1)}70%{opacity:.95}to{opacity:.65;transform:scale(1)}}@keyframes wx-bolt-flash{0%,10%{opacity:0}18%{opacity:1}30%{opacity:0}40%{opacity:.95}55%{opacity:0}to{opacity:.2}}@keyframes wx-hail-fall{0%{opacity:0;transform:translateY(-2px)}30%{opacity:.9}80%{opacity:.9;transform:translateY(4px)}to{opacity:0;transform:translateY(6px)}}@keyframes wx-unknown-pulse{0%{transform:scale(.94);opacity:.65}40%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.weather-icon *{animation:none!important}}.weather-tablet{display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:1px 10px 1px 6px;border-radius:999px;border:1px solid rgba(46,68,92,.18);background:linear-gradient(180deg,#f9fcff,#eef4fb);color:#1f2833;box-shadow:inset 0 1px #fffc,0 1px 2px #1f28331a}.weather-tablet__temp{font-size:.75rem;font-weight:700;letter-spacing:.03em}.dashboard{display:grid;grid-template-columns:var(--sidebar-width, 280px) minmax(500px,1fr) 12px minmax(240px,var(--map-panel-width, 320px));height:100vh;background:var(--surface-subtle);overflow:hidden}.dashboard__middle-panel{display:flex;flex-direction:column;background:var(--surface-main);min-width:500px;height:100%;overflow:hidden}.dashboard__splitter{background:var(--surface-muted);border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);cursor:col-resize;display:flex;align-items:center;justify-content:center;color:var(--text-secondary-app);transition:background .15s ease,color .15s ease;z-index:40;touch-action:none;-webkit-user-select:none;user-select:none}.dashboard__splitter:hover{background:var(--surface-hover);color:var(--text-primary-app)}.dashboard--resizing .dashboard__splitter{background:var(--border-strong);color:var(--text-primary-app)}.dashboard__header{padding:16px 24px;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;background:var(--surface-main);z-index:10;flex-shrink:0}.sticky-header{position:sticky;top:0}.dashboard__scroll-content{flex:1;overflow:hidden;padding:20px 24px 24px;display:flex;flex-direction:column;gap:24px;min-height:0}.dashboard__table-section{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.dashboard__right-panel{position:relative;background:var(--surface-subtle);height:100%;overflow:hidden;min-width:200px}.map-container-full{width:100%;height:100%;position:relative}.map-header-overlay{position:absolute;top:24px;left:24px;z-index:1000;pointer-events:none;background:#fffffff0;padding:8px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-1);border:1px solid var(--border-default)}.map-header-overlay h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary-app)}.map-header-overlay .vehicle-count{font-size:.8rem;color:var(--text-secondary-app);font-weight:600}.map-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted-app);font-weight:500;background:var(--surface-canvas)}.dashboard__title{font-size:1.4rem;font-weight:700;color:var(--text-primary-app);margin:0;letter-spacing:.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.dashboard__title-wrap{min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard__title-meta{display:inline-flex;align-items:center;width:fit-content;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--state-info-fg);background:var(--state-info-bg);border:1px solid rgba(37,71,123,.2);border-radius:999px;padding:2px 8px}.dashboard__header-actions{display:flex;gap:12px;align-items:center}.action-btn{background:transparent;border:1px solid var(--border-default);cursor:pointer;color:var(--text-secondary-app);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);transition:all .2s;font-size:.76rem;font-weight:700;letter-spacing:.02em}.action-btn:hover{background:var(--surface-hover);color:var(--text-primary-app);border-color:var(--border-strong)}.action-btn--export{background:var(--action-primary);color:var(--text-inverse-app)!important;border:1px solid var(--action-primary);padding:8px 16px;box-shadow:var(--shadow-1)}.action-btn--export:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.action-btn--success{background:var(--state-success-bg)!important;color:var(--state-success-fg)!important;border-color:var(--state-success-fg);box-shadow:none!important}.action-btn--live{border:1px solid transparent;min-width:88px;justify-content:center}.action-btn--live-active{background:var(--state-success-bg);color:var(--state-success-fg)!important;border-color:#2b64364d;box-shadow:none}.action-btn--live-active:hover{background:#e7f9ee}.action-btn--live-paused{background:var(--surface-hover);color:var(--text-secondary-app)!important;border-color:var(--border-default);box-shadow:none}.action-btn--live-paused:hover{background:var(--surface-muted);color:var(--text-primary-app)!important}.dashboard__data-status{display:flex;justify-content:flex-end;align-items:center;padding:0 4px;margin-top:-10px;margin-bottom:-10px;gap:8px;flex-wrap:wrap}.dashboard__data-status .weather-tablet{margin-right:auto}.dashboard__data-status .timestamp{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted-app);font-weight:500}.dashboard__data-status .age{font-size:.75rem;color:var(--text-secondary-app);font-weight:600}.status-chip{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;font-size:.64rem;letter-spacing:.04em;font-weight:700;border:1px solid transparent}.status-chip--fresh{background:var(--state-success-bg);color:var(--state-success-fg);border-color:#2b643640}.status-chip--stale{background:var(--state-danger-bg);color:var(--state-danger-fg);border-color:#a01f0e38}.status-chip--live{background:var(--state-info-bg);color:var(--state-info-fg);border-color:#25477b38}.status-chip--paused{background:var(--surface-hover);color:var(--text-secondary-app);border-color:var(--border-default)}.dashboard__empty-state{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;max-width:320px}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.5}.empty-state__title{font-size:1.25rem;font-weight:700;color:var(--text-primary-app);margin-bottom:8px}.empty-state__description{color:var(--text-secondary-app);line-height:1.5;font-size:.9rem}