:root{--bg-base: #0c0d10;--bg-elevated: #12131a;--bg-surface: #1a1b25;--bg-muted: #252633;--bg-hover: rgba(255, 255, 255, .04);--bg-subtle-glow: radial-gradient(ellipse at 10% 0%, rgba(99, 102, 241, .06) 0%, transparent 60%);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-focus: rgba(99, 102, 241, .5);--sidebar-bg: #0a0b0e;--sidebar-width: 260px;--sidebar-text: #64748b;--sidebar-active: #818cf8;--sidebar-hover: rgba(255, 255, 255, .04);--accent: #6366f1;--accent-hover: #818cf8;--accent-muted: rgba(99, 102, 241, .15);--accent-glow: rgba(99, 102, 241, .25);--accent-text: #a5b4fc;--success: #34d399;--success-muted: rgba(52, 211, 153, .12);--success-text: #34d399;--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .12);--warning-text: #fbbf24;--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--danger-text: #f87171;--info: #60a5fa;--info-muted: rgba(96, 165, 250, .12);--info-text: #60a5fa;--type-accident: #f87171;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-ghost: #475569;--card-bg: #12131a;--card-border: rgba(255, 255, 255, .06);--card-shadow: none;--card-shadow-hover: 0 4px 24px rgba(0, 0, 0, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--metric-size: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--header-height: 72px;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px;--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, transparent 50%);--glass-active-bg: rgba(99, 102, 241, .1);--glass-active-border: rgba(99, 102, 241, .2);--glass-face-glow: 0 4px 4px rgba(0, 0, 0, .15), 0 0 12px rgba(0, 0, 0, .08), 0 0 24px rgba(255, 255, 255, .1);--glass-edge-shadow: inset 2px 2px 2px 0 rgba(255, 255, 255, .15), inset -2px -2px 2px 0 rgba(255, 255, 255, .15);--glass-edge-active: inset 2px 2px 3px 0 rgba(129, 140, 248, .35), inset -2px -2px 3px 0 rgba(129, 140, 248, .35);--lg-btn-bg: rgba(255, 255, 255, .06);--lg-btn-overlay: rgba(255, 255, 255, .1);--lg-btn-highlight: rgba(255, 255, 255, .55);--lg-btn-specular: inset 1px 1px 0 rgba(255, 255, 255, .55), inset 0 0 8px rgba(255, 255, 255, .15);--lg-btn-shadow: 0 6px 6px rgba(0, 0, 0, .25), 0 0 20px rgba(0, 0, 0, .12);--lg-btn-hover-shadow: 0 8px 20px rgba(0, 0, 0, .35), 0 0 30px rgba(99, 102, 241, .12);--lg-btn-accent-overlay: rgba(99, 102, 241, .18);--lg-btn-accent-specular: inset 1px 1px 0 rgba(129, 140, 248, .6), inset 0 0 8px rgba(129, 140, 248, .25);--lg-btn-danger-overlay: rgba(248, 113, 113, .18);--lg-btn-danger-specular: inset 1px 1px 0 rgba(248, 113, 113, .5), inset 0 0 8px rgba(248, 113, 113, .2);--chart-grid: rgba(255, 255, 255, .05);--chart-label: #64748b;--chart-bg: #12131a;--chart-bar: #6366f1;--chart-donut-hole: #12131a;--chart-center-text: #f1f5f9}[data-theme=light]{--bg-base: #f8f9fb;--bg-elevated: #ffffff;--bg-surface: #f1f3f5;--bg-muted: #e9ecef;--bg-hover: rgba(0, 0, 0, .03);--bg-subtle-glow: radial-gradient(ellipse at 10% 0%, rgba(99, 102, 241, .04) 0%, transparent 60%);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-focus: rgba(99, 102, 241, .5);--sidebar-bg: #ffffff;--sidebar-text: #64748b;--sidebar-active: #6366f1;--sidebar-hover: rgba(0, 0, 0, .04);--accent-muted: rgba(99, 102, 241, .08);--accent-text: #6366f1;--success: #10b981;--success-muted: rgba(16, 185, 129, .08);--success-text: #059669;--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .08);--warning-text: #d97706;--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .06);--danger-text: #dc2626;--info: #3b82f6;--info-muted: rgba(59, 130, 246, .06);--info-text: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-ghost: #cbd5e1;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .06);--card-shadow: 0 1px 3px rgba(0, 0, 0, .04);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .06);--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .3) 50%);--glass-active-bg: rgba(99, 102, 241, .08);--glass-active-border: rgba(99, 102, 241, .15);--glass-face-glow: 0 2px 4px rgba(0, 0, 0, .05), 0 0 8px rgba(0, 0, 0, .04), 0 0 16px rgba(255, 255, 255, .15);--glass-edge-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, .55), inset -1px -1px 2px 0 rgba(255, 255, 255, .55);--glass-edge-active: inset 2px 2px 3px 0 rgba(99, 102, 241, .25), inset -2px -2px 3px 0 rgba(99, 102, 241, .25);--lg-btn-bg: rgba(255, 255, 255, .45);--lg-btn-overlay: rgba(255, 255, 255, .35);--lg-btn-highlight: rgba(255, 255, 255, .85);--lg-btn-specular: inset 1px 1px 0 rgba(255, 255, 255, .9), inset 0 0 8px rgba(255, 255, 255, .35);--lg-btn-shadow: 0 4px 8px rgba(0, 0, 0, .08), 0 0 16px rgba(0, 0, 0, .05);--lg-btn-hover-shadow: 0 6px 16px rgba(0, 0, 0, .12), 0 0 24px rgba(99, 102, 241, .08);--lg-btn-accent-overlay: rgba(99, 102, 241, .15);--lg-btn-accent-specular: inset 1px 1px 0 rgba(99, 102, 241, .5), inset 0 0 8px rgba(99, 102, 241, .2);--lg-btn-danger-overlay: rgba(248, 113, 113, .15);--lg-btn-danger-specular: inset 1px 1px 0 rgba(248, 113, 113, .45), inset 0 0 8px rgba(248, 113, 113, .15);--lg-btn-primary-text: #312e81;--lg-btn-primary-shadow: 0 1px 3px rgba(255, 255, 255, .8), 0 0 10px rgba(255,255,255,.4);--lg-btn-danger-text: #7f1d1d;--lg-btn-danger-shadow: 0 1px 3px rgba(255, 255, 255, .8), 0 0 10px rgba(255,255,255,.4);--chart-grid: rgba(0, 0, 0, .06);--chart-label: #94a3b8;--chart-bg: #ffffff;--chart-bar: #6366f1;--chart-donut-hole: #ffffff;--chart-center-text: #0f172a}.brand-logo{font-size:1.25rem;font-weight:800;letter-spacing:.5em;color:var(--text-primary);text-transform:uppercase;text-indent:.5em;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}[data-theme=light] .brand-logo{color:var(--text-primary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);line-height:1.6;min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow)}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--accent-muted);color:var(--accent-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-ghost);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabular-nums{font-variant-numeric:tabular-nums}.home{background:var(--bg-base);color:var(--text-primary);min-height:100vh}.home-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#0c0d10d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}[data-theme=light] .home-nav{background:#f8f9fbd9}.home-nav__logo{cursor:pointer}.home-nav__links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.home-nav__link{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-fast)}.home-nav__link:hover{color:var(--text-primary)}.home-nav__cta{color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);position:relative;overflow:hidden;isolation:isolate;background:var(--lg-btn-bg);box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular);text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.home-nav__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:url(#liquid-glass-bend);z-index:-3}.home-nav__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-accent-overlay);z-index:-2}.home-nav__cta:hover{color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-accent-specular),0 0 30px var(--accent-glow)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20) var(--space-8);position:relative;overflow:hidden;background:#000}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2}.hero__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--glass-bg);border:1px solid var(--glass-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-8);position:relative}.hero__title{font-size:clamp(2.5rem,6vw,var(--text-6xl));font-weight:900;letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--space-6);max-width:900px;position:relative;text-transform:uppercase}.hero__subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:600px;margin-bottom:var(--space-10);position:relative;line-height:1.7}.hero__cta{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:700;position:relative;overflow:hidden;isolation:isolate;background:var(--lg-btn-bg);box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular),0 0 30px var(--accent-glow);text-shadow:0 1px 3px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:url(#liquid-glass-bend);z-index:-3}.hero__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-accent-overlay);z-index:-2}.hero__cta:hover{color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-accent-specular),0 0 50px var(--accent-glow)}.features{padding:var(--space-20) var(--space-8);max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:var(--space-12)}.features__title{font-size:var(--text-3xl);font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.features__subtitle{color:var(--text-muted);font-size:var(--text-lg)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px var(--accent-glow)}.feature-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.feature-card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-card__desc{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.stats-section{padding:var(--space-16) var(--space-8);max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.stat-item__value{font-size:var(--text-5xl);font-weight:900;color:var(--accent);line-height:1;margin-bottom:var(--space-2)}.stat-item__label{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.how-it-works{padding:var(--space-20) var(--space-8);max-width:1000px;margin:0 auto;text-align:center}.how-it-works__title{font-size:var(--text-3xl);font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-12)}.how-it-works__steps{display:flex;justify-content:center;gap:var(--space-12);position:relative}.step{flex:1;position:relative}.step__number{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.step__label{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-2)}.step__desc{color:var(--text-muted);font-size:var(--text-sm)}.home-footer{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border-subtle)}@media(max-width:768px){.stats-section{grid-template-columns:repeat(2,1fr)}.how-it-works__steps{flex-direction:column;gap:var(--space-6)}.hero__title{font-size:var(--text-3xl)}}.dashboard{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar content";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--sidebar-bg);color:var(--sidebar-text);padding:var(--space-6) 0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);overflow-y:auto;position:sticky;top:0;height:100vh;transition:background var(--transition-slow)}.sidebar__logo{padding:var(--space-6) var(--space-6) var(--space-8);display:flex;align-items:center}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.sidebar__section-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-ghost);padding:var(--space-6) var(--space-4) var(--space-2)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--sidebar-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;background:transparent;transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.sidebar__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);filter:url(#liquid-glass-bend);z-index:-3;opacity:0;transition:all var(--transition-base)}.sidebar__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2;opacity:0;transition:opacity var(--transition-base)}.sidebar__item:hover{color:var(--text-primary);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.sidebar__item:hover:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.sidebar__item:hover:after{opacity:1}.sidebar__item:hover .nav-icon-glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-face-glow)}.sidebar__item:hover .nav-icon-glass .lg-edge{box-shadow:var(--glass-edge-shadow)}.sidebar__item--active{color:var(--sidebar-active);font-weight:600;box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular)}.sidebar__item--active:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.sidebar__item--active:after{background:var(--lg-btn-accent-overlay);opacity:1}.sidebar__item--active .nav-icon-glass{background:var(--glass-active-bg);border-color:var(--glass-active-border);box-shadow:var(--glass-face-glow),0 0 16px var(--accent-glow)}.sidebar__item--active .nav-icon-glass .lg-edge{box-shadow:var(--glass-edge-active)}.nav-icon-glass{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;transition:all var(--transition-base);background:var(--glass-bg);border:1px solid var(--glass-border)}.nav-icon-glass .lg-bend{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:url(#liquid-glass-bend);z-index:0}.nav-icon-glass .lg-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--glass-edge-shadow);z-index:2;pointer-events:none;transition:box-shadow var(--transition-base)}.nav-icon-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-shine);border-radius:inherit;pointer-events:none;z-index:3}.sidebar__item--active .nav-icon-glass:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 30% 20%,var(--accent-glow),transparent 70%);border-radius:inherit;pointer-events:none;z-index:1;animation:glass-pulse 3s ease-in-out infinite}@keyframes glass-pulse{0%,to{opacity:.5}50%{opacity:1}}.nav-icon-glass svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;position:relative;z-index:4}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.sidebar__status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:status-glow 2.5s ease-in-out infinite}@keyframes status-glow{0%,to{box-shadow:0 0 6px var(--success)}50%{box-shadow:0 0 12px var(--success)}}.sidebar__footer-actions{display:flex;flex-direction:column;gap:4px}.sidebar__back{display:flex;align-items:center;width:100%;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);position:relative;overflow:hidden;isolation:isolate;transition:all .4s cubic-bezier(.175,.885,.32,2.2);background:transparent;border:none;text-align:left;text-decoration:none;font-family:inherit}.sidebar__back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);filter:url(#liquid-glass-bend);z-index:-3;opacity:0;transition:all var(--transition-base)}.sidebar__back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2;opacity:0;transition:opacity var(--transition-base)}.sidebar__back:hover{color:var(--accent);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.sidebar__back:hover:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.sidebar__back:hover:after{opacity:1}.theme-toggle{display:flex;width:100%;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;position:relative;overflow:hidden;isolation:isolate;transition:all .4s cubic-bezier(.175,.885,.32,2.2);background:transparent;border:none;text-align:left;font-family:inherit;margin-bottom:var(--space-2)}.theme-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);filter:url(#liquid-glass-bend);z-index:-3;opacity:0;transition:all var(--transition-base)}.theme-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2;opacity:0;transition:opacity var(--transition-base)}.theme-toggle:hover{color:var(--text-primary);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.theme-toggle:hover:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.theme-toggle:hover:after{opacity:1}.theme-toggle__track{width:44px;height:24px;border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border-default);position:relative;transition:all var(--transition-base);flex-shrink:0}.theme-toggle__thumb{width:18px;height:18px;border-radius:50%;background:var(--text-primary);position:absolute;top:2px;left:2px;transition:transform var(--transition-base);display:flex;align-items:center;justify-content:center}[data-theme=light] .theme-toggle__thumb{transform:translate(20px)}.theme-toggle__thumb svg{width:12px;height:12px;stroke:var(--bg-base);stroke-width:2;fill:none}.theme-toggle__label{font-size:var(--text-xs);font-weight:500}.header{grid-area:header;background:var(--bg-elevated);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-10);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-slow)}.header__title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.header__actions{display:flex;align-items:center;gap:var(--space-5)}.header__search{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);width:260px;color:var(--text-primary);transition:all var(--transition-fast)}.header__search::placeholder{color:var(--text-ghost)}.header__search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.header__date{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.header__clock{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500}.header__icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-lg);transition:all var(--transition-fast)}.header__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header__badge{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.content{grid-area:content;padding:var(--space-10);overflow-y:auto;background:var(--bg-base);background-image:var(--bg-subtle-glow);transition:background var(--transition-slow)}@media(max-width:1024px){.dashboard{grid-template-columns:1fr;grid-template-areas:"header" "content"}.sidebar{display:none}.content{padding:var(--space-6)}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);padding:var(--space-6);transition:all .4s cubic-bezier(.175,.885,.32,2.2);position:relative;overflow:hidden;isolation:isolate}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:-3;pointer-events:none}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);opacity:.5;z-index:-2;pointer-events:none;transition:opacity .4s ease,background .4s ease}.card:hover{box-shadow:var(--card-shadow-hover),inset 1px 1px #ffffff0d;border-color:var(--border-default);transform:translateY(-2px)}.card:hover:after{opacity:1;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card__title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.stats-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all .4s cubic-bezier(.175,.885,.32,2.2);position:relative;overflow:hidden;isolation:isolate;box-shadow:var(--card-shadow),inset 1px 1px #ffffff0d}.stats-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:-3;pointer-events:none}.stats-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);transition:background .4s ease,opacity .4s ease;opacity:.5}.stats-card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:var(--card-shadow-hover),inset 1px 1px #ffffff14}.stats-card:hover:after{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:1}.stats-card__header{display:flex;align-items:center;justify-content:space-between}.stats-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stats-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-muted);color:var(--text-secondary);box-shadow:inset 1px 1px #ffffff0d}.stats-card__icon svg{width:16px;height:16px;stroke-width:2.2}.stats-card:hover .stats-card__icon{color:var(--accent);background:var(--accent-muted)}.stats-card__content{display:flex;flex-direction:column}.stats-card__value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stats-card__trend{font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.stats-card__trend--up{color:var(--success)}.stats-card__trend--down{color:var(--danger)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.02em}.badge--accident,.badge--high{background:var(--danger-muted);color:var(--danger-text)}.badge--medium{background:var(--warning-muted);color:var(--warning-text)}.badge--low{background:var(--success-muted);color:var(--success-text)}.badge--issued{background:var(--info-muted);color:var(--info-text)}.badge--pending{background:var(--warning-muted);color:var(--warning-text)}.badge--resolved,.badge--success{background:var(--success-muted);color:var(--success-text)}.badge--info{background:var(--info-muted);color:var(--info-text)}.badge--danger{background:var(--danger-muted);color:var(--danger-text)}.badge--muted{background:var(--bg-muted);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;position:relative;overflow:hidden;isolation:isolate;color:var(--text-primary);background:var(--lg-btn-bg);box-shadow:var(--lg-btn-shadow);transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:url(#liquid-glass-bend);z-index:-3}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2}.btn{box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.btn:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-specular);transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(0) scale(.98);transition-duration:.1s}.btn--primary{color:var(--lg-btn-primary-text);text-shadow:var(--lg-btn-primary-shadow)}.btn--primary:after{background:var(--lg-btn-accent-overlay)}.btn--primary{box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular)}.btn--primary:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-accent-specular)}.btn--outline{color:var(--text-secondary);border:1px solid var(--glass-border)}.btn--outline:after{background:#ffffff08}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--outline:hover:after{background:var(--lg-btn-accent-overlay)}.btn--danger{color:var(--lg-btn-danger-text);text-shadow:var(--lg-btn-danger-shadow)}.btn--danger:after{background:var(--lg-btn-danger-overlay)}.btn--danger{box-shadow:var(--lg-btn-shadow),var(--lg-btn-danger-specular)}.btn--danger:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-danger-specular)}.btn--ghost{background:transparent;color:var(--text-muted);box-shadow:none}.btn--ghost:before,.btn--ghost:after{opacity:0;transition:opacity var(--transition-fast)}.btn--ghost:hover{background:var(--lg-btn-bg);color:var(--text-primary);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.btn--ghost:hover:before,.btn--ghost:hover:after{opacity:1}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:var(--bg-hover)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.filter-bar select,.filter-bar input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-fast)}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);max-width:560px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 24px 80px #00000080;animation:slideUp .25s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xl);transition:all var(--transition-fast)}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{margin-bottom:var(--space-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:300;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 8px 32px #0006;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);animation:slideIn .3s ease;min-width:280px}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--warning{border-left:3px solid var(--warning)}.toast--info{border-left:3px solid var(--info)}.toast__icon{font-size:var(--text-base);flex-shrink:0;line-height:1}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--danger)}.toast--info .toast__icon{color:var(--info)}.toast__message{flex:1;color:var(--text-primary);line-height:1.4}.toast--out{animation:slideOut .25s ease forwards}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center;color:var(--text-muted)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--text-sm);max-width:400px;color:var(--text-muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot--online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot--offline{background:var(--text-ghost)}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-muted);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle__slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--text-primary);top:3px;left:3px;transition:transform var(--transition-fast)}.toggle input:checked+.toggle__slider{background:var(--accent)}.toggle input:checked+.toggle__slider:before{transform:translate(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.pagination__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);min-width:36px;display:flex;align-items:center;justify-content:center}.pagination__btn:hover{background:var(--accent-muted);color:var(--accent)}.pagination__btn--active{background:var(--accent);color:#fff}.chart-container{position:relative;width:100%}.chart-container canvas{width:100%!important;height:100%!important}.feed-mode-toggle{display:inline-flex;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.feed-mode-toggle__btn{padding:4px 14px;font-weight:600;font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.feed-mode-toggle__btn:not(:last-child){border-right:1px solid var(--border-subtle)}.feed-mode-toggle__btn--active{background:var(--accent);color:#fff}.feed-mode-toggle__btn:hover:not(.feed-mode-toggle__btn--active){background:var(--accent-muted);color:var(--accent)}.hls-video-player{width:100%;max-height:400px;border-radius:var(--radius-md);background:#000;display:block}.video-player-container{position:relative;width:100%;background:#000;border-radius:var(--radius-md);overflow:hidden;min-height:200px}.video-player-container .hls-video-player{max-height:none;border-radius:0}.video-player-message{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed var(--border-default)}.video-player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);background:#000;border-radius:var(--radius-md)}.stream-mode-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-muted);color:var(--accent-text)}.stream-mode-badge--active{background:var(--success-muted);color:var(--success-text)}.stream-config{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.stream-config__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stream-config__row:not(:last-child){margin-bottom:var(--space-2)}.stream-config__label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap}.stream-config__input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);background:var(--card-bg);text-align:center}.stream-config__input:focus{outline:none;border-color:var(--accent)}.stream-config__hint{font-size:10px;color:var(--text-ghost);margin-top:2px}.stream-config__checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.stream-config__checkbox-label input[type=checkbox]{accent-color:var(--accent)}.stream-config__interval{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.stream-config__interval-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.stream-config__interval-input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);background:var(--card-bg);text-align:center}.stream-config__interval-input:focus{outline:none;border-color:var(--accent)}.stream-config__interval-hint{display:block;font-size:10px;color:var(--text-ghost);margin-top:2px}.alert-pulse{width:10px;height:10px;background-color:var(--danger);border-radius:50%;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #f8717199}70%{transform:scale(1);box-shadow:0 0 0 6px #f8717100}to{transform:scale(.95);box-shadow:0 0 #f8717100}}.alert-status-badge{text-transform:capitalize;font-size:.75rem;font-weight:500}.alerts-list{max-height:200px;overflow-y:auto}.overview-grid{display:flex;flex-direction:column;gap:var(--space-10)}.overview-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);text-shadow:0 0 12px var(--accent-glow)}.overview-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-default),transparent)}.service-status-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.service-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:border-color .2s}.service-item:hover{border-color:var(--accent)}.service-item__indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.service-item__indicator--active{background:var(--success);box-shadow:0 0 8px #34d39966}.service-item__indicator--inactive{background:var(--text-muted);opacity:.4}.service-item__indicator--unknown{background:var(--text-muted);opacity:.2}.service-item__info{flex:1;min-width:0}.service-item__label{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.service-item__desc{font-size:.7rem;color:var(--text-muted);line-height:1.2}.service-item__status{font-size:.7rem;font-weight:600;flex-shrink:0}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.overview-grid__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.overview-grid__charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.overview-grid__charts .card{min-height:300px}.overview-grid__recent{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.top-locations-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.top-location-item{display:flex;align-items:center;gap:var(--space-3)}.top-location-item__rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-sm);flex-shrink:0}.top-location-item__info{flex:1;min-width:0}.top-location-item__name{font-size:.8rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-location-item__bar{height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.top-location-item__bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.top-location-item__count{font-size:.85rem;font-weight:700;color:var(--text-primary);min-width:32px;text-align:right;flex-shrink:0}.events-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6)}.events-layout--no-detail{grid-template-columns:1fr}.event-detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky;top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-16));overflow-y:auto}.event-detail__evidence{width:100%;aspect-ratio:16 / 9;background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;overflow:hidden}.event-detail__evidence img{width:100%;height:100%;object-fit:cover}.event-detail__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.event-detail__meta-item{font-size:var(--text-sm)}.event-detail__meta-label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.event-detail__meta-value{color:var(--text-primary);font-weight:600}.incidents-summary{margin-bottom:var(--space-5)}.incidents-summary__bar{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:fit-content}.incidents-summary__divider{width:1px;height:28px;background:var(--border-subtle)}.incidents-summary__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.incidents-summary__num{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1}.incidents-summary__num--issued{color:var(--info)}.incidents-summary__num--pending{color:var(--warning)}.incidents-summary__num--resolved{color:var(--success)}.incidents-summary__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-ghost)}.incidents-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1);width:fit-content}.incidents-tabs__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,2.2)}.incidents-tabs__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);filter:url(#liquid-glass-bend);z-index:-3;opacity:0;transition:all var(--transition-base)}.incidents-tabs__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2;opacity:0;transition:opacity var(--transition-base)}.incidents-tabs__btn:hover{color:var(--text-primary);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.incidents-tabs__btn:hover:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.incidents-tabs__btn:hover:after{opacity:1}.incidents-tabs__btn--active{color:var(--accent);font-weight:600;box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular)}.incidents-tabs__btn--active:before{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:1}.incidents-tabs__btn--active:after{background:var(--lg-btn-accent-overlay);opacity:1}.confidence-bar{display:inline-block;width:80px;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden;vertical-align:middle}.confidence-bar__fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.confidence-bar__label{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-left:6px;font-variant-numeric:tabular-nums}.incident-view-btn{padding:2px 10px}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.ticket-card{display:flex;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.ticket-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.ticket-card__accent-bar{width:3px;flex-shrink:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.ticket-card--accident .ticket-card__accent-bar{background:var(--danger)}.ticket-card__inner{flex:1;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ticket-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ticket-card__id{font-size:var(--text-xs);font-family:monospace;color:var(--text-ghost);letter-spacing:.04em;background:var(--bg-surface);padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.ticket-card__location{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card__vehicle{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.ticket-card__time{color:var(--text-ghost)}.feed-layout--single{max-width:800px;margin:0 auto;width:100%}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8);cursor:pointer;transition:all var(--transition-base);background:var(--card-bg);min-height:280px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-muted)}.drop-zone.drag-over{transform:scale(1.01)}.drop-zone__icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-4);transition:color var(--transition-base)}.drop-zone:hover .drop-zone__icon,.drop-zone.drag-over .drop-zone__icon{color:var(--accent)}.drop-zone__text{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.drop-zone__hint{font-size:var(--text-sm);color:var(--text-muted)}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-4);width:100%}.file-preview-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--card-border);background:var(--bg-surface);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-preview-item--video{padding:var(--space-4)}.file-preview-item__thumb{width:100%;height:100%;object-fit:cover}.file-preview-item__icon{width:32px;height:32px;color:var(--text-muted);margin-bottom:var(--space-2)}.file-preview-item__name{font-size:var(--text-xs);color:var(--text-primary);padding:var(--space-1) var(--space-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.results-summary{margin-top:var(--space-6)}.results-summary__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.summary-stat{text-align:center;padding:var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}.summary-stat__value{font-size:var(--text-2xl);font-weight:800;line-height:1.2}.summary-stat__label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.results-cards{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.result-card{display:flex;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.result-card__thumb{width:120px;min-height:120px;flex-shrink:0;position:relative;background:var(--bg-surface)}.result-card__thumb img,.result-card__thumb video{width:100%;height:100%;object-fit:cover;display:block}.result-card__thumb--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.result-card__thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}.result-card__thumb--placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.result-card__info{padding:var(--space-4);flex:1;min-width:0}.result-card__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.result-card__status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.result-card__status--processed{color:var(--success)}.result-card__status--skipped{color:var(--text-muted)}.result-card__status--error{color:var(--danger-text)}.result-card__detections{display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-card__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;background:var(--accent-muted);border-radius:var(--radius-full);font-size:var(--text-xs)}.result-card__tag-label{color:var(--accent-text);font-weight:500;text-transform:capitalize}.result-card__tag-confidence{color:var(--text-muted)}.result-card__no-detections{font-size:var(--text-sm);color:var(--text-muted)}.result-card__reason{font-size:var(--text-xs);color:var(--danger-text);margin-top:var(--space-2)}.feed-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6)}.feed-video{position:relative;background:#000;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9}.feed-video__live-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--danger);color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;gap:var(--space-1)}.card__header .feed-video__live-badge{position:static}.feed-video__live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.progress-bar-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);margin-top:var(--space-2)}.progress-bar{flex:1;height:6px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .4s ease;position:relative}.progress-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);animation:progress-shimmer 1.8s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar__text{font-size:var(--text-xs);font-weight:700;color:var(--accent);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.detection-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4)}.detection-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.detection-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.detection-item:last-child{border-bottom:none}.detection-item__label{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.detection-item__confidence{font-size:var(--text-xs);font-weight:600;color:var(--accent)}.detection-item__bar{width:60px;height:4px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.detection-item__bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width var(--transition-base)}.camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-6)}.camera-thumb{aspect-ratio:16 / 9;background:var(--bg-surface);border-radius:var(--radius-md);border:2px solid transparent;overflow:hidden;position:relative;cursor:pointer;transition:border-color var(--transition-fast)}.camera-thumb--active{border-color:var(--accent)}.camera-thumb__label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-1) var(--space-2);background:#000000b3;font-size:10px;color:#e2e8f0;display:flex;align-items:center;justify-content:space-between}.monitor-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);height:calc(100vh - var(--header-height) - var(--space-16))}.monitor-map-panel{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);background:var(--card-bg)}.monitor-map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--card-bg);gap:var(--space-3);flex-wrap:wrap}.monitor-toolbar-left{display:flex;align-items:center;gap:var(--space-2);flex:1}.monitor-toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.monitor-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-surface);color:var(--text-primary);min-width:180px}.monitor-search{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-surface);color:var(--text-primary);flex:1;min-width:140px}.monitor-cam-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;white-space:nowrap}.monitor-map{flex:1;min-height:400px;z-index:1}.monitor-marker{background:transparent!important;border:none!important}.monitor-marker__dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 4px #0000004d;transition:transform var(--transition-fast)}.monitor-marker__dot:hover{transform:scale(1.3)}.monitor-marker__dot--green{background:var(--success)}.monitor-marker__dot--blue{background:var(--accent);width:16px;height:16px;border-width:3px}.monitor-marker__dot--red{width:14px;height:14px;background:var(--danger);border:2px solid #fff;border-radius:50%;box-shadow:0 0 6px #f8717180;animation:monitor-pulse 2s ease-in-out infinite}@keyframes monitor-pulse{0%,to{box-shadow:0 0 6px #f8717180}50%{box-shadow:0 0 14px #f87171cc}}.monitor-control-panel{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;max-height:calc(100vh - var(--header-height) - var(--space-16));padding-right:var(--space-1)}.monitor-cam-info{display:flex;flex-direction:column;gap:var(--space-2)}.monitor-cam-info__name{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.monitor-cam-info__meta{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.monitor-cam-info__meta span{padding:2px 8px;background:var(--bg-surface);border-radius:var(--radius-sm);font-size:var(--text-xs)}.monitor-cam-info__district{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.monitor-cam-info__coords{font-size:var(--text-xs);color:var(--text-ghost);font-family:monospace}.monitor-cam-info__freq{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.monitor-feed-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0b0e;border-radius:var(--radius-md);overflow:hidden}.monitor-snapshot{width:100%;height:100%;object-fit:contain;display:block}.monitor-feed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b0ed9;display:flex;align-items:center;justify-content:center}.monitor-feed-overlay__text{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.monitor-controls{display:flex;flex-direction:column;gap:var(--space-3)}.monitor-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.monitor-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.monitor-stat{text-align:center;padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md)}.monitor-stat--full{grid-column:1 / -1}.monitor-stat__value{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.monitor-stat__value--danger{color:var(--danger)}.monitor-stat__label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.monitor-detection-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.monitor-detection-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);border-left:3px solid var(--border-subtle);transition:background var(--transition-fast)}.monitor-detection-item:hover{background:var(--bg-muted)}.monitor-detection-item__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;color:#fff;flex-shrink:0}.monitor-detection-item__icon--danger{background:var(--danger)}.monitor-detection-item__icon--info{background:var(--accent)}.monitor-detection-item__content{flex:1;min-width:0}.monitor-detection-item__label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.monitor-detection-item__meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.monitor-detection-item__thumb{width:48px;height:36px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.monitor-freq-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.monitor-freq-info__label{font-size:var(--text-sm);color:var(--text-secondary)}.monitor-freq-info__value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.monitor-active-count{font-size:var(--text-xs);font-weight:600;color:var(--success);background:var(--success-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stg{display:flex;flex-direction:column;gap:var(--space-6)}.stg__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.stg__heading{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);margin:0}.stg__sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.stg__header-actions{display:flex;gap:var(--space-3);flex-shrink:0}.stg__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;color:var(--text-primary);background:var(--lg-btn-bg);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular);transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.stg__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:url(#liquid-glass-bend);z-index:-3}.stg__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--lg-btn-overlay);z-index:-2}.stg__btn:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-specular);transform:translateY(-2px) scale(1.02)}.stg__btn:active{transform:translateY(0) scale(.98);transition-duration:.1s}.stg__btn svg{flex-shrink:0}.stg__btn--primary{color:var(--lg-btn-primary-text);text-shadow:var(--lg-btn-primary-shadow);box-shadow:var(--lg-btn-shadow),var(--lg-btn-accent-specular)}.stg__btn--primary:after{background:var(--lg-btn-accent-overlay)}.stg__btn--primary:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-accent-specular)}.stg__btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.stg__btn--outline{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);box-shadow:var(--lg-btn-shadow),var(--lg-btn-specular)}.stg__btn--outline:after{background:#ffffff08}.stg__btn--outline:hover{border-color:var(--accent);color:var(--accent)}.stg__btn--outline:hover:after{background:var(--lg-btn-accent-overlay)}.stg__btn--danger{color:var(--lg-btn-danger-text);text-shadow:var(--lg-btn-danger-shadow);box-shadow:var(--lg-btn-shadow),var(--lg-btn-danger-specular)}.stg__btn--danger:after{background:var(--lg-btn-danger-overlay)}.stg__btn--danger:hover{box-shadow:var(--lg-btn-hover-shadow),var(--lg-btn-danger-specular)}.stg__btn--danger:disabled{opacity:.5;cursor:not-allowed}.stg__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.stg__col{display:flex;flex-direction:column;gap:var(--space-6)}.stg__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--card-shadow)}.stg__card--danger{border-color:#f8717140}.stg__card-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.stg__card-icon{flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-muted);border-radius:var(--radius-md)}.stg__card-icon svg{width:18px;height:18px}.stg__card-icon--danger{color:var(--danger);background:var(--danger-muted)}.stg__card-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin:0}.stg__card-title--danger{color:var(--danger)}.stg__card-desc{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.stg__divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.stg__field{margin-bottom:var(--space-4)}.stg__field-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stg__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.stg__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.stg__badge{font-size:var(--text-xs);font-weight:700;color:var(--accent);background:var(--accent-muted);padding:2px 10px;border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.stg__range{width:100%;accent-color:var(--accent);height:6px;cursor:pointer}.stg__range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-ghost);margin-top:var(--space-1)}.stg__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;gap:var(--space-3)}.stg__toggle-row+.stg__toggle-row{border-top:1px solid var(--border-subtle)}.stg__toggle-row--compact{padding:var(--space-2) 0}.stg__inline{display:flex;align-items:center;gap:var(--space-3)}.stg__input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}.stg__input::placeholder{color:var(--text-ghost)}.stg__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.stg__input--sm{width:100px}.stg__micro-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;display:block}.stg__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.stg__form-row{display:flex;flex-direction:column}.stg__form-row--full{grid-column:1 / -1}.stg__channel{margin-bottom:var(--space-1)}.stg__channel-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.stg__channel-icon{display:flex;align-items:center;color:var(--text-muted)}.stg__channel-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.stg__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.stg__info-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.stg__info-item:nth-child(odd){border-right:1px solid var(--border-subtle)}.stg__info-item:nth-last-child(-n+2){border-bottom:none}.stg__info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stg__info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.stg__info-value--mono{font-family:monospace;font-size:var(--text-xs);color:var(--text-secondary)}.stg__info-value--online{display:flex;align-items:center;gap:var(--space-2);color:var(--success)}@media(max-width:960px){.stg__grid{grid-template-columns:1fr}}@media(max-width:540px){.stg__header{flex-direction:column}.stg__info-grid{grid-template-columns:1fr}.stg__info-item:nth-child(odd){border-right:none}.stg__form-grid{grid-template-columns:1fr}}.cameras-layout{display:flex;flex-direction:column;gap:var(--space-6)}.cameras-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.cameras-header__left{display:flex;flex-direction:column;gap:var(--space-1)}.cameras-header__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.cameras-header__subtitle{font-size:var(--text-sm);color:var(--text-muted)}.cameras-header__actions{display:flex;gap:var(--space-2)}.cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4)}.cameras-empty{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-6)}.cameras-empty__icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.3}.cameras-empty__text{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-2)}.cameras-empty__hint{font-size:var(--text-sm);color:var(--text-muted)}.cameras-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base)}.cameras-card:hover{border-color:var(--border-default);box-shadow:var(--card-shadow-hover)}.cameras-card--active{border-left:3px solid var(--success)}.cameras-card--stopped{opacity:.6;border-left:3px solid var(--text-ghost)}.cameras-card__header{display:flex;flex-direction:column;gap:var(--space-1)}.cameras-card__title{display:flex;align-items:center;gap:var(--space-2)}.cameras-card__name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.cameras-card__location{font-size:var(--text-xs);color:var(--text-muted)}.cameras-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.cameras-card__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-md)}.cameras-card__stat-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.cameras-card__stat-value--danger{color:var(--danger)}.cameras-card__stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cameras-card__error{font-size:var(--text-xs);color:var(--danger);background:var(--danger-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:2px solid var(--danger)}.cameras-card__error-label{font-weight:600}.cameras-card__detections{display:flex;flex-direction:column;gap:var(--space-1)}.cameras-card__detections-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.cameras-card__detection-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-1) 0;border-bottom:1px solid var(--border-subtle)}.cameras-card__detection-row:last-child{border-bottom:none}.cameras-card__detection-label{font-weight:500;color:var(--text-primary);min-width:60px}.cameras-card__detection-conf{color:var(--text-muted);margin-left:auto}.cameras-card__detection-time{color:var(--text-ghost);font-variant-numeric:tabular-nums}.cameras-card__actions{display:flex;gap:var(--space-2);margin-top:auto}.camdetail{display:flex;flex-direction:column;gap:var(--space-5)}.camdetail__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.camdetail__topbar-right{display:flex;align-items:center;gap:var(--space-3)}.camdetail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.camdetail__left,.camdetail__right{display:flex;flex-direction:column;gap:var(--space-5)}.camdetail__map-wrap{padding:0!important;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.camdetail__map{width:100%;height:280px;z-index:0}.camdetail__snapshot-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden}.camdetail__snapshot{width:100%;height:100%;object-fit:cover;display:block}.camdetail__snapshot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--text-muted);font-size:var(--text-sm)}.camdetail__info-grid{display:flex;flex-direction:column;gap:0}.camdetail__info-row{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.camdetail__info-row:last-child{border-bottom:none}.camdetail__info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-right:var(--space-3)}.camdetail__info-value{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-align:right;word-break:break-word}.camdetail__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.camdetail__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);text-align:center}.camdetail__stat-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1}.camdetail__stat-value--danger{color:var(--danger)}.camdetail__stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.camdetail__stat--full{grid-column:1 / -1}.camdetail__detections{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.camdetail__det-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.camdetail__det-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.camdetail__det-icon--danger{background:var(--danger-muted);color:var(--danger);border:1px solid rgba(248,113,113,.2)}.camdetail__det-icon--info{background:var(--info-muted);color:var(--info);border:1px solid rgba(96,165,250,.2)}.camdetail__det-content{flex:1;min-width:0}.camdetail__det-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.camdetail__det-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.camdetail__det-thumb{flex-shrink:0;width:56px;height:42px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}@media(max-width:1200px){.events-layout,.feed-layout{grid-template-columns:1fr}.monitor-layout{grid-template-columns:1fr;height:auto}.monitor-map{min-height:350px}.monitor-control-panel{max-height:none}.overview-grid__stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.overview-grid__stats{grid-template-columns:repeat(2,1fr)}.overview-grid__charts,.tickets-grid{grid-template-columns:1fr}.camera-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.camdetail__grid{grid-template-columns:1fr}.camdetail__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cameras-grid{grid-template-columns:1fr}}@media(max-width:540px){.camdetail__topbar{flex-direction:column;align-items:flex-start}.camdetail__stats{grid-template-columns:1fr 1fr}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000 radial-gradient(circle at center,#1a1b2566,#000 70%);position:relative;overflow:hidden;color:#fff;font-family:var(--font-family)}.login-side-label{position:absolute;left:2rem;bottom:2rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--text-muted);letter-spacing:.3em;opacity:.4;pointer-events:none}.login-card{position:relative;width:100%;max-width:440px;padding:var(--space-12) var(--space-10);background:#0a0b0e66;border:1px solid rgba(255,255,255,.05);border-radius:32px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);text-align:center;z-index:10}.login-card__logo{margin-bottom:var(--space-12)}.login-card__title{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-2);letter-spacing:-.01em}.login-card__subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:var(--space-10);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--space-6);text-align:left}.login-field{display:flex;flex-direction:column;gap:var(--space-3)}.login-field__header{display:flex;justify-content:space-between;align-items:center}.login-field__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.login-field__input{width:100%;padding:1.1rem 1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:1rem;outline:none;transition:all var(--transition-fast)}.login-field__input::placeholder{color:#ffffff26}.login-field__input:focus{border-color:#ffffff4d;background:#ffffff08}.login-field__link{font-size:11px;color:var(--text-muted);text-decoration:none;transition:color .2s}.login-field__link:hover{color:#fff}.login-submit{width:100%;padding:1.1rem;background:#fff;color:#000;font-weight:700;font-size:1rem;border:none;border-radius:99px;cursor:pointer;margin-top:var(--space-4);transition:all .3s cubic-bezier(.2,.8,.2,1)}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.login-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-footer-link{margin-top:var(--space-8);font-size:13px;color:var(--text-muted)}.login-link{color:#fff;text-decoration:none;font-weight:500;margin-left:var(--space-1)}.login-link:hover{text-decoration:underline}.login-error{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:12px;color:var(--danger-text);font-size:.85rem;text-align:center;display:none}.login-error--visible{display:block;animation:loginShake .4s ease}.login-footer{position:absolute;bottom:2.5rem;left:4rem;right:4rem;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;opacity:.5;pointer-events:none}.login-footer__status{display:flex;align-items:center;gap:var(--space-4)}.login-footer__item{display:flex;align-items:center;gap:var(--space-2)}.login-footer__divider{color:#ffffff1a}.indicator{font-size:8px}.indicator--active{color:var(--success);filter:drop-shadow(0 0 4px var(--success))}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:640px){.login-card{max-width:90%;padding:var(--space-8) var(--space-6)}.login-footer{flex-direction:column;gap:var(--space-4);bottom:1.5rem;left:1rem;right:1rem;text-align:center}.login-side-label{display:none}}