@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#0c1021;--panel:#11162b;--muted:#9aa0be;--border:#1f2641;--accent:#58d3ff;--accent-2:#22c55e;--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(88,211,255,.08),transparent 35%),radial-gradient(circle at 80% 10%,rgba(192,255,116,.08),transparent 30%),var(--bg);color:#e7eaf6;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}.location-error{font-size:12px;padding:4px 10px;border-radius:10px;background:#fef2f2;color:#b91c1c}.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)}.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}@keyframes spin{to{transform:rotate(1turn)}}.status-overlay .status-meta{display:flex;flex-direction:column;gap:6px;margin-top:8px}.error-text{color:#ff9f9f;font-size:12px;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(100vh - 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}}