:root{--bg-void: #0a0a0f;--bg-deep: #0f0f18;--bg-surface: #13131f;--bg-elevated: #1a1a28;--bg-panel: #1f1f30;--border-dim: rgba(255,255,255,.06);--border-mid: rgba(255,255,255,.12);--border-bright: rgba(255,255,255,.22);--text-primary: #e8e8f0;--text-secondary:#9090a8;--text-muted: #5a5a70;--text-inverse: #0a0a0f;--red-hot: #ff2a2a;--red-mid: #cc1a1a;--red-dim: rgba(255,42,42,.15);--amber: #ffb020;--amber-dim: rgba(255,176,32,.15);--green-signal: #22c55e;--green-dim: rgba(34,197,94,.15);--blue-signal: #38bdf8;--cyan: #06b6d4;--purple: #a855f7;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--shadow-glow-red: 0 0 20px rgba(255,42,42,.25);--shadow-glow-amber: 0 0 20px rgba(255,176,32,.2);--shadow-panel: 0 4px 24px rgba(0,0,0,.6);--transition-fast: .12s ease;--transition-mid: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;line-height:1.15;text-transform:uppercase}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}p{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary)}a{color:var(--red-hot);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--amber)}code,pre,.mono{font-family:var(--font-mono);font-size:.85rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--red-hot);color:#fff}.btn-primary:hover{background:var(--red-mid);box-shadow:var(--shadow-glow-red)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-mid)}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-primary)}.btn-amber{background:var(--amber);color:var(--text-inverse)}.btn-amber:hover{background:#e09800;box-shadow:var(--shadow-glow-amber)}.panel{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:2px;font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.badge-red{background:var(--red-dim);color:var(--red-hot)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-green{background:var(--green-dim);color:var(--green-signal)}.badge-blue{background:#38bdf81f;color:var(--blue-signal)}.badge-purple{background:#a855f71f;color:var(--purple)}.badge-muted{background:#ffffff0f;color:var(--text-muted)}.grid-accent{background-image:linear-gradient(var(--border-dim) 1px,transparent 1px),linear-gradient(90deg,var(--border-dim) 1px,transparent 1px);background-size:40px 40px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);animation:pulse 1.6s ease infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.leaflet-container{background:var(--bg-deep)!important;font-family:var(--font-body)!important}.leaflet-popup-content-wrapper{background:var(--bg-panel)!important;color:var(--text-primary)!important;border:1px solid var(--border-mid)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-panel)!important;padding:0!important}.leaflet-popup-tip{background:var(--bg-panel)!important}.leaflet-popup-close-button{color:var(--text-muted)!important;top:8px!important;right:8px!important}.leaflet-control-attribution{background:#0a0a0fd9!important;color:var(--text-muted)!important;font-size:.65rem!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leaflet-control-attribution a{color:var(--text-secondary)!important}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-clip:padding-box}.marker-cluster-small div{background:#ff2a2abf}.marker-cluster-medium div{background:#ffb020bf}.marker-cluster-large div{background:#ff2a2ae6}.marker-cluster div{color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700}.stale-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--amber-dim);border:1px solid var(--amber);color:var(--amber);padding:.5rem 1.2rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;z-index:10000;letter-spacing:.06em;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border-mid);color:var(--text-primary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-body);font-size:.9rem;outline:none;width:100%;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--red-hot)}input::placeholder{color:var(--text-muted)}.text-red{color:var(--red-hot)}.text-amber{color:var(--amber)}.text-green{color:var(--green-signal)}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.text-display{font-family:var(--font-display)}.uppercase{text-transform:uppercase}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.hide-mobile{display:none!important}.container{padding:0 1rem}}@media(max-width:1024px){.wz-home-body{flex-direction:column!important;height:auto!important;overflow:visible!important}.wz-map-wrap{height:55vw!important;min-height:280px!important;max-height:480px!important;flex:none!important}.wz-sidebar{width:100%!important;height:auto!important;max-height:70vh!important;border-left:none!important;border-top:1px solid var(--border-dim)!important;flex:none!important}.wz-sidebar-toggle{display:none!important}.wz-home-root{height:auto!important;min-height:calc(100dvh - 52px);overflow:visible!important}.wz-feed-body{grid-template-columns:1fr!important}.wz-feed-side{display:none!important}}@media(max-width:768px){.wz-header{padding:0 .75rem!important;gap:.6rem!important;height:48px!important}.wz-header-ticker{display:none!important}.wz-brand-text{font-size:.88rem!important;letter-spacing:.08em!important}.wz-header nav a{font-size:.65rem!important;letter-spacing:.06em!important}.wz-home-root{height:auto!important;overflow:visible!important}.wz-stats-strip{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.wz-stats-strip::-webkit-scrollbar{display:none}.wz-stats-strip>div{padding:.4rem .65rem!important;min-width:68px!important;flex-shrink:0!important}.wz-stats-strip span:first-child{font-size:.48rem!important}.wz-filter-bar{padding:.3rem .5rem!important;gap:.2rem!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.wz-filter-bar::-webkit-scrollbar{display:none}.wz-filter-bar .btn{font-size:.55rem!important;padding:.15rem .38rem!important;flex-shrink:0!important}.wz-home-body{flex-direction:column!important;height:auto!important;overflow:visible!important}.wz-map-wrap{height:50vw!important;min-height:220px!important;max-height:340px!important}.wz-sidebar{width:100%!important;max-height:65vh!important;border-left:none!important;border-top:1px solid var(--border-dim)!important}.wz-sidebar .wz-tab-btn span:last-child{font-size:.44rem!important}.wz-feed-root{padding:.75rem!important;gap:.6rem!important}.wz-feed-region-row{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.wz-feed-region-row::-webkit-scrollbar{display:none}.wz-feed-controls{flex-wrap:wrap!important}.wz-cams-grid{grid-template-columns:1fr 1fr!important;gap:.3rem!important}.wz-admin-tabs{overflow-x:auto!important;scrollbar-width:none!important}.wz-admin-tabs::-webkit-scrollbar{display:none}.wz-event-card{padding:.65rem!important}.leaflet-control-zoom{display:none!important}.leaflet-popup-content-wrapper{max-width:260px!important}.wz-conflicts-controls{flex-direction:column!important;gap:.4rem!important}.wz-conflicts-controls input{width:100%!important}input,select,textarea{font-size:16px!important}}@media(max-width:480px){.wz-map-wrap{height:56vw!important;min-height:200px!important}.wz-sidebar{max-height:60vh!important}.wz-cams-grid{grid-template-columns:1fr!important}h1{font-size:1.2rem!important}.wz-event-card{padding:.5rem!important}.wz-brand-text{font-size:.82rem!important}.wz-header nav{gap:.6rem!important}.wz-header nav a{font-size:.6rem!important}}@media(max-width:900px)and (orientation:landscape){.wz-map-wrap{height:50vh!important;max-height:300px!important}.wz-sidebar{max-height:50vh!important}}@media(hover:none){.btn{min-height:38px}.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important}}
