@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#061611;--panel:#0b1e18;--muted:#9fb5a8;--border:#1a3a2c;--accent:#10b981;--accent-2:#34d399;--accent-soft:rgba(16,185,129,.18);--accent-ring:rgba(16,185,129,.35);--spray:#10b981;--moving:#22c55e;--idle:#f59e0b;--stopped:#ef4444;--offline:#94a3b8;--danger:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.08),transparent 35%),radial-gradient(circle at 80% 10%,rgba(52,211,153,.08),transparent 30%),var(--bg);color:#eaf5ee;min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:1200px;margin:0 auto;padding:32px 18px 48px}.full-page{width:100vw;height:100vh}.hero{justify-content:space-between;margin-bottom:18px}.headline,.hero{display:flex;align-items:center;gap:12px}.headline h1{margin:0;font-size:28px;letter-spacing:-.5px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(88,211,255,.12);border:1px solid rgba(88,211,255,.35);color:var(--accent);font-size:13px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 24px 40px rgba(0,0,0,.24)}.card h3{margin:0 0 12px;font-size:15px;letter-spacing:.3px;color:#f5f7ff}.controls{display:flex;gap:10px;flex-wrap:wrap}.input{background:#0d1124;border:1px solid var(--border);color:#f5f7ff;padding:10px 12px;border-radius:10px;min-width:180px;font-size:14px}.button{border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--accent),#85e1ff);color:#05080f;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px rgba(88,211,255,.35)}.button.secondary{background:#1a2039;color:#e7eaf6;border:1px solid var(--border)}.status-row{display:flex;gap:8px;align-items:center;margin-top:8px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px hsla(0,100%,74%,.12)}.status-dot.ok{background:var(--accent-2);box-shadow:0 0 0 4px rgba(192,255,116,.14)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.stat{padding:12px;border-radius:12px;background:#0d1223;border:1px solid var(--border)}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:24px;margin-top:6px;letter-spacing:-.4px}.map-shell{height:520px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#0a0f1f}.map-full{width:100%;height:100%;position:relative}.sidebar{position:absolute;top:12px;left:12px;width:260px;background:rgba(17,22,43,.94);border:1px solid var(--border);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:500}.sidebar h4{margin:0 0 6px}.input-group,.pill-row{display:flex;gap:8px}.pill-row{flex-wrap:wrap;margin-bottom:10px}.chip{border:1px solid #dce1f1;background:linear-gradient(180deg,#fff,#f5f7ff);color:#0b1021;border-radius:999px;padding:6px 10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.chip-active{border-color:#cfd6e5;color:#0b1021;background:linear-gradient(180deg,#fff,#eef2ff);box-shadow:0 6px 16px rgba(15,23,42,.06),inset 0 0 0 1px rgba(207,214,229,.5)}.chip:hover{transform:translateY(-.5px);box-shadow:0 6px 12px rgba(15,23,42,.06)}.leaflet-container{width:100%;height:100%}.map-menu{position:absolute;top:16px;left:16px;width:320px;background:linear-gradient(135deg,hsla(0,0%,100%,.5),rgba(245,247,255,.1));color:#0b1021;border:1px solid hsla(0,0%,100%,.36);border-radius:14px;padding:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 40px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.3);z-index:520;max-height:calc(100vh - 32px);overflow-y:auto}.map-full.layer-satellite .map-menu{background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 20px 40px rgba(15,23,42,.14)}.map-menu::-webkit-scrollbar{width:8px}.map-menu::-webkit-scrollbar-thumb{background:rgba(52,60,76,.6);border-radius:10px;border:2px solid hsla(0,0%,100%,.25)}.map-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.4)}.menu-header{flex-direction:column;align-items:flex-start;gap:6px}.menu-header,.menu-logo{display:flex;margin-bottom:12px}.menu-logo{flex-direction:row;align-items:center;gap:12px}.menu-logo-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.menu-mobile-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e5e7eb;padding:6px}.menu-mobile-button{background:#dedede;border:1px solid #d1d5db;color:#111827;border-radius:10px;width:36px;height:36px;cursor:pointer;display:grid;place-items:center;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.menu-mobile-button:hover{border-color:#9ca3af;background:#f3f4f6;transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.12)}.menu-logo-image{height:64px;width:220px;padding:10px 12px}.menu-logo-image,.menu-logo-secondary{object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e5e7eb}.menu-logo-secondary{height:80px;width:80px;padding:10px}.logo-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#111827,#1f2937);color:#f5f7ff;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;box-shadow:0 12px 24px rgba(15,23,42,.25)}.logo-title{font-weight:800;letter-spacing:-.4px;color:#0b1021}.logo-sub{font-size:12px;color:#4b5563}.menu-title{font-weight:700;letter-spacing:-.2px}.menu-sub{font-size:12px;color:var(--muted);margin-top:2px}.menu-error{font-size:11px;color:#c5283d;margin-top:4px}.menu-group-list{display:grid;grid-gap:6px;gap:6px;width:100%;margin-top:6px}.menu-group-label{font-size:12px;font-weight:700;color:#0f172a}.menu-group-select select{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid #d1d5db;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:600}.menu-group-select select:disabled{opacity:.6;cursor:not-allowed}.menu-category-selector{width:100%;margin-top:6px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.category-title{font-size:13px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.category-count{font-size:11px;font-weight:600;color:#64748b;background:rgba(15,23,42,.06);padding:3px 8px;border-radius:999px}.category-chips-wrapper{width:100%}.category-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.category-chips::-webkit-scrollbar{width:4px}.category-chips::-webkit-scrollbar-thumb{background:rgba(15,23,42,.2);border-radius:4px}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}@media screen and (min-width:640px){.category-chip{width:100%}}.category-chip:hover{border-color:#94a3b8;background:#f8fafc}.category-chip-indicator{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .15s ease}.category-chip-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.category-chip-active:hover{background:#1d4ed8;border-color:#1d4ed8}.category-chip-active .category-chip-indicator{background:#fff}.category-loading{display:flex;align-items:center;gap:10px;padding:12px 0;color:#64748b;font-size:12px;font-weight:500}.category-loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:category-spin .8s linear infinite}@keyframes category-spin{to{transform:rotate(1turn)}}.category-empty{padding:12px 0;color:#94a3b8;font-size:12px;font-weight:500;text-align:center}.category-hint{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.04));border:1px dashed rgba(37,99,235,.3);border-radius:10px;font-size:12px;font-weight:500;color:#2563eb;animation:category-hint-pulse 2s ease-in-out infinite}.category-hint-icon{font-size:14px;animation:category-hint-bounce 1.5s ease-in-out infinite}@keyframes category-hint-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes category-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.menu-back-button{align-self:flex-start;width:auto;display:inline-block;background:#dedede;border:1px solid #d1d5db;color:#111827;font-size:12px;font-weight:700;cursor:pointer;padding:0 10px;height:36px;border-radius:10px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease;margin-bottom:0}.menu-back-button:hover{transform:translateY(-1px);background:#f3f4f6;border-color:#9ca3af;box-shadow:0 8px 16px rgba(15,23,42,.12)}.menu-vehicle-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.menu-vehicle-title{font-size:15px;color:#0f172a;gap:8px}.menu-vehicle-count,.menu-vehicle-title{font-weight:700;display:inline-flex;align-items:center}.menu-vehicle-count{justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:999px;background:rgba(15,23,42,.08);color:#0b1021;font-size:12px}.menu-filters .chip{background:#0d1223}.menu-group-btn{height:46px;padding:0 12px;border-radius:10px;background:#dedede;border:1px solid #d1d5db;color:#111827;font-weight:700;width:100%;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.menu-group-btn.chip-active{color:#111827}.menu-group-btn.chip-active,.menu-group-btn:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 8px 16px rgba(15,23,42,.12)}.menu-group-btn:hover{transform:translateY(-1px)}.menu-legend{padding:10px 12px;border-radius:10px;background:#fff;display:grid;grid-gap:6px;gap:6px}.legend-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#111827}.legend-dot{width:14px;height:14px;border-radius:50%;background:#f8fafc;border:2px solid transparent;box-shadow:0 0 0 3px rgba(88,211,255,.2)}.legend-dot.moving{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.legend-dot.idle{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.22)}.legend-dot.off{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.22)}.legend-dot.selected{border-color:#2f2f2f;box-shadow:0 0 0 3px rgba(0,0,0,.25)}.status-overlay{position:absolute;top:16px;right:16px;max-width:320px;background:linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(245,247,255,.92));color:#0b1021;background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:5px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(15,23,42,.12);z-index:500;display:flex;align-items:center;gap:10px}.status-card{display:flex;align-items:center;justify-content:center}.geo-icon-button,.status-card{width:40px;height:40px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.geo-icon-button{font-size:18px;color:#0b1021;transition:transform .12s ease,box-shadow .12s ease;display:grid;place-items:center}.geo-icon-button-icon,.selection-camera-icon,.selection-close-icon{font-size:16px;color:#111827;display:block}.menu-vehicle-list{margin-top:8px;width:100%}.geo-icon-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.18)}.geo-icon-button,.status-card{position:relative}.geo-icon-button.geo-icon-error{border-color:#fca5a5}.geo-icon-button.geo-icon-error .geo-icon-button-icon{color:#b91c1c}.status-card.status-card-error{border-color:#fca5a5}.status-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.icon-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:220px;padding:6px 10px;border-radius:8px;background:rgba(15,23,42,.92);color:#f8fafc;font-size:12px;line-height:1.4;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.24);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease-out,transform .14s ease-out;z-index:600}.geo-icon-button:focus-visible .icon-tooltip,.geo-icon-button:hover .icon-tooltip,.status-card:focus-visible .icon-tooltip,.status-card:hover .icon-tooltip{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.icon-tooltip{transition:none}}.layer-toggle-button[aria-pressed=true]{background:#0f172a;color:#fff;box-shadow:0 8px 16px rgba(15,23,42,.18)}.layer-toggle-button[aria-pressed=true] .geo-icon-button-icon{color:#fff}.vehicle-list-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(15,23,42,.08);font-size:13px;color:#0f172a}.vehicle-list-row-button{width:100%;border:none;border-radius:10px;background:rgba(37,99,235,.04);padding:8px 10px;transition:background .12s ease;cursor:pointer}.vehicle-list-row-button:hover{background:rgba(37,99,235,.14)}.vehicle-list-row-selected{background:rgba(47,47,47,.12);border:1px solid #2f2f2f}.vehicle-list-row-selected:hover{background:rgba(47,47,47,.16)}.vehicle-list-row-button+.vehicle-list-row-button{margin-top:6px}.vehicle-list-row:last-child{border-bottom:none}.vehicle-list-row .vehicle-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.vehicle-status-inline{display:inline-flex;align-items:center;gap:6px}.vehicle-status-dot{width:8px;height:8px;border-radius:999px;background:#ef4444}.vehicle-status-dot.moving{background:#22c55e}.vehicle-status-dot.idle{background:#f59e0b}.vehicle-status-dot.off{background:#ef4444}.vehicle-list-row.vehicle-list-empty,.vehicle-list-row.vehicle-list-loading{border-bottom:none;justify-content:center;color:#475569}.vehicle-list-plate{font-weight:700;letter-spacing:.4px}.vehicle-list-plate-row{display:inline-flex;align-items:center;gap:6px}.camera-live-badge{color:#15803d;background:#bbf7d0;border:1px solid #22c55e;border-radius:999px}.camera-live-badge,.camera-offline-badge{font-size:12px;font-weight:700;padding:2px 6px;display:inline-flex;align-items:center;justify-content:center}.camera-offline-badge{color:#991b1b;background:#fecaca;border:1px solid #ef4444;border-radius:999px}.vehicle-list-meta span{color:#475569;font-size:11px}.vehicle-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;margin-top:12px;font-size:12px;padding-bottom:12px}.vehicle-list-pagination button{background:#111827;color:#f8fafc;border-radius:8px;padding:8px;border:1px solid hsla(0,0%,100%,.2);font-weight:600;font-size:11px;letter-spacing:.1px;cursor:pointer;flex:0 1 auto;min-width:88px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:none}.vehicle-list-pagination button:first-child{background:#f8fafc;color:#05080f;border-color:rgba(15,23,42,.12);box-shadow:none}.vehicle-list-pagination button:hover:not(:disabled){transform:translateY(-1px);border-color:hsla(0,0%,100%,.6)}.vehicle-list-pagination button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;border-color:rgba(15,23,42,.1)}.passive-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:10px;background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(239,68,68,.02));border:1px solid rgba(239,68,68,.15);border-radius:12px;cursor:pointer;transition:all .18s ease}.passive-toggle:hover{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.04));border-color:rgba(239,68,68,.25)}.passive-toggle:has(.passive-toggle-input:checked){background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.02));border-color:rgba(34,197,94,.2)}.passive-toggle:has(.passive-toggle-input:checked):hover{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.04));border-color:rgba(34,197,94,.3)}.passive-toggle-input{position:absolute;opacity:0;width:0;height:0}.passive-toggle-slider{position:relative;width:40px;height:22px;background:#cbd5e1;border-radius:999px;flex-shrink:0;transition:background .2s ease}.passive-toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}.passive-toggle-input:checked+.passive-toggle-slider{background:#22c55e}.passive-toggle-input:checked+.passive-toggle-slider:before{transform:translateX(18px)}.passive-toggle-label{font-size:13px;font-weight:600;color:#374151;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nearest-card{position:absolute;right:16px;top:80px;width:min(320px,90vw);background:hsla(0,0%,100%,.95);color:#0b1021;border-radius:12px;padding:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 30px rgba(15,23,42,.15);z-index:510}.stream-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;z-index:900;padding:16px}.stream-modal{position:relative;width:min(720px,94vw);background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.12);box-shadow:0 20px 40px rgba(15,23,42,.2);padding:14px}.stream-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-right:42px}.stream-title{font-weight:700;color:#0f172a}.stream-subtitle{font-size:12px;color:#64748b;margin-top:2px}.stream-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#111827;color:#f8fafc;cursor:pointer;display:grid;place-items:center}.stream-close svg{color:inherit}.stream-body{background:#0b1021;border-radius:12px;padding:10px}.stream-video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#0b1021;border-radius:10px;overflow:hidden}.stream-loading-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#e2e8f0;font-size:13px;background:rgba(15,23,42,.55);border-radius:10px}.stream-countdown{right:10px;font-size:12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12)}.stream-countdown,.stream-fullscreen{position:absolute;bottom:10px;background:rgba(15,23,42,.75);color:#e2e8f0;padding:4px 8px}.stream-fullscreen{left:10px;font-size:14px;border-radius:8px;border:1px solid hsla(0,0%,100%,.12);cursor:pointer}.stream-expired{background:#0b1021;border-radius:10px;padding:20px 12px;text-align:center;color:#e2e8f0}.stream-expired-text{font-size:13px;margin-bottom:10px}.stream-replay{background:#f8fafc;color:#0b1021;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.stream-warning-inline{margin:4px 0 10px;font-size:12px;line-height:1.4;color:#b45309;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:6px}.stream-warning-icon{width:16px;height:16px;border-radius:999px;background:#fb923c;color:#7c2d12;font-weight:700;font-size:12px;display:grid;place-items:center;flex:0 0 auto}.stream-video{width:100%;height:100%;border-radius:10px;background:#0b1021;object-fit:cover}.stream-status{color:#e2e8f0;font-size:13px;text-align:center;padding:18px 12px}.stream-warning{margin-top:8px;font-size:12px;color:#cbd5f5;line-height:1.4}.stream-status.stream-error{color:#fecaca}.nearest-card .selection-close{position:absolute;top:8px;right:10px}.nearest-title{font-weight:700;margin-bottom:6px}.nearest-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.nearest-section-title{font-size:12px;font-weight:600;margin-bottom:4px;color:#4b5563}.nearest-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:#0b1021}.nearest-row:last-child{margin-bottom:0}.nearest-value{font-weight:600}.nearest-error{color:#c5283d}.menu-mobile-bar{display:none;position:absolute;top:12px;left:12px;z-index:540;align-items:center;gap:8px;justify-content:flex-start;padding:6px;background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.12)}.live-card{display:flex;align-items:center;gap:8px}.live-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f8fafc;border:1px solid #e5e7eb}.live-label{font-weight:500;letter-spacing:-.1px;color:#111827}.live-sub{font-size:12px;color:#6b7280;margin-top:1px}.map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at center,hsla(0,0%,100%,.35),hsla(0,0%,100%,.1));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:480}.camera-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(15,23,42,.9);color:#f8fafc;padding:12px 20px;border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.45);z-index:540;font-weight:700;animation:popup-fade .3s ease}@keyframes popup-fade{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.camera-offline-popup{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:12px 18px;border-radius:12px;border:1px solid #f59e0b;box-shadow:0 12px 32px rgba(245,158,11,.25);z-index:545;font-weight:600;font-size:13px;animation:offline-popup-slide .35s ease;max-width:min(400px,90vw);text-align:center}.camera-offline-icon{font-size:18px;flex-shrink:0}@keyframes offline-popup-slide{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loader{width:36px;height:36px;border-radius:50%;border:3px solid rgba(34,197,94,.2);border-top-color:#22c55e;animation:spin .8s linear infinite}.loader-text{font-weight:700;color:#0b1021}.status-overlay .status-meta{display:flex;flex-direction:column;gap:6px;margin-top:8px}.geo-button{border:none;background:#0b61ff;color:#fff;border-radius:10px;padding:6px 12px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 10px 20px rgba(11,97,255,.25)}.geo-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.geo-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px rgba(11,97,255,.35)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.04);border:1px solid #d9deeb;font-size:12px;color:#0b1021;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5)}.list{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0c1226;font-size:14px}.list-row .plate{font-weight:700;letter-spacing:.3px}.list-row .meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.marker-pin{background:transparent}.marker-pin-inner{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid #0c1021;box-shadow:0 0 0 3px rgba(88,211,255,.25);transform-origin:center center}.marker-camera-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.selection-pin{background:transparent}.selection-pin-inner{width:18px;height:18px;display:block;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 0 0 3px rgba(37,99,235,.35)}.selection-panel{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);width:min(680px,calc(100% - 32px));background:hsla(0,0%,100%,.96);color:#0b1021;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:16px 20px;box-shadow:0 24px 60px rgba(15,23,42,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:530}.selection-panel .selection-header{gap:10px}.selection-header{flex-direction:column;align-items:flex-start;gap:8px}.selection-plate{font-weight:800;letter-spacing:.5px;font-size:16px}.selection-header{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;gap:12px}.selection-info{display:flex;flex-direction:column;gap:6px}.selection-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.selection-meta .bullet{opacity:.6}.desktop-break{display:none}.selection-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.selection-camera,.selection-close,.selection-nav{background:#dedede;border:1px solid #d1d5db;color:#111827;border-radius:10px;width:28px;height:28px;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.selection-close:hover,.selection-nav:hover{border-color:#9ca3af;background:#f3f4f6;transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.12)}.selection-camera{background:#dedede;color:#111827;border-color:#d1d5db}.selection-camera:hover{border-color:#9ca3af;background:#f3f4f6}.selection-camera svg{stroke:#0f172a;stroke-width:1;fill:currentColor}.selection-camera-icon{width:14px;height:14px;stroke-width:1}.selection-close-icon,.selection-nav-icon{width:16px;height:16px}.selection-details{margin-top:10px;display:grid;grid-gap:6px;gap:6px;font-size:13px}.selection-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.selection-row.selection-loading .selection-align-right{color:#64748b}.selection-row.selection-error .status-text.error{font-size:12px}.selection-align-right{text-align:right}.selection-row .status-text.error{color:#ff9f9f}.selection-panel .muted{color:#4b5563}@media (max-width:820px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.menu-mobile-bar{display:flex}.menu-logo{display:none}.map-menu{display:none;right:12px;top:110px;height:calc(100vh - 130px);overflow-y:auto}.map-menu,.selection-panel{width:calc(100% - 24px);left:12px}.selection-panel{bottom:80px;transform:none}.map-menu.menu-open{display:block}.nearest-card{width:calc(100% - 24px);left:12px;right:12px;top:100px;bottom:auto}}@media (min-width:840px){.selection-header,.selection-meta{align-items:center}.selection-meta{gap:8px}.selection-actions{margin-left:auto}.desktop-break{display:block;flex-basis:100%;height:0}}.watermark-footer{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000;padding:0 16px}.watermark-footer p{margin:0;font-size:11px;line-height:1.5;text-align:center;color:rgba(100,116,139,.9);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.watermark-heart{display:inline-block;color:#f87171;margin:0 4px;animation:pulse-heart 1.5s ease-in-out infinite}@keyframes pulse-heart{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@media (min-width:640px){.watermark-footer p{font-size:13px;padding:8px 18px}}.info-icon-button{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#1d4ed8}.info-icon-button .geo-icon-button-icon{color:#fff}.info-icon-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 8px 20px rgba(37,99,235,.35)}.info-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1001;padding:16px;animation:info-overlay-fade .25s ease}@keyframes info-overlay-fade{0%{opacity:0}to{opacity:1}}.info-modal{position:relative;width:min(560px,94vw);max-height:calc(100vh - 48px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.96));border-radius:20px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 25px 50px rgba(15,23,42,.18),0 0 0 1px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.6);overflow:hidden;display:flex;flex-direction:column;animation:info-modal-enter .3s ease}@keyframes info-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(59,130,246,.02))}.info-modal-title{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.info-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#475569;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.info-modal-close:hover{background:#f1f5f9;color:#0f172a;border-color:rgba(15,23,42,.15);transform:scale(1.05)}.info-modal-close svg{width:18px;height:18px}.info-modal-body{flex:1 1;padding:20px 24px;overflow-y:auto}.info-modal-body::-webkit-scrollbar{width:6px}.info-modal-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.2);border-radius:6px}.info-modal-body::-webkit-scrollbar-track{background:transparent}.info-modal-section{margin-bottom:20px}.info-modal-section:last-child{margin-bottom:0}.info-modal-section-title{font-size:14px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.info-modal-text{font-size:14px;line-height:1.6;color:#475569;margin:0}.info-modal-features{display:grid;grid-gap:12px;gap:12px}.info-modal-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(59,130,246,.02));border:1px solid rgba(37,99,235,.12);border-radius:12px;transition:all .15s ease}.info-modal-feature:hover{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(59,130,246,.05));border-color:rgba(37,99,235,.2);transform:translateX(4px)}.info-feature-icon{font-size:20px;line-height:1;flex-shrink:0}.info-modal-feature div{display:flex;flex-direction:column;gap:2px}.info-modal-feature strong{font-size:13px;font-weight:700;color:#0f172a}.info-modal-feature span{font-size:12px;color:#64748b;line-height:1.4}.info-modal-benefits{display:grid;grid-gap:8px;gap:8px}.info-modal-benefit{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:10px;font-size:13px;color:#334155;line-height:1.4;transition:all .15s ease}.info-modal-benefit:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25)}.info-benefit-check{width:20px;height:20px;border-radius:50%;background:#22c55e;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.info-modal-benefit strong{color:#0f172a}.info-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 20px;border-top:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.8)}.info-modal-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#475569;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}.info-modal-checkbox-label:hover{color:#0f172a}.info-modal-checkbox{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;background:#fff;cursor:pointer;accent-color:#2563eb;transition:all .15s ease}.info-modal-checkbox:checked{border-color:#2563eb}.info-modal-checkbox:hover{border-color:#94a3b8}.info-modal-button{padding:12px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px rgba(37,99,235,.25)}.info-modal-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,.35)}.info-modal-button:active{transform:translateY(0)}@media (max-width:480px){.info-modal{width:calc(100vw - 24px);max-height:calc(92vh - 32px);border-radius:16px}.info-modal-header{padding:16px 18px 14px}.info-modal-title{font-size:18px}.info-modal-body{padding:16px 18px}.info-modal-footer{flex-direction:column;gap:12px;padding:14px 18px 16px}.info-modal-button{width:100%;text-align:center}}.legend-dot.spraying{border-color:var(--spray);box-shadow:0 0 0 3px rgba(16,185,129,.28)}.vehicle-status-dot.spraying{background:var(--spray);box-shadow:0 0 0 3px rgba(16,185,129,.22)}@keyframes spray-pulse{0%,to{box-shadow:0 0 0 3px rgba(16,185,129,.35)}50%{box-shadow:0 0 0 6px rgba(16,185,129,.18)}}.marker-pin.marker-pin-spraying .marker-pin-inner{animation:spray-pulse 1.6s ease-in-out infinite}.stats-bar{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 14px rgba(15,23,42,.04)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.stats-tile{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:rgba(15,23,42,.03);border:1px solid transparent;transition:transform .18s ease,border-color .18s ease}.stats-tile:hover{transform:translateY(-1px)}.stats-tile-value{font-size:20px;font-weight:800;letter-spacing:-.4px;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-tile-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#475569;margin-top:2px;text-align:center}.stats-tile-spraying{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.45)}.stats-tile-spraying .stats-tile-value{color:#047857}.stats-tile-moving{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35)}.stats-tile-moving .stats-tile-value{color:#15803d}.stats-tile-idle{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}.stats-tile-idle .stats-tile-value{color:#b45309}.stats-tile-stopped{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.stats-tile-stopped .stats-tile-value{color:#b91c1c}.stats-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#475569;padding-top:6px;border-top:1px dashed rgba(15,23,42,.08)}.stats-footer strong{color:#0f172a;font-weight:700}.stats-footer strong,.stats-update{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.heatmap-filter{margin-top:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.heatmap-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.heatmap-filter-title{font-size:13px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.heatmap-filter-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(16,185,129,.25);border-top:2px solid var(--spray);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.heatmap-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.heatmap-filter-pill{flex:1 1 auto;min-width:60px;padding:7px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.heatmap-filter-pill:hover{background:#ecfdf5;border-color:rgba(16,185,129,.4)}.heatmap-filter-pill-active{background:var(--spray);border-color:var(--spray);color:#fff;box-shadow:0 6px 14px rgba(16,185,129,.28)}.heatmap-filter-pill-active:hover{background:#059669;border-color:#059669;color:#fff}.heatmap-filter-hint{margin-top:8px;font-size:11px;color:#475569;line-height:1.4}.support-cta{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;box-shadow:0 10px 22px rgba(16,185,129,.28);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.support-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(16,185,129,.35)}.support-cta-icon{font-size:22px}.support-cta-text{display:flex;flex-direction:column;line-height:1.2}.support-cta-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;opacity:.95}.support-cta-phone{font-size:18px;font-weight:800;letter-spacing:-.3px}.info-modal-phone-cta{display:flex;align-items:center;gap:14px;margin:4px 0 14px;padding:16px 18px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-radius:14px;text-decoration:none;box-shadow:0 14px 28px rgba(16,185,129,.3);transition:transform .18s ease,box-shadow .18s ease}.info-modal-phone-cta:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(16,185,129,.4)}.info-modal-phone-icon{font-size:28px}.info-modal-phone-text{display:flex;flex-direction:column;line-height:1.2}.info-modal-phone-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;opacity:.95}.info-modal-phone-number{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.info-modal-phone-hint{font-size:12px;opacity:.9;margin-top:2px}.info-feature-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;align-self:flex-start}.info-feature-dot.spraying{background:var(--spray);box-shadow:0 0 0 4px rgba(16,185,129,.18)}.info-feature-dot.moving{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.info-feature-dot.idle{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}.info-feature-dot.off{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}.stats-row-pair{grid-template-columns:repeat(2,1fr)}.stats-tile-onsite{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.35)}.stats-tile-onsite .stats-tile-value{color:#047857}.legend-dot.onsite{border-color:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.22)}.vehicle-status-dot.onsite{background:#34d399}.info-feature-dot.onsite{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18)}.info-modal-phone-cta,.support-cta{border:none;cursor:pointer;font-family:inherit;width:100%;text-align:left}.support-popup-overlay{position:fixed;inset:0;background:rgba(2,10,7,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:support-popup-fade .18s ease}@keyframes support-popup-fade{0%{opacity:0}to{opacity:1}}@keyframes support-popup-rise{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.support-popup{position:relative;width:min(420px,92vw);padding:28px 24px 22px;background:#fff;color:#0f172a;border-radius:18px;box-shadow:0 28px 60px rgba(2,10,7,.45);text-align:center;animation:support-popup-rise .22s ease}.support-popup-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;background:rgba(15,23,42,.06);color:#0f172a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .18s ease}.support-popup-close:hover{background:rgba(15,23,42,.12)}.support-popup-icon{font-size:40px;margin-bottom:8px}.support-popup-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#047857;margin-bottom:4px}.support-popup-number{font-size:38px;font-weight:800;letter-spacing:-.8px;color:#047857;margin-bottom:12px}.support-popup-text{font-size:14px;line-height:1.55;color:#334155;margin:0 0 18px}.support-popup-text strong{color:#047857;font-weight:700}.support-popup-copy{width:100%;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px rgba(16,185,129,.32);transition:transform .18s ease,box-shadow .18s ease}.support-popup-copy:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(16,185,129,.4)}.support-popup-copy:active{transform:translateY(0)}.spray-check-trigger,.spray-check-trigger .geo-icon-button-icon{color:#047857}.spray-check-trigger:hover{background:#ecfdf5}.spray-check-overlay{position:fixed;inset:0;background:rgba(2,10,7,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:support-popup-fade .18s ease}.spray-check-panel{position:relative;width:min(480px,96vw);max-height:92vh;overflow:hidden;background:#fff;color:#0f172a;border-radius:18px;box-shadow:0 28px 60px rgba(2,10,7,.45);animation:support-popup-rise .22s ease;display:flex;flex-direction:column}.spray-check-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid #e5e7eb}.spray-check-title{font-size:18px;font-weight:800;letter-spacing:-.3px;color:#047857}.spray-check-close{width:34px;height:34px;border:none;background:rgba(15,23,42,.06);color:#0f172a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.spray-check-close:hover{background:rgba(15,23,42,.12)}.spray-check-body{padding:16px 20px 20px;overflow-y:auto}.spray-check-intro{margin:0 0 14px;font-size:13px;color:#475569;line-height:1.5}.spray-check-quick{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.spray-check-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid #d1fae5;border-radius:12px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.spray-check-quick-btn:hover{background:#d1fae5;border-color:#a7f3d0}.spray-check-or{text-align:center;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:8px 0 12px;position:relative}.spray-check-or:after,.spray-check-or:before{content:"";position:absolute;top:50%;width:32%;height:1px;background:#e5e7eb}.spray-check-or:before{left:0}.spray-check-or:after{right:0}.spray-check-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.spray-check-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#475569}.spray-check-field select{height:40px;padding:0 12px;border-radius:10px;border:1px solid #d1d5db;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:600}.spray-check-field select:disabled{opacity:.55;cursor:not-allowed}.spray-check-pillgroup{margin:12px 0}.spray-check-pillgroup-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#475569;margin-bottom:6px}.spray-check-pills{display:flex;flex-wrap:wrap;gap:6px}.spray-check-pill{flex:1 1 auto;min-width:70px;padding:8px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.spray-check-pill:hover{background:#ecfdf5;border-color:rgba(16,185,129,.4)}.spray-check-pill-active{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 6px 14px rgba(16,185,129,.28)}.spray-check-coords{font-size:12px;color:#475569;padding:10px 12px;background:#f1f5f9;border-radius:10px;margin:10px 0}.spray-check-coords strong{color:#0f172a}.spray-check-error{margin:10px 0;padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600}.spray-check-submit{width:100%;margin-top:12px;padding:14px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-size:15px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px rgba(16,185,129,.32);transition:transform .18s ease,box-shadow .18s ease}.spray-check-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px rgba(16,185,129,.4)}.spray-check-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.spray-check-result{margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid}.spray-check-result.result-yes{background:#ecfdf5;border-color:#6ee7b7}.spray-check-result.result-no{background:#fef2f2;border-color:#fecaca}.spray-check-result-headline{font-size:16px;font-weight:800;letter-spacing:-.2px;margin-bottom:6px}.result-yes .spray-check-result-headline{color:#047857}.result-no .spray-check-result-headline{color:#b91c1c}.spray-check-result-meta{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:#334155}.spray-check-result-meta strong{color:#0f172a}.pick-on-map-banner{position:absolute;top:76px;left:50%;transform:translateX(-50%);z-index:600;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;background:#047857;color:#fff;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 14px 28px rgba(2,10,7,.35);animation:support-popup-fade .18s ease}.pick-on-map-banner button{border:none;background:hsla(0,0%,100%,.18);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.pick-on-map-banner button:hover{background:hsla(0,0%,100%,.28)}