:root{--ds-bg: #070b12;--ds-bg-elevated: #0d1420;--ds-surface: #111827;--ds-surface-hover: #162032;--ds-surface-active: #1a2740;--ds-border: rgba(148, 163, 184, .14);--ds-border-strong: rgba(148, 163, 184, .24);--ds-text: #e8eef7;--ds-text-muted: #94a3b8;--ds-text-subtle: #64748b;--ds-accent: #38bdf8;--ds-accent-strong: #0ea5e9;--ds-accent-soft: rgba(56, 189, 248, .12);--ds-success: #34d399;--ds-success-soft: rgba(52, 211, 153, .14);--ds-warning: #fbbf24;--ds-warning-soft: rgba(251, 191, 36, .14);--ds-danger: #f87171;--ds-danger-soft: rgba(248, 113, 113, .14);--ds-info: #60a5fa;--ds-info-soft: rgba(96, 165, 250, .14);--ds-sidebar-width: 260px;--ds-sidebar-collapsed: 72px;--ds-header-height: 64px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-shadow: 0 8px 30px rgba(0, 0, 0, .35);--ds-font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--ds-transition: .16s ease;--color-bg: var(--ds-bg);--color-surface: var(--ds-surface);--color-border: var(--ds-border-strong);--color-text: var(--ds-text);--color-text-muted: var(--ds-text-muted);--color-accent: var(--ds-accent-strong);--color-accent-hover: var(--ds-accent);--sidebar-width: var(--ds-sidebar-width);--topbar-height: var(--ds-header-height);--font-sans: var(--ds-font)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ds-font);background:var(--ds-bg);color:var(--ds-text);-webkit-font-smoothing:antialiased}.ds-app{display:flex;min-height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.08),transparent),var(--ds-bg)}.ds-main{flex:1;min-width:0;display:flex;flex-direction:column}.ds-content{flex:1;padding:1.25rem 1.5rem 2rem;overflow:auto}.preview-banner{background:linear-gradient(90deg,#422006,#713f12);border-bottom:1px solid rgba(251,191,36,.35);color:#fde68a;text-align:center;padding:.45rem 1rem;font-size:.8125rem}.ds-sidebar{width:var(--ds-sidebar-width);background:linear-gradient(180deg,#0c1220,#0a1018);border-right:1px solid var(--ds-border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--ds-transition)}.ds-sidebar--collapsed{width:var(--ds-sidebar-collapsed)}.ds-sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:1rem .875rem;border-bottom:1px solid var(--ds-border);min-height:var(--ds-header-height)}.ds-sidebar__logo{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;background:linear-gradient(135deg,var(--ds-accent-strong),#6366f1);color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0}.ds-sidebar__brand-text{display:flex;flex-direction:column;min-width:0;flex:1}.ds-sidebar__brand-text strong{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-sidebar__brand-text span{font-size:.6875rem;color:var(--ds-text-subtle)}.ds-sidebar__toggle{margin-left:auto}.ds-sidebar__nav{padding:.75rem .625rem;overflow-y:auto;flex:1}.ds-sidebar__section+.ds-sidebar__section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ds-border)}.ds-sidebar__section-label{display:block;padding:0 .625rem .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-subtle)}.ds-nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.125rem;border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);text-decoration:none;font-size:.875rem;transition:background var(--ds-transition),color var(--ds-transition)}.ds-nav-link:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.ds-nav-link--active{background:var(--ds-accent-soft);color:var(--ds-accent);box-shadow:inset 3px 0 0 var(--ds-accent)}.ds-sidebar--collapsed .ds-nav-link{justify-content:center;padding-inline:.5rem}.ds-header{height:var(--ds-header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;border-bottom:1px solid var(--ds-border);background:#0d1420d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.ds-header__left,.ds-header__right{display:flex;align-items:center;gap:.75rem}.ds-header__left{flex:1;min-width:0}.ds-header__user{display:flex;align-items:center;gap:.625rem}.ds-header__avatar{width:2rem;height:2rem;border-radius:999px;background:var(--ds-accent-soft);color:var(--ds-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem}.ds-header__user-meta{display:flex;flex-direction:column;line-height:1.2}.ds-header__user-meta strong{font-size:.8125rem}.ds-header__user-meta span{font-size:.6875rem;color:var(--ds-text-subtle)}.ds-btn,.primary-button,.secondary-button,.login-button,.logout-button,.button-primary,.btn.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--ds-radius-sm);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--ds-transition),border-color var(--ds-transition),transform 80ms ease;border:1px solid transparent;padding:.5rem .875rem}.ds-btn:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}.ds-btn--primary,.primary-button,.button-primary,.login-button{background:linear-gradient(180deg,var(--ds-accent),var(--ds-accent-strong));color:#041018;border-color:#38bdf859}.ds-btn--primary:hover:not(:disabled),.primary-button:hover:not(:disabled),.button-primary:hover:not(:disabled),.login-button:hover:not(:disabled){filter:brightness(1.06)}.ds-btn--secondary,.secondary-button,.btn.btn-secondary,.logout-button{background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-border-strong)}.ds-btn--secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled),.logout-button:hover:not(:disabled){background:var(--ds-surface-hover)}.ds-btn--ghost{background:transparent;color:var(--ds-text-muted);border-color:transparent}.ds-btn--ghost:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.ds-btn:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.ds-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface);color:var(--ds-text-muted);cursor:pointer}.ds-icon{flex-shrink:0}.link-button{background:none;border:none;color:var(--ds-accent);cursor:pointer;font:inherit;padding:.125rem .375rem}.link-button--danger{color:var(--ds-danger)}.ds-badge,.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent}.ds-badge__dot,.status-badge:before{width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.ds-badge--neutral,.status-badge--unknown{background:#94a3b81f;color:#cbd5e1;border-color:#94a3b833}.ds-badge--success,.status-badge--online{background:var(--ds-success-soft);color:var(--ds-success);border-color:#34d39940}.ds-badge--warning{background:var(--ds-warning-soft);color:var(--ds-warning);border-color:#fbbf2440}.ds-badge--danger,.status-badge--error{background:var(--ds-danger-soft);color:var(--ds-danger);border-color:#f8717140}.ds-badge--info,.status-badge--offline{background:var(--ds-info-soft);color:var(--ds-info);border-color:#60a5fa40}.ds-badge--live{background:#f871711f;color:#fca5a5;border-color:#f8717140}.ds-live{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--ds-text-subtle)}.ds-live__dot,.counter-feed-status:before,.weighbridge-feed-status:before{width:.5rem;height:.5rem;border-radius:999px;background:#64748b}.ds-live--on,.counter-feed-status--live,.weighbridge-feed-status--live{color:var(--ds-success)}.ds-live--on .ds-live__dot,.counter-feed-status--live:before,.weighbridge-feed-status--live:before{background:var(--ds-success);box-shadow:0 0 0 4px #34d3992e;animation:ds-pulse 1.6s infinite}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.55}}.page,.ds-page{display:flex;flex-direction:column;gap:1.25rem}.ds-page-header,.page-header{display:flex;flex-direction:column;gap:.75rem}.ds-page-header__main,.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ds-page-header__title,.page-title{margin:0;font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.ds-page-header__desc,.page-description{margin:.35rem 0 0;color:var(--ds-text-muted);font-size:.9375rem;max-width:56rem}.ds-page-header__actions,.page-actions,.events-toolbar,.counter-toolbar,.weighbridge-toolbar{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.ds-grid{display:grid;gap:1rem}.ds-grid--kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--3{grid-template-columns:2fr 1fr}.ds-grid--dashboard-main{grid-template-columns:1.4fr 1fr}.ds-kpi,.dashboard-stat{background:linear-gradient(180deg,var(--ds-surface) 0%,var(--ds-bg-elevated) 100%);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.35rem;min-height:108px;text-align:left}.ds-kpi--interactive{cursor:pointer}.ds-kpi--interactive:hover,.ds-kpi--active{border-color:#38bdf859;box-shadow:0 0 0 1px #38bdf814}.ds-kpi--danger{border-color:#f8717140}.ds-kpi--warning{border-color:#fbbf2440}.ds-kpi--success{border-color:#34d39940}.ds-kpi--info{border-color:#60a5fa40}.ds-kpi__header,.dashboard-stat{display:flex;justify-content:space-between;align-items:flex-start}.ds-kpi__label,.dashboard-stat__label{font-size:.75rem;color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.04em}.ds-kpi__value,.dashboard-stat__value{font-size:1.75rem;line-height:1.1;font-weight:700}.ds-kpi__hint{font-size:.75rem;color:var(--ds-text-muted)}.ds-kpi__trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.15rem}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ds-card,.panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden}.ds-card__header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--ds-border)}.ds-card__title,.panel-header h3,.panel-header h4{margin:0;font-size:.9375rem}.ds-card__subtitle,.panel-subtitle{margin:.2rem 0 0;font-size:.75rem;color:var(--ds-text-subtle)}.ds-card__body,.panel>:not(.panel-header){padding:1rem}.ds-card--flush .ds-card__body{padding:0}.panel-count{font-size:.75rem;color:var(--ds-text-subtle);background:var(--ds-bg-elevated);border:1px solid var(--ds-border);border-radius:999px;padding:.15rem .5rem}.panel-empty,.ds-empty{padding:2rem 1rem;text-align:center;color:var(--ds-text-muted)}.ds-empty strong{display:block;color:var(--ds-text);margin-bottom:.35rem}.ds-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;color:var(--ds-text-muted)}.ds-loading__spinner{width:1.125rem;height:1.125rem;border:2px solid var(--ds-border-strong);border-top-color:var(--ds-accent);border-radius:999px;animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.ds-camera-card{background:var(--ds-bg-elevated);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden;transition:border-color var(--ds-transition),transform var(--ds-transition)}.ds-camera-card:hover{border-color:#38bdf84d;transform:translateY(-1px)}.ds-camera-card__thumb{aspect-ratio:16 / 9;background:linear-gradient(135deg,#38bdf814,#6366f114),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 8px,transparent 8px 16px);display:flex;align-items:center;justify-content:center;color:var(--ds-text-subtle);position:relative}.ds-camera-card__body{padding:.75rem .875rem .875rem;display:flex;flex-direction:column;gap:.35rem}.ds-camera-card__title{font-size:.875rem;font-weight:600}.ds-camera-card__meta{font-size:.75rem;color:var(--ds-text-subtle)}.table-wrap{overflow:auto;border-radius:var(--ds-radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th,.data-table td{padding:.7rem .875rem;border-bottom:1px solid var(--ds-border);text-align:left;vertical-align:middle}.data-table th{position:sticky;top:0;background:var(--ds-bg-elevated);color:var(--ds-text-subtle);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.data-table tbody tr{transition:background var(--ds-transition)}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr.row-selected{background:var(--ds-accent-soft)}.timestamp-cell{color:var(--ds-text-subtle);white-space:nowrap}.ds-activity-chart__title,.section-title{margin:0 0 .75rem;font-size:.875rem;color:var(--ds-text-muted)}.ds-activity-chart__bars{display:flex;align-items:flex-end;gap:.625rem;min-height:140px;padding-top:.5rem}.ds-activity-chart__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:0}.ds-activity-chart__track{width:100%;height:120px;display:flex;align-items:flex-end;background:#ffffff05;border-radius:6px 6px 2px 2px;overflow:hidden}.ds-activity-chart__bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--ds-accent),rgba(56,189,248,.35))}.ds-activity-chart__bar--danger{background:linear-gradient(180deg,#f87171,#f8717159)}.ds-activity-chart__bar--warning{background:linear-gradient(180deg,#fbbf24,#fbbf2459)}.ds-activity-chart__bar--success{background:linear-gradient(180deg,#34d399,#34d39959)}.ds-activity-chart__bar--info{background:linear-gradient(180deg,#60a5fa,#60a5fa59)}.ds-activity-chart__label{font-size:.625rem;color:var(--ds-text-subtle);text-align:center}.ds-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ds-timeline__item{display:grid;grid-template-columns:12px 1fr;gap:.75rem;position:relative}.ds-timeline__dot{width:10px;height:10px;border-radius:999px;margin-top:.35rem;background:var(--ds-accent);box-shadow:0 0 0 4px #38bdf81f}.ds-timeline__item--danger .ds-timeline__dot{background:var(--ds-danger);box-shadow:0 0 0 4px #f871711f}.ds-timeline__item--warning .ds-timeline__dot{background:var(--ds-warning);box-shadow:0 0 0 4px #fbbf241f}.ds-timeline__item--success .ds-timeline__dot{background:var(--ds-success);box-shadow:0 0 0 4px #34d3991f}.ds-timeline__content{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.25rem;border-bottom:1px solid var(--ds-border)}.ds-timeline__time{font-size:.6875rem;color:var(--ds-text-subtle)}.ds-timeline__meta{font-size:.75rem;color:var(--ds-text-muted)}.ds-slideover__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060e8c;border:none;z-index:40}.ds-slideover{position:fixed;top:0;right:0;height:100%;width:min(480px,100vw);background:var(--ds-bg-elevated);border-left:1px solid var(--ds-border);z-index:50;display:flex;flex-direction:column;box-shadow:var(--ds-shadow)}.ds-slideover--lg{width:min(640px,100vw)}.ds-slideover__header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.125rem;border-bottom:1px solid var(--ds-border)}.ds-slideover__header h3{margin:0;font-size:1rem}.ds-slideover__header p{margin:.25rem 0 0;font-size:.8125rem;color:var(--ds-text-subtle)}.ds-slideover__body{overflow:auto;padding:1rem 1.125rem 1.5rem;flex:1}.events-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,420px);gap:1rem;align-items:start}.ds-slideover-panel{border-radius:var(--ds-radius-md);max-height:calc(100vh - var(--ds-header-height) - 3rem);overflow:auto}.ds-detail-badges{display:flex;gap:.5rem;padding:0 1rem .75rem}.form-error{color:var(--ds-danger);font-size:.875rem}.form-note,.action-message{color:var(--ds-text-muted);font-size:.8125rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060ea6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60}.modal-card,.live-view-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);padding:1.25rem;box-shadow:var(--ds-shadow)}.form-grid,.login-form{display:grid;gap:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:.5rem}:root{--ds-input-bg: var(--ds-surface);--ds-input-bg-hover: var(--ds-surface-hover);--ds-input-border: var(--ds-border-strong);--ds-input-border-hover: rgba(148, 163, 184, .38);--ds-input-focus-ring: rgba(56, 189, 248, .22);--ds-input-height: 2.375rem;--ds-input-padding-x: .75rem;--ds-input-font-size: .875rem;--ds-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.ds-field,.form-grid label,.login-label,.events-filter,.counter-camera-select,.weighbridge-select,.evidence-filters__grid label,.evidence-config-card__form label,.event-action-stack label{display:flex;flex-direction:column;gap:.4rem;font-size:.8125rem;font-weight:500;color:var(--ds-text-muted)}.ds-field>span:first-child,.form-grid label>span:first-child{letter-spacing:.01em}.ds-input,.ds-select,.ds-textarea,.form-grid input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),.form-grid select,.form-grid textarea,.login-input,.events-filter select,.counter-camera-select select,.weighbridge-select select,.event-action-stack input,.event-action-stack textarea,.evidence-filters__grid input,.evidence-filters__grid select,.evidence-config-card__form input,.ptz-presets select,.modal-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),.modal-card select,.modal-card textarea,.login-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),.login-page select,.login-page textarea,.ds-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not(.ds-btn),.ds-content select,.ds-content textarea{width:100%;min-height:var(--ds-input-height);padding:.55rem var(--ds-input-padding-x);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-sm);background:var(--ds-input-bg);color:var(--ds-text);font:inherit;font-size:var(--ds-input-font-size);line-height:1.35;color-scheme:dark;transition:border-color var(--ds-transition),background var(--ds-transition),box-shadow var(--ds-transition)}.ds-textarea,.form-grid textarea,.event-action-stack textarea,.modal-card textarea,.ds-content textarea{min-height:5.5rem;resize:vertical}.ds-input::placeholder,.login-input::placeholder,.ds-search input::placeholder,.ds-content input::placeholder,.modal-card input::placeholder{color:var(--ds-text-subtle);opacity:1}.ds-input:hover:not(:disabled):not(:focus-visible),.ds-select:hover:not(:disabled):not(:focus-visible),.ds-textarea:hover:not(:disabled):not(:focus-visible),.form-grid input:not([type=checkbox]):not([type=radio]):hover:not(:disabled):not(:focus-visible),.form-grid select:hover:not(:disabled):not(:focus-visible),.form-grid textarea:hover:not(:disabled):not(:focus-visible),.login-input:hover:not(:disabled):not(:focus-visible),.events-filter select:hover:not(:disabled):not(:focus-visible),.counter-camera-select select:hover:not(:disabled):not(:focus-visible),.weighbridge-select select:hover:not(:disabled):not(:focus-visible),.event-action-stack input:hover:not(:disabled):not(:focus-visible),.event-action-stack textarea:hover:not(:disabled):not(:focus-visible),.evidence-filters__grid input:hover:not(:disabled):not(:focus-visible),.evidence-filters__grid select:hover:not(:disabled):not(:focus-visible),.evidence-config-card__form input:hover:not(:disabled):not(:focus-visible),.ptz-presets select:hover:not(:disabled):not(:focus-visible),.modal-card input:not([type=checkbox]):not([type=radio]):hover:not(:disabled):not(:focus-visible),.modal-card select:hover:not(:disabled):not(:focus-visible),.modal-card textarea:hover:not(:disabled):not(:focus-visible),.login-page input:not([type=checkbox]):not([type=radio]):hover:not(:disabled):not(:focus-visible),.login-page select:hover:not(:disabled):not(:focus-visible),.login-page textarea:hover:not(:disabled):not(:focus-visible),.ds-content input:not([type=checkbox]):not([type=radio]):not(.ds-btn):hover:not(:disabled):not(:focus-visible),.ds-content select:hover:not(:disabled):not(:focus-visible),.ds-content textarea:hover:not(:disabled):not(:focus-visible){border-color:var(--ds-input-border-hover);background:var(--ds-input-bg-hover)}.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible,.form-grid input:not([type=checkbox]):not([type=radio]):focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible,.login-input:focus-visible,.events-filter select:focus-visible,.counter-camera-select select:focus-visible,.weighbridge-select select:focus-visible,.event-action-stack input:focus-visible,.event-action-stack textarea:focus-visible,.evidence-filters__grid input:focus-visible,.evidence-filters__grid select:focus-visible,.evidence-config-card__form input:focus-visible,.ptz-presets select:focus-visible,.modal-card input:not([type=checkbox]):not([type=radio]):focus-visible,.modal-card select:focus-visible,.modal-card textarea:focus-visible,.login-page input:not([type=checkbox]):not([type=radio]):focus-visible,.login-page select:focus-visible,.login-page textarea:focus-visible,.ds-content input:not([type=checkbox]):not([type=radio]):not(.ds-btn):focus-visible,.ds-content select:focus-visible,.ds-content textarea:focus-visible{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled,.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled,.login-input:disabled,.ds-content input:disabled,.ds-content select:disabled,.ds-content textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--ds-bg-elevated)}.ds-select,.form-grid select,.events-filter select,.counter-camera-select select,.weighbridge-select select,.evidence-filters__grid select,.ptz-presets select,.modal-card select,.ds-content select,.login-page select,select.ds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-color:var(--ds-input-bg);background-image:var(--ds-select-chevron);background-repeat:no-repeat;background-position:right .65rem center;background-size:1rem;cursor:pointer}.ds-input option,.ds-select option,.ds-content select option,.modal-card select option,.login-page select option{background:var(--ds-bg-elevated);color:var(--ds-text)}.ds-input[type=datetime-local],.ds-input[type=date],.ds-input[type=time],.form-grid input[type=datetime-local],.form-grid input[type=date],.form-grid input[type=time],.evidence-filters__grid input[type=datetime-local],.ds-content input[type=datetime-local],.ds-content input[type=date],.ds-content input[type=time],.modal-card input[type=datetime-local],.modal-card input[type=date],.modal-card input[type=time]{padding-right:.65rem;background-image:none}.ds-input[type=datetime-local]::-webkit-calendar-picker-indicator,.ds-input[type=date]::-webkit-calendar-picker-indicator,.ds-input[type=time]::-webkit-calendar-picker-indicator,.form-grid input[type=datetime-local]::-webkit-calendar-picker-indicator,.form-grid input[type=date]::-webkit-calendar-picker-indicator,.form-grid input[type=time]::-webkit-calendar-picker-indicator,.ds-content input[type=datetime-local]::-webkit-calendar-picker-indicator,.ds-content input[type=date]::-webkit-calendar-picker-indicator,.ds-content input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(.85)}.ds-search,.ds-site-select{display:flex;align-items:center;gap:.5rem;min-height:var(--ds-input-height);background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-sm);padding:0 .75rem;color:var(--ds-text-muted);transition:border-color var(--ds-transition),background var(--ds-transition),box-shadow var(--ds-transition)}.ds-search:hover,.ds-site-select:hover{border-color:var(--ds-input-border-hover);background:var(--ds-input-bg-hover)}.ds-search:focus-within,.ds-site-select:focus-within{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.ds-site-select select,.ds-search input{background:transparent;border:none;color:var(--ds-text);font:inherit;font-size:var(--ds-input-font-size);outline:none;min-width:0;min-height:auto;padding:0;box-shadow:none}.ds-search{flex:1;max-width:420px}.ds-search input{width:100%}.ds-search input[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:invert(.8)}.ds-checkbox-row,label.ds-checkbox-row{flex-direction:row;align-items:center;gap:.625rem;cursor:pointer;color:var(--ds-text);font-weight:400}.ds-checkbox,input[type=checkbox].ds-checkbox,.ds-content input[type=checkbox],.modal-card input[type=checkbox],.form-grid input[type=checkbox],.login-page input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.05rem;height:1.05rem;margin:0;flex-shrink:0;border:1px solid var(--ds-input-border);border-radius:4px;background:var(--ds-input-bg);cursor:pointer;transition:border-color var(--ds-transition),background var(--ds-transition),box-shadow var(--ds-transition)}.ds-content input[type=checkbox]:hover:not(:disabled),.modal-card input[type=checkbox]:hover:not(:disabled),.form-grid input[type=checkbox]:hover:not(:disabled){border-color:var(--ds-input-border-hover);background:var(--ds-input-bg-hover)}.ds-content input[type=checkbox]:focus-visible,.modal-card input[type=checkbox]:focus-visible,.form-grid input[type=checkbox]:focus-visible{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.ds-content input[type=checkbox]:checked,.modal-card input[type=checkbox]:checked,.form-grid input[type=checkbox]:checked{border-color:var(--ds-accent-strong);background-color:var(--ds-accent-strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23041018' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.75rem}.ds-content input[type=checkbox]:disabled,.modal-card input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}.ds-btn:focus-visible,.ds-icon-btn:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.login-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.ds-icon-btn:hover:not(:disabled){background:var(--ds-surface-hover);border-color:var(--ds-input-border-hover);color:var(--ds-text)}.ds-filters,.evidence-filters__grid,.evidence-config-card__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.875rem}.ds-filters--compact{gap:.75rem}.ds-input--inline{width:auto;min-width:10rem;min-height:2rem;padding:.35rem 2rem .35rem .625rem;font-size:.8125rem}.login-page{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.12),transparent 40%),radial-gradient(circle at 80% 0%,rgba(99,102,241,.12),transparent 35%),var(--ds-bg)}.login-card{width:min(420px,100%);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:1.5rem;box-shadow:var(--ds-shadow)}.login-header{text-align:center;margin-bottom:1.25rem}.login-title{margin:.5rem 0 0;font-size:1.375rem}.login-subtitle{margin:.25rem 0 0;color:var(--ds-text-muted)}.login-error{color:var(--ds-danger);font-size:.875rem}@media(max-width:1100px){.ds-grid--dashboard-main,.ds-grid--3,.events-layout,.counter-layout{grid-template-columns:1fr}.ds-header__user-meta{display:none}}@media(max-width:820px){.ds-content{padding:1rem}.ds-search{display:none}.ds-sidebar{position:fixed;z-index:30;height:100%;transform:translate(0)}.ds-sidebar--collapsed{width:var(--ds-sidebar-collapsed)}}@media(max-width:640px){.ds-page-header__main,.page-header{flex-direction:column;align-items:stretch}.ds-grid--2{grid-template-columns:1fr}}.ds-notifications,.ds-notifications__trigger{position:relative}.ds-notifications__badge{position:absolute;top:-4px;right:-4px;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:999px;background:var(--ds-danger);color:#fff;font-size:.625rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ds-notifications__panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(360px,92vw);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow);z-index:50;overflow:hidden}.ds-notifications__panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;border-bottom:1px solid var(--ds-border)}.ds-notifications__empty{padding:1rem;font-size:.8125rem;color:var(--ds-text-muted)}.ds-notifications__list{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}.ds-notifications__item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .875rem;border-bottom:1px solid var(--ds-border);font-size:.8125rem}.ds-notifications__item strong{font-size:.875rem}.ds-notifications__item span:last-child{color:var(--ds-text-subtle)}.ds-photo-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-bg-elevated);cursor:pointer;overflow:hidden}.ds-photo-cell:hover{border-color:#38bdf873;box-shadow:0 0 0 1px #38bdf81f}.ds-photo-cell__thumb{width:100%;height:100%;object-fit:cover}.ds-photo-cell__icon{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#0f172ad1;color:#fff}.ds-photo-cell__empty{color:var(--ds-text-subtle);font-size:.8125rem}.ds-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem}.ds-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#020617d1;cursor:pointer}.ds-lightbox__panel{position:relative;z-index:1;width:min(960px,100%);max-height:min(90vh,900px);display:flex;flex-direction:column;gap:.75rem;background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow);padding:.75rem}.ds-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ds-lightbox__zoom{display:inline-flex;align-items:center;gap:.5rem}.ds-lightbox__stage{flex:1;min-height:280px;max-height:calc(90vh - 120px);overflow:auto;display:grid;place-items:center;background:#0f172a8c;border-radius:var(--ds-radius-sm)}.ds-lightbox__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .15s ease;transform-origin:center center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1419;--color-surface: #1a2332;--color-border: #2d3a4f;--color-text: #e8edf4;--color-text-muted: #8b9cb3;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--sidebar-width: 240px;--topbar-height: 56px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-shell-body{display:flex;flex:1;min-height:0}.preview-banner{flex-shrink:0;padding:.5rem 1rem;background:#422006;border-bottom:1px solid #92400e;color:#fde68a;font-size:.875rem;text-align:center}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.625rem}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-accent);border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.logo-text{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.sidebar-nav{padding:.75rem .5rem;display:flex;flex-direction:column;gap:2px}.nav-link{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:background .15s,color .15s}.nav-link:hover{background:#3b82f61a;color:var(--color-text)}.nav-link--active{background:#3b82f626;color:var(--color-accent);font-weight:500}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);padding:0 1.5rem;display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar-title{font-size:1rem;font-weight:600}.content{flex:1;padding:1.5rem;overflow-y:auto}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.page-description{color:var(--color-text-muted);font-size:.9375rem;max-width:40rem}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.topbar-user{font-size:.875rem;color:var(--color-text-muted)}.logout-button{border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:6px;padding:.375rem .75rem;font-size:.875rem;cursor:pointer}.logout-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.auth-loading{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:24rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.login-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.login-title{font-size:1.5rem;font-weight:600}.login-subtitle{color:var(--color-text-muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.login-button{margin-top:.5rem}.login-error{color:#f87171;font-size:.875rem}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.section-title{margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-stat{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.dashboard-stat__label{font-size:.8125rem;color:var(--color-text-muted)}.dashboard-stat__value{font-size:1.5rem;line-height:1.2}.page-actions{display:flex;gap:.75rem}.link-button{font-size:.875rem;cursor:pointer}.link-button--danger{color:#f87171}.actions-cell{white-space:nowrap}.timestamp-cell{color:var(--color-text-muted);font-size:.8125rem}.action-message{margin-bottom:1rem}.live-view-card{max-width:42rem}.live-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.live-view-player{position:relative;margin-bottom:1rem;min-height:16rem;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#000}.live-view-video{display:block;width:100%;min-height:16rem;max-height:24rem;object-fit:contain;background:#000}.live-view-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;background:#0f1419b8;text-align:center}.live-view-overlay-muted{background:#0f141973}.live-view-placeholder{min-height:16rem;border:1px dashed var(--color-border);border-radius:10px;padding:1.25rem;background:#0f141959;display:flex;flex-direction:column;gap:.75rem}.live-view-badge{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent)}.live-view-meta{font-size:.8125rem;color:var(--color-text-muted);word-break:break-all}.cameras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem}.panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.panel-header h3{font-size:1rem;font-weight:600}.panel-count{font-size:.75rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.125rem .5rem}.panel-subtitle{margin-left:auto;font-size:.8125rem;color:var(--color-text-muted)}.panel-empty,.form-note{color:var(--color-text-muted);font-size:.875rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{text-align:left;padding:.625rem .5rem;border-bottom:1px solid var(--color-border)}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#3b82f60d}.row-selected{background:#3b82f61a}.status-badge{display:inline-block;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;text-transform:capitalize}.status-badge--online{background:#22c55e26;color:#86efac}.status-badge--offline{background:#94a3b826;color:#cbd5e1}.status-badge--error{background:#f8717126;color:#fca5a5}.status-badge--unknown{background:#3b82f626;color:#93c5fd}.credentials-ok{color:#86efac;font-size:.8125rem}.credentials-missing{color:#fca5a5;font-size:.8125rem}.zone-panel{margin-top:0}.webcam-test-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:1rem;align-items:start}.webcam-test-preview{position:relative;aspect-ratio:16 / 9;background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;overflow:hidden}.webcam-test-video{width:100%;height:100%;object-fit:cover;display:block}.webcam-test-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:#94a3b8;font-size:.875rem;pointer-events:none}.webcam-test-controls{display:flex;flex-direction:column;gap:.75rem}.webcam-test-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0}.webcam-test-status-grid div{display:flex;flex-direction:column;gap:.125rem}.webcam-test-status-grid dt{margin:0;font-size:.75rem;color:#94a3b8}.webcam-test-status-grid dd{margin:0;font-size:.875rem;color:#e2e8f0;word-break:break-word}@media(max-width:960px){.webcam-test-panel{grid-template-columns:1fr}}.object-counting-panel{display:flex;flex-direction:column;gap:1rem}.object-counting-layout{display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1rem;align-items:start}.object-counting-sidebar{display:flex;flex-direction:column;gap:1rem;max-height:42rem;overflow-y:auto;padding-right:.25rem}.object-counting-section{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg)}.object-counting-section h4{margin:0;font-size:.95rem}.section-header{display:flex;flex-direction:column;gap:.375rem}.section-actions,.checkbox-grid{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--ds-border-strong);border-radius:999px;font-size:.8125rem;color:var(--ds-text);background:var(--ds-surface);transition:border-color var(--ds-transition),background var(--ds-transition)}.checkbox-chip:hover{border-color:var(--ds-input-border-hover);background:var(--ds-surface-hover)}.checkbox-chip:has(input:checked){border-color:#38bdf873;background:var(--ds-accent-soft);color:var(--ds-accent)}.checkbox-fieldset{border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin:0}.checkbox-fieldset legend{padding:0 .25rem;font-size:.875rem;color:var(--color-text-muted)}.zone-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.zone-list-item{display:flex;align-items:stretch;gap:.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.zone-list-item--active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.zone-list-button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.625rem .75rem;border:none;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.zone-list-button span{font-size:.8125rem;color:var(--color-text-muted)}.zone-form-section .form-grid{gap:.75rem}.zone-preview-shell{min-height:22rem}.zone-preview-player{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#0f1419}.zone-preview-video{width:100%;height:100%;object-fit:cover;display:block;background:#0f1419}.zone-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.zone-preview-overlay--drawing{pointer-events:auto;cursor:crosshair}.zone-preview-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#0f1419b8;color:#fff;text-align:center;padding:1rem}.zone-preview-status--muted{background:#0f14198c}.zone-preview-hint{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.5rem .75rem;border-radius:8px;background:#0f1419d1;color:#e2e8f0;font-size:.8125rem}.counter-page .page-header{align-items:flex-start}.counter-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.counter-camera-select{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.counter-camera-select select{min-width:16rem}.counter-feed-status{font-size:.8125rem;color:var(--color-text-muted);padding-bottom:.625rem}.counter-feed-status--live{color:#34d399}.counter-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr);gap:1rem;align-items:start}.counter-video-shell{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#0f1419}.counter-video{width:100%;height:100%;object-fit:cover;display:block}.counter-live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.counter-video-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#0f1419b8;color:#fff;text-align:center;padding:1rem}.counter-video-status--muted{background:#0f14198c}.counter-stats-panel{display:flex;flex-direction:column;gap:1rem}.counter-stats-card{margin-top:0}.counter-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem}.counter-stat-tile{display:flex;flex-direction:column;gap:.25rem;padding:.875rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg)}.counter-stat-label{font-size:.8125rem;color:var(--color-text-muted);text-transform:capitalize}.counter-stat-value{font-size:1.75rem;line-height:1}.counter-stat-meta{font-size:.8125rem;color:var(--color-text-muted)}.counter-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.counter-breakdown-list li{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border)}.counter-breakdown-list li:last-child{border-bottom:none;padding-bottom:0}.counter-breakdown-list span{font-size:.8125rem;color:var(--color-text-muted)}.counter-crossing-flash{margin-top:.75rem;padding:.625rem .75rem;border-radius:8px;background:#f973161f;color:#fdba74}.events-page .page-header{align-items:flex-start}.events-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.events-filter{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.events-filter select{min-width:10rem}.events-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.9fr);gap:1rem;align-items:start}.events-list-panel,.events-detail-panel{margin-top:0}.events-detail-panel{position:sticky;top:1rem}.event-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem}.event-detail-grid dt{font-size:.75rem;color:var(--color-text-muted)}.event-detail-grid dd{margin:.15rem 0 0;font-size:.875rem}.event-detail-description{margin-bottom:1rem;color:var(--color-text-muted)}.event-detail-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.event-detail-section h4{margin:0}.event-evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.event-evidence-card{margin:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg)}.event-evidence-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#0f1419}.event-evidence-placeholder{display:grid;place-items:center;aspect-ratio:4 / 3;color:var(--color-text-muted);font-size:.8125rem}.event-evidence-card figcaption{padding:.5rem .625rem;font-size:.75rem;color:var(--color-text-muted)}.event-action-stack{display:flex;flex-direction:column;gap:.75rem}.event-action-stack label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.vigilance-notification-tray{margin-bottom:1rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.vigilance-notification-tray-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;font-size:.875rem}.vigilance-notification-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.vigilance-notification{display:flex;flex-direction:column;gap:.15rem;padding:.625rem .75rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg)}.vigilance-notification--critical{border-color:#f8717173;background:#7f1d1d2e}.vigilance-notification--medium{border-color:#fbbf2459}.vigilance-notification span{font-size:.8125rem;color:var(--color-text-muted)}.zone-placeholder ul{margin-top:.75rem;padding-left:1.25rem;color:var(--color-text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1419b8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.modal-card{width:100%;max-width:34rem;max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.modal-card h3{margin-bottom:1rem}.form-grid{display:grid;gap:.875rem}.form-grid label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.form-error{color:#f87171;margin-bottom:1rem}@media(max-width:960px){.cameras-grid,.object-counting-layout,.counter-layout,.events-layout{grid-template-columns:1fr}.events-detail-panel{position:static}.object-counting-sidebar{max-height:none}.dashboard-summary{grid-template-columns:1fr}.page-header{flex-direction:column}}.weighbridge-page .page-header{align-items:flex-start}.weighbridge-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.weighbridge-select select{min-width:16rem}.weighbridge-feed-status--live{color:#22c55e}.weighbridge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.weighbridge-card{border:1px solid var(--color-border);border-radius:10px;padding:1rem;background:var(--color-bg-elevated)}.weighbridge-card--wide{grid-column:1 / -1}.weighbridge-weight{font-size:2rem;font-weight:700;margin:.5rem 0}.weighbridge-status{display:inline-block;font-weight:700;letter-spacing:.04em;margin-bottom:.75rem}.weighbridge-status--hold{color:#ef4444}.weighbridge-status--valid{color:#22c55e}.weighbridge-status--completed{color:#3b82f6}.weighbridge-details{display:grid;gap:.5rem;margin:0 0 1rem}.weighbridge-details div{display:flex;justify-content:space-between;gap:1rem}.weighbridge-check-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.weighbridge-check{border:1px solid var(--color-border);border-radius:8px;padding:.75rem;display:grid;gap:.25rem}.weighbridge-check--fail{border-color:#ef444459}.weighbridge-check--pass{border-color:#22c55e59}@media(max-width:900px){.weighbridge-grid{grid-template-columns:1fr}}.ptz-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.ptz-controls h4{margin:0 0 .75rem}.ptz-pad{display:grid;gap:.5rem;justify-items:center;margin-bottom:.75rem}.ptz-pad-row{display:flex;gap:.5rem;align-items:center}.ptz-zoom-row{display:flex;gap:.5rem;margin-bottom:.75rem}.ptz-presets label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--color-text-muted)}.ptz-presets select{min-width:12rem}.evidence-page{display:flex;flex-direction:column;gap:1rem}.evidence-config-card__header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.evidence-config-card__header h3{margin:0 0 .25rem}.evidence-config-card__header p,.evidence-config-card__readonly{margin:0;color:var(--color-text-muted)}.evidence-config-card__stats{display:flex;flex-direction:column;gap:.25rem;color:var(--color-text-muted);font-size:.875rem}.evidence-gallery__summary{margin:0;color:var(--color-text-muted);font-size:.875rem}.evidence-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.evidence-gallery__card{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-surface)}.evidence-gallery__meta{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;font-size:.8125rem}.evidence-gallery__meta strong{font-size:.875rem}.evidence-gallery__meta span{color:var(--color-text-muted)}.evidence-gallery__link{margin-top:.25rem;font-size:.8125rem}.evidence-media{position:relative}.evidence-media__trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.evidence-media__image,.evidence-media__video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#0f1419}.evidence-media--timeline .evidence-media__video{aspect-ratio:16 / 9}.evidence-media__badge{position:absolute;right:.5rem;bottom:.5rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:#000000a6;color:#fff}.evidence-media--empty{display:grid;place-items:center;aspect-ratio:4 / 3;color:var(--color-text-muted);background:var(--color-bg);font-size:.8125rem}.evidence-media__download{margin-top:.5rem;border:0;background:transparent;color:var(--color-accent);cursor:pointer;font-size:.8125rem}.evidence-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.evidence-timeline__item{display:grid;grid-template-columns:1rem 1fr;gap:.75rem}.evidence-timeline__marker{position:relative;margin-top:.35rem;width:.75rem;height:.75rem;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 3px #38bdf826}.evidence-timeline__item:not(:last-child) .evidence-timeline__marker:after{content:"";position:absolute;left:50%;top:.9rem;width:2px;height:calc(100% + 1rem);transform:translate(-50%);background:var(--color-border)}.evidence-timeline__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem;font-size:.8125rem;color:var(--color-text-muted)}.evidence-timeline__meta strong{color:var(--color-text);text-transform:capitalize}