.insta-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:instaFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes instaFadeIn{0%{opacity:0}to{opacity:1}}.insta-modal-container{width:100%;max-width:640px;max-height:92vh;background:#fff;color:#111827;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000f;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:instaSlideUp .26s cubic-bezier(.16,1,.3,1)}@keyframes instaSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.insta-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid #f3f4f6;background:#fff}.insta-modal-titles{display:flex;flex-direction:column;gap:4px}.insta-title-main{font-size:1.45rem;font-weight:700;color:#111827;letter-spacing:-.02em;margin:0}.insta-title-sub{font-size:.88rem;color:#6b7280;margin:0;font-weight:400}.btn-insta-close{width:38px;height:38px;border-radius:50%;border:1px solid #e5e7eb;background:#f9fafb;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.btn-insta-close:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.insta-filter-pills-bar{display:flex;align-items:center;gap:10px;padding:16px 28px 12px;overflow-x:auto;scrollbar-width:none;background:#fff;border-bottom:1px solid #f9fafb}.insta-filter-pills-bar::-webkit-scrollbar{display:none}.insta-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:9999px;font-size:.85rem;font-weight:500;cursor:pointer;background:#fff;border:1px solid #e5e7eb;color:#374151;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.insta-pill-btn .pill-dot{font-size:1.1rem;line-height:0;color:#9ca3af}.insta-pill-btn:hover{border-color:#cbd5e1;background:#f8fafc}.insta-pill-btn.active{background:#eff6ff;border:1.5px solid #2563eb;color:#2563eb;font-weight:600;box-shadow:0 1px 3px #2563eb26}.insta-pill-btn.active .pill-dot{color:#2563eb}.insta-report-counter-row{display:flex;align-items:center;justify-content:space-between;padding:8px 28px 14px;font-size:.82rem;color:#6b7280}.insta-counter-text{font-weight:500;color:#6b7280}.insta-radius-summary-tag{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:3px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}.insta-feed-scroll-body{flex:1;overflow-y:auto;padding:0 24px 32px;display:flex;flex-direction:column;gap:24px}.feed-section-divider-label{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feed-section-divider-label.citywide{background:#f8fafc;border-color:#e2e8f0;color:#475569;margin-top:12px}.insta-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px -2px #0000000d;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.insta-post-card:hover{box-shadow:0 8px 26px -4px #00000014}.insta-priority-chip{background:#fef2f2;border-bottom:1px solid #fee2e2;color:#b91c1c;padding:6px 16px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:8px}.pulse-beacon{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef4444b3;animation:beaconPulse 1.8s infinite}@keyframes beaconPulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 7px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.insta-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.insta-header-left{display:flex;align-items:center;gap:12px}.insta-author-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1.5px solid #e2e8f0}.insta-author-info{display:flex;flex-direction:column;gap:2px}.insta-author-name{font-size:.94rem;font-weight:700;color:#111827;margin:0}.insta-author-location{font-size:.8rem;color:#6b7280;margin:0;font-weight:400}.insta-dist-sub{color:#059669;font-weight:600}.insta-category-badge{padding:4px 14px;border-radius:9999px;font-size:.75rem;font-weight:700;border-width:1px;border-style:solid;letter-spacing:.02em}.insta-media-wrapper{position:relative;width:100%;background:#0f172a;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.insta-post-image{width:100%;max-height:440px;object-fit:cover;display:block;transition:transform .3s ease}.insta-media-wrapper:hover .insta-post-image{transform:scale(1.01)}.insta-media-fallback{padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8;font-size:.9rem}.insta-heart-pop-anim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:heartPop .75s cubic-bezier(.16,1,.3,1) forwards}@keyframes heartPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:.95}to{transform:scale(1.5);opacity:0}}.insta-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px}.insta-actions-left{display:flex;align-items:center;gap:16px}.insta-action-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#262626;transition:transform .15s ease,color .15s ease}.insta-action-btn:hover{transform:scale(1.18)}.insta-action-btn.liked{color:#e11d48}.insta-action-btn.saved{color:#111827}.insta-likes-row{padding:2px 18px 6px;font-size:.88rem;color:#111827}.insta-caption-block{padding:0 18px 10px;font-size:.88rem;line-height:1.45;color:#1f2937}.insta-caption-author{font-weight:700;color:#111827;margin-right:6px}.insta-caption-text{color:#374151}.insta-comments-preview-row{padding:0 18px 8px;display:flex;flex-direction:column;gap:6px}.btn-view-comments-toggle{background:transparent;border:none;padding:0;font-size:.82rem;color:#6b7280;cursor:pointer;text-align:left;font-weight:500}.btn-view-comments-toggle:hover{color:#374151}.insta-comments-thread{display:flex;flex-direction:column;gap:6px}.insta-comment-item{font-size:.83rem;line-height:1.4;display:flex;align-items:baseline;gap:6px}.comment-author-tag{font-weight:600;color:#1e293b;flex-shrink:0}.comment-body-text{color:#475569;flex:1}.comment-time-meta{font-size:.72rem;color:#94a3b8;margin-left:auto;flex-shrink:0}.insta-post-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 12px;font-size:.75rem;color:#94a3b8;border-bottom:1px solid #f3f4f6}.btn-locate-on-map{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-locate-on-map:hover{background:#2563eb;color:#fff;border-color:#2563eb}.insta-add-comment-row{display:flex;align-items:center;padding:10px 18px;gap:12px;background:#fff}.insta-comment-input{flex:1;border:none;background:transparent;font-size:.86rem;color:#111827;outline:none}.insta-comment-input::placeholder{color:#9ca3af}.btn-post-comment{background:transparent;border:none;font-size:.86rem;font-weight:700;color:#2563eb;cursor:pointer;padding:0;transition:opacity .15s ease}.btn-post-comment:disabled{opacity:.35;cursor:not-allowed}.insta-empty-feed-card{padding:60px 20px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-feed-icon{font-size:3rem;margin-bottom:4px}.insta-toast-pill{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#f8fafc;padding:8px 18px;border-radius:9999px;font-size:.84rem;font-weight:600;box-shadow:0 10px 25px -5px #0000004d;pointer-events:none;z-index:10}:root{--bg-primary: #070a13;--bg-secondary: #0e1526;--bg-card: rgba(15, 23, 42, .94);--bg-card-hover: rgba(30, 41, 59, .98);--bg-glass: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .15);--border-glass-bright: rgba(255, 255, 255, .3);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-crimson: #dc2626;--accent-emerald: #10b981;--accent-purple: #8b5cf6;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased}@media(min-width:1920px){html{font-size:15.5px}}@media(min-width:2560px){html{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:1rem}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative}.global-toast-notification{position:fixed;top:6rem;right:2rem;z-index:9999;display:flex;align-items:center;gap:.9rem;padding:1rem 1.8rem;background:#0f172afa;border:2px solid var(--accent-cyan);border-radius:1rem;color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 16px 40px #000000b3,0 0 25px #06b6d480;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.navbar{display:flex;flex-shrink:0!important;align-items:center;justify-content:space-between;padding:.8rem 2.2rem;height:clamp(80px,5.5rem,130px);width:100%;border-radius:0;border-top:none;border-left:none;border-right:none;border-bottom:2px solid var(--border-glass);z-index:1100;background:#0b0f19fa}.nav-brand{display:flex;align-items:center;gap:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-icon-wrap{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f638;border:2px solid rgba(59,130,246,.6);border-radius:14px}.brand-emoji{font-size:26px}.brand-text h2{font-size:22px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#38bdf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{font-size:12px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:6px 10px;border-radius:14px;border:1px solid var(--border-glass)}.nav-tab{display:flex;align-items:center;gap:10px;padding:10px 22px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-heading);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.nav-tab:hover{background:#ffffff1a;color:var(--text-primary)}.nav-tab.active{background:linear-gradient(135deg,#3b82f666,#06b6d44d);color:#93c5fd;border:1px solid rgba(59,130,246,.6);font-weight:800}.tab-count-badge{background:var(--accent-rose);color:#fff;font-size:12px;font-weight:800;padding:3px 9px;border-radius:14px}.nav-right-actions{display:flex;align-items:center;gap:18px}.connection-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:800;letter-spacing:.05em;background:#ffffff0d;border:1px solid var(--border-glass)}.connection-pill.connected{color:var(--accent-emerald);border-color:#10b98180}.connection-pill.connected .status-dot{width:9px;height:9px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 12px var(--accent-emerald)}.connection-pill.connecting{color:var(--accent-amber)}.connection-pill.connecting .status-dot{width:9px;height:9px;border-radius:50%;background-color:var(--accent-amber)}.btn-report-hazard{display:flex;align-items:center;gap:10px;padding:12px 26px;border-radius:12px;border:none;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 6px 20px #ef444480;transition:all .2s ease}.btn-report-hazard:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ef4444b3}.main-content{flex:1;display:flex;width:100%;height:calc(100vh - 80px);position:relative;overflow:hidden}.live-map-layout,.route-view-layout{display:flex;flex-direction:row;width:100%;height:100%;position:relative;overflow:hidden}.feed-sidebar{width:clamp(500px,30vw,950px)!important;min-width:clamp(460px,28vw,880px)!important;max-width:clamp(600px,35vw,1100px)!important;flex-shrink:0!important;height:100%!important;display:flex;flex-direction:column;border-radius:0;border-top:none;border-bottom:none;border-left:none;border-right:2px solid var(--border-glass);background:#0b0f19fa;z-index:900;overflow:hidden}.feed-header{padding:1.2rem 1.6rem;border-bottom:1px solid var(--border-glass);background:#0f172a99}.feed-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title-left h3{font-size:20px;color:var(--text-primary)}.socket-indicator{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted);margin-top:3px}.socket-indicator.online{color:var(--accent-emerald);font-weight:600}.socket-indicator .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.btn-refresh{background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-primary);width:42px;height:42px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s}.btn-refresh:hover{background:#ffffff29}.search-bar-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;font-size:16px;opacity:.6}.search-bar-wrapper input{width:100%;background:#ffffff0f;border:1px solid var(--border-glass);border-radius:12px;padding:14px 44px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s}.search-bar-wrapper input:focus{border-color:var(--accent-blue)}.btn-clear-search{position:absolute;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.feed-filters-scroll{display:flex;gap:10px;padding:16px 26px;overflow-x:auto;border-bottom:1px solid var(--border-glass);scrollbar-width:none;background:#0b0f19cc}.feed-filters-scroll::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:24px;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s}.filter-chip:hover{background:#ffffff1a}.filter-chip.active{background:#3b82f64d;border-color:var(--accent-blue);color:#93c5fd}.filter-badge{background:#ffffff26;padding:2px 8px;border-radius:12px;font-size:12px}.incident-list-container{flex:1;overflow-y:auto;padding:20px 26px;display:flex;flex-direction:column;gap:16px}.incident-card{padding:20px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease;display:flex;flex-direction:column;gap:12px}.incident-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);border-color:var(--border-glass-bright)}.incident-card.selected{border-color:var(--accent-cyan);box-shadow:0 0 24px #06b6d459}.card-top-meta{display:flex;align-items:center;justify-content:space-between}.category-pill{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:16px;border:1px solid;font-size:13px;font-weight:800}.status-badge{font-size:13px;font-weight:800;padding:4px 12px;border-radius:14px}.status-badge.active{color:#fca5a5;background:#ef444438}.status-badge.clearing{color:#fde68a;background:#f59e0b38}.incident-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.4}.incident-road{font-size:14px;color:var(--text-muted)}.card-signals{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted)}.confidence-wrapper{display:flex;flex-direction:column;gap:6px;margin-top:4px}.confidence-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.confidence-track{width:100%;height:8px;background:#ffffff1a;border-radius:6px;overflow:hidden}.confidence-fill{height:100%;border-radius:6px;transition:width .4s ease}.gmaps-route-sidebar{width:clamp(500px,30vw,950px)!important;min-width:clamp(460px,28vw,880px)!important;max-width:clamp(600px,35vw,1100px)!important;flex-shrink:0!important;height:100%!important;display:flex;flex-direction:column;padding:1.2rem 1.4rem;gap:1.1rem;overflow-y:auto;z-index:900;background:#0a0e1afa;border-right:2px solid var(--border-glass);border-radius:0;border-top:none;border-bottom:none;border-left:none}.planner-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-glass)}.planner-header-title{display:flex;align-items:center;gap:12px}.radar-live-icon{position:relative;width:42px;height:42px;background:#3b82f626;border:1px solid rgba(59,130,246,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.planner-header-title h3{font-size:19px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.planner-subtitle{font-size:12px;color:var(--text-muted);letter-spacing:.02em}.live-status-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:20px;font-size:11px;font-weight:800;color:#34d399}.pulse-emerald{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.transport-mode-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#ffffff08;padding:6px;border-radius:14px;border:1px solid var(--border-glass)}.mode-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mode-tab-btn:hover{background:#ffffff14;color:var(--text-primary)}.mode-tab-btn.active{background:#3b82f64d;border:1px solid rgba(59,130,246,.6);color:#93c5fd;box-shadow:0 4px 14px #3b82f64d}.mode-icon{font-size:20px}.mode-text{display:flex;flex-direction:column;text-align:left;line-height:1.1}.mode-label{font-size:12px;font-weight:800}.mode-badge{font-size:10px;color:#38bdf8;font-weight:700}.waypoint-command-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:16px}.waypoint-node{display:flex;gap:14px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-glass);transition:all .2s}.waypoint-node.origin-node{border-left:4px solid #10b981}.waypoint-node.origin-node.is-targeting{border-color:#10b981;background:#10b9811f;box-shadow:0 0 20px #10b9814d}.waypoint-node.dest-node{border-left:4px solid #ef4444}.waypoint-node.dest-node.is-targeting{border-color:#ef4444;background:#ef44441f;box-shadow:0 0 20px #ef44444d}.node-badge-col{display:flex;flex-direction:column;align-items:center}.node-badge-letter{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.origin-letter{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 10px #10b98180}.dest-letter{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}.node-content-col{flex:1;display:flex;flex-direction:column;gap:8px}.node-header{display:flex;justify-content:space-between;align-items:center}.node-title{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.origin-title{color:#34d399}.dest-title{color:#f87171}.node-tag{font-size:10px;padding:2px 6px;background:#ffffff0f;border-radius:6px;color:var(--text-muted)}.waypoint-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:15px;font-weight:600;outline:none;transition:border-color .2s}.waypoint-input:focus{border-color:#38bdf8;background:#00000080}.node-actions-row{display:flex;align-items:center;gap:8px}.btn-map-pin{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-glass);background:#ffffff14;color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-map-pin:hover{background:#ffffff29}.origin-pin.active-pinning{background:#10b981;border-color:#34d399;color:#fff;animation:pulse-ring 1.5s infinite}.dest-pin.active-pinning{background:#ef4444;border-color:#f87171;color:#fff;animation:pulse-ring 1.5s infinite}.btn-clear-point{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-glass);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.btn-clear-point:hover{color:var(--accent-rose);background:#ef44441a}.waypoint-swap-divider{display:flex;align-items:center;gap:12px;padding:2px 0}.divider-line{flex:1;height:1px;background:var(--border-glass)}.btn-swap-waypoints{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border-glass);background:#ffffff14;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-swap-waypoints:hover{background:#3b82f633;border-color:#3b82f6;color:#93c5fd}.swap-icon{font-size:14px;font-weight:900}.waypoint-footer-cta{margin-top:4px}.btn-calculate-shield{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;border-radius:12px;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 6px 20px #2563eb73;transition:all .2s}.btn-calculate-shield:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #2563eba6}.preset-quick-pills{display:flex;flex-direction:column;gap:8px}.quick-label{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pills-scroll-row{display:flex;flex-direction:column;gap:6px}.quick-route-chip{padding:8px 12px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.quick-route-chip:hover{background:#ffffff14}.quick-route-chip.active{background:#3b82f640;border-color:var(--accent-blue);color:#93c5fd;font-weight:700}.route-alternatives-list{display:flex;flex-direction:column;gap:14px}.routes-header-row{display:flex;justify-content:space-between;align-items:center}.routes-header-row h4{font-size:16px}.routes-count{font-size:12px;color:var(--text-muted)}.route-option-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .2s}.route-option-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-bright)}.route-option-card.selected-route{border:2px solid #2563eb;background:#2563eb1f;box-shadow:0 0 24px #2563eb59}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.route-meta-left{display:flex;align-items:flex-start;gap:12px}.transport-symbol{font-size:24px;line-height:1}.route-title-wrap{display:flex;flex-direction:column;gap:3px}.route-name{font-size:16px;font-weight:800;color:var(--text-primary)}.route-summary{font-size:13px;color:var(--text-muted)}.route-meta-right{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.route-time{font-size:22px;font-weight:800}.route-distance{font-size:13px;color:var(--text-muted);font-weight:600}.route-hazard-callout{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700}.route-hazard-callout.warning-bg{background:#ef44442e;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.route-hazard-callout.info-bg{background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#fde68a}.route-card-actions{display:flex;gap:10px;padding-top:6px}.btn-route-action{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-primary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-route-action:hover{background:#ffffff1f}.btn-route-action.start{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;color:#fff;box-shadow:0 4px 14px #10b98166}.btn-route-action.start.navigating{background:linear-gradient(135deg,#ef4444,#f97316)}.step-directions-accordion{margin-top:8px;padding:14px;border-radius:12px;background:#00000059;border:1px solid var(--border-glass);display:flex;flex-direction:column;gap:10px}.accordion-title{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:#93c5fd;border-bottom:1px solid var(--border-glass);padding-bottom:6px}.steps-timeline-box{display:flex;flex-direction:column;gap:10px}.accordion-step-item{display:flex;gap:12px}.step-badge-col .step-num{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-muted)}.step-text-col{flex:1;display:flex;flex-direction:column;gap:4px}.step-desc-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.step-d{color:var(--text-muted);font-size:12px}.step-hazard-pill{font-size:11px;padding:4px 8px;border-radius:6px;background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.active-navigation-floating-dock{position:sticky;bottom:0;padding:16px 20px;border:2px solid var(--accent-cyan);background:#06b6d42e;display:flex;flex-direction:column;gap:12px;margin-top:auto}.dock-header{display:flex;justify-content:space-between;align-items:center}.live-guidance-badge{font-size:12px;font-weight:800;color:var(--accent-cyan)}.btn-close-dock{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer}.dock-main-step{display:flex;align-items:center;gap:14px}.dock-arrow{font-size:32px}.dock-instruction{display:flex;flex-direction:column;line-height:1.3}.dock-instruction strong{font-size:15px}.dock-instruction span{font-size:12px;color:var(--accent-cyan)}.dock-controls{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-glass)}.btn-dock-step{padding:6px 14px;border-radius:8px;border:1px solid var(--border-glass);background:#ffffff14;color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer}.btn-dock-step:disabled{opacity:.4;cursor:not-allowed}.dock-step-count{font-size:12px;font-weight:700;color:var(--text-muted)}.map-view-container{flex:1!important;height:100%!important;width:100%!important;min-width:0!important;position:relative!important;overflow:hidden!important;background:#0f172a}.map-view-container.is-picking-mode{cursor:crosshair!important}.leaflet-container{height:100%!important;width:100%!important;z-index:1!important}.map-picking-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:24px;padding:16px 32px;border-radius:40px;box-shadow:0 16px 45px #000c,0 0 30px #00000080;animation:floatBanner 2s ease-in-out infinite}@keyframes floatBanner{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.map-picking-banner.origin-mode{background:#064e3bf2;border:2px solid #34d399;color:#ecfdf5}.map-picking-banner.dest-mode{background:#7f1d1df2;border:2px solid #f87171;color:#fff1f2}.picking-banner-text{display:flex;align-items:center;gap:16px}.pulse-targeting-reticle{font-size:28px;animation:spinSlow 4s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.targeting-msg{display:flex;flex-direction:column;gap:2px}.targeting-msg strong{font-size:16px;font-weight:800;letter-spacing:.03em}.targeting-msg span{font-size:13px;opacity:.85}.btn-cancel-picking{padding:8px 18px;background:#0006;border:1px solid rgba(255,255,255,.4);border-radius:20px;color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}.btn-cancel-picking:hover{background:#000000b3;border-color:#fff}.floating-eta-marker-container{display:flex;align-items:center;justify-content:center}.floating-eta-pill{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:22px;box-shadow:0 10px 30px #000000bf;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.floating-eta-pill:hover{transform:scale(1.12)}.floating-eta-pill.selected{background:#fff;color:#0f172a;border:3px solid #3b82f6}.floating-eta-pill.selected .pill-car-icon{color:#3b82f6}.floating-eta-pill.unselected{background:#0f172af2;color:#f1f5f9;border:2px solid #64748b}.eta-pill-main{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;line-height:1}.eta-pill-dist{font-size:12px;opacity:.9;margin-top:3px;font-weight:700}.nav-point-marker{display:flex;align-items:center;justify-content:flex-start;pointer-events:auto!important}.tactical-pin-hud{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.hud-pulse-ring{position:absolute;top:50%;left:18px;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;animation:hudRadarRing 2s infinite;pointer-events:none}@keyframes hudRadarRing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.origin-ring{border:2px solid #10b981;box-shadow:0 0 15px #10b98199}.dest-ring{border:2px solid #ef4444;box-shadow:0 0 15px #ef444499}.hud-core-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;z-index:2;box-shadow:0 6px 18px #0009}.origin-core{background:linear-gradient(135deg,#10b981,#047857);border:3px solid #a7f3d0}.dest-core{background:linear-gradient(135deg,#ef4444,#b91c1c);border:3px solid #fecaca}.hud-label-card{display:flex;flex-direction:column;padding:6px 14px;border-radius:12px;background:#0f172af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #000000b3;z-index:2;white-space:nowrap}.origin-card{border:1.5px solid #10b981}.dest-card{border:1.5px solid #ef4444}.hud-type-tag{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.origin-card .hud-type-tag{color:#34d399}.dest-card .hud-type-tag{color:#f87171}.hud-name{font-size:13px;color:#fff;max-width:170px;overflow:hidden;text-overflow:ellipsis}.map-floating-overlay{position:absolute;top:24px;left:24px;z-index:500;display:flex;flex-direction:column;gap:14px;pointer-events:none}.overlay-top-row{display:flex;align-items:center;gap:14px}.live-stat-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:28px;font-size:15px;font-weight:700;color:var(--text-primary);background:#0f172af2;box-shadow:0 8px 28px #0009;width:fit-content}.live-pulse{width:14px;height:14px;border-radius:50%;background:var(--accent-rose);box-shadow:0 0 #f43f5ecc;animation:pulse-ring 1.8s infinite}.btn-toggle-heatmap{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:28px;font-size:15px;font-weight:800;color:var(--text-secondary);background:#0f172af2;border:1px solid var(--border-glass);cursor:pointer;transition:all .2s;box-shadow:0 8px 28px #0009}.btn-toggle-heatmap.active{background:linear-gradient(135deg,#dc262666,#9333ea66);border-color:#ef4444;color:#fca5a5;box-shadow:0 0 24px #ef444480}.map-layer-switcher{pointer-events:auto;display:flex;gap:8px;padding:8px;background:#0f172af2;border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 28px #0009;width:fit-content}.layer-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.layer-btn:hover{background:#ffffff1a;color:var(--text-primary)}.layer-btn.active{background:#3b82f64d;border-color:var(--accent-blue);color:#93c5fd;font-weight:800}.hub-pill-marker-container{display:flex;align-items:center;justify-content:center}.hub-pill-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:24px;background:#2563eb;border:2px solid #ffffff;color:#fff;box-shadow:0 8px 24px #000000b3,0 0 18px #2563eb99;-webkit-user-select:none;user-select:none;white-space:nowrap}.hub-pill-icon{font-size:18px}.hub-name{font-size:13px;font-weight:800}.hub-sub{font-size:11px;opacity:.85}.custom-marker-wrapper{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.marker-pin{width:46px;height:46px;border-radius:50%;background:var(--bg-card);border:3px solid var(--marker-color, #3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #000000b3,0 0 18px var(--marker-color, #3b82f6);cursor:pointer;transition:transform .2s ease}.marker-pin:hover{transform:scale(1.2)}.marker-emoji{font-size:22px}.custom-marker-wrapper.pulse-high .marker-pulse{position:absolute;width:58px;height:58px;border-radius:50%;border:2px solid var(--marker-color, #3b82f6);animation:marker-pulse-anim 2s infinite}@keyframes marker-pulse-anim{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.8);opacity:0}}.point-pin{padding:8px 14px;border-radius:16px;font-size:14px;font-weight:800;color:#fff;box-shadow:0 6px 16px #000000b3}.point-pin.green{background:#10b981;border:2px solid #6ee7b7}.point-pin.red{background:#ef4444;border:2px solid #fca5a5}.admin-view-layout{width:100%;height:100%;overflow-y:auto}.admin-dashboard-view{width:100%;padding:32px}.admin-container{max-width:1350px;margin:0 auto;padding:36px;display:flex;flex-direction:column;gap:32px}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-shield{font-size:14px;font-weight:800;color:var(--accent-amber);text-transform:uppercase;letter-spacing:.05em}.admin-header h2{font-size:26px}.btn-refresh-admin{padding:12px 20px;background:#ffffff14;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:15px;font-weight:700;cursor:pointer}.admin-notice-banner{padding:16px 22px;background:#10b98133;border-color:#10b98180;color:#a7f3d0;font-size:15px;font-weight:700}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{padding:26px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:14px;color:var(--text-muted)}.stat-value{font-size:40px;font-weight:800}.stat-sub{font-size:13px;color:var(--text-muted)}.text-red{color:#f87171}.text-green{color:#34d399}.simulator-controls{padding:28px;display:flex;flex-direction:column;gap:18px;border:1px solid rgba(245,158,11,.4);background:#f59e0b0f}.sim-badge{font-size:13px;font-weight:800;color:var(--accent-amber);text-transform:uppercase}.simulator-header h4{font-size:20px}.simulator-header p{font-size:14px;color:var(--text-muted)}.scenario-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.btn-scenario{display:flex;align-items:center;gap:16px;padding:18px;border-radius:14px;border:1px solid var(--border-glass);background:#ffffff0f;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s}.btn-scenario:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1f}.btn-scenario.rain:hover{border-color:var(--accent-cyan)}.btn-scenario.accident:hover{border-color:var(--accent-rose)}.btn-scenario.recovery:hover{border-color:var(--accent-emerald)}.btn-scenario .btn-icon{font-size:32px}.btn-scenario .btn-text{display:flex;flex-direction:column;gap:4px}.btn-scenario .btn-text strong{font-size:15px}.btn-scenario .btn-text span{font-size:13px;color:var(--text-muted)}.moderation-queue-section{display:flex;flex-direction:column;gap:18px}.table-responsive{overflow-x:auto;border-radius:14px;border:1px solid var(--border-glass)}.moderation-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.moderation-table th{background:#ffffff0f;padding:16px 20px;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border-glass)}.moderation-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.table-cat-badge{padding:5px 12px;border-radius:10px;background:#ffffff14;font-size:13px;font-weight:700;text-transform:uppercase}.table-status-pill{padding:5px 12px;border-radius:16px;font-size:13px;font-weight:800}.status-active{color:#f87171;background:#ef444433}.status-clearing{color:#fbbf24;background:#f59e0b33}.status-cleared{color:#34d399;background:#10b98133}.status-rejected{color:#9ca3af;background:#9ca3af33}.status-button-group{display:flex;gap:8px}.btn-action-mini{padding:8px 14px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer}.btn-action-mini:hover{color:var(--text-primary);background:#ffffff26}.btn-action-mini.selected{border-color:var(--accent-blue);color:#60a5fa;background:#3b82f64d}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#030712d6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-card{width:100%;max-width:660px;max-height:90vh;overflow:hidden;background:linear-gradient(180deg,#0e172a,#070d19);border:1.5px solid rgba(56,189,248,.32);border-radius:20px;box-shadow:0 25px 70px #000000eb,0 0 40px #38bdf824;display:flex;flex-direction:column;animation:modalPop .22s cubic-bezier(.16,1,.3,1)}.incident-detail-modal{max-width:660px!important;width:100%!important}.incident-detail-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172af5;flex-shrink:0}.header-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.header-top-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;border:1px solid;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;width:fit-content}.status-pill-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:9999px;font-size:11px;font-weight:800;background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#f87171;letter-spacing:.04em}.status-pill-live .pulse-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:liveBlink 1.2s infinite}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.modal-title{font-size:19px;font-weight:800;color:#fff;line-height:1.3;margin:0;letter-spacing:-.01em;word-break:break-word}.modal-subtitle{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px;margin:0}.btn-modal-close{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#94a3b8;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:14px;flex-shrink:0}.btn-modal-close:hover{background:#ef444433;border-color:#ef444480;color:#f87171;transform:scale(1.06)}.incident-detail-modal .modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;max-height:calc(90vh - 80px)}.incident-detail-modal .modal-body::-webkit-scrollbar{width:6px}.incident-detail-modal .modal-body::-webkit-scrollbar-track{background:transparent}.incident-detail-modal .modal-body::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:10px}.incident-detail-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#38bdf873}.evidence-section{display:flex;flex-direction:column;gap:10px}.evidence-media-wrapper{position:relative;width:100%;height:220px;border-radius:14px;overflow:hidden;border:1px solid rgba(56,189,248,.25);background:#020617}.evidence-image{width:100%;height:100%;object-fit:cover}.ai-vision-overlay{position:absolute;top:10px;left:10px}.ai-vision-badge{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#030712e0;border:1px solid rgba(56,189,248,.5);border-radius:20px;color:#38bdf8;font-size:11.5px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tags-label{font-size:11.5px;color:#94a3b8;font-weight:700}.ai-tag{padding:3px 8px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);border-radius:6px;color:#93c5fd;font-size:11px;font-weight:700}.ai-reason-text{font-size:12px;color:#cbd5e1;line-height:1.45;padding:10px 14px;background:#ffffff05;border-radius:10px;border-left:3px solid #38bdf8}.confidence-overview-card{padding:15px 18px;display:flex;flex-direction:column;gap:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:16px}.score-main{display:flex;align-items:center;gap:16px}.score-num-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:8px 12px;border-radius:14px;background:#3b82f61f;border:1.5px solid rgba(59,130,246,.35);flex-shrink:0;text-align:center}.score-value{font-size:26px;font-weight:900;color:#60a5fa;line-height:1;letter-spacing:-.02em}.score-max{font-size:10.5px;color:#94a3b8;font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.04em}.score-desc{display:flex;flex-direction:column;gap:3px}.score-desc h4{font-size:13.5px;font-weight:800;color:#f8fafc;margin:0;letter-spacing:-.01em}.score-desc p{font-size:11.5px;color:#94a3b8;line-height:1.4;margin:0}.signals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.signal-box{padding:12px 14px;display:flex;flex-direction:column;gap:5px;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.signal-box:hover{background:#ffffff0a;border-color:#38bdf840}.signal-box-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#e2e8f0}.signal-box-title{display:flex;align-items:center;gap:6px}.signal-score-badge{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;white-space:nowrap}.signal-score-badge.badge-emerald{background:#10b98126;border-color:#10b98159;color:#34d399}.signal-score-badge.badge-purple{background:#8b5cf626;border-color:#8b5cf659;color:#c084fc}.signal-score-badge.badge-amber{background:#f59e0b26;border-color:#f59e0b59;color:#fbbf24}.signal-box p{font-size:11px;color:#94a3b8;line-height:1.35;margin:0}.citizen-confirm-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px;background:#ffffff06;border:1px solid rgba(56,189,248,.22);border-radius:16px}.confirm-header{display:flex;align-items:center;gap:12px}.confirm-header .pulse-icon{font-size:20px;line-height:1;flex-shrink:0}.confirm-header strong{font-size:13.5px;font-weight:800;color:#f8fafc;display:block;margin-bottom:2px;letter-spacing:-.01em}.confirm-header p{font-size:11.5px;color:#94a3b8;margin:0;line-height:1.4}.confirm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-confirm{height:42px;padding:0 12px;border-radius:12px;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s ease;border:1px solid transparent;font-family:inherit}.btn-confirm .btn-icon{font-size:14px}.btn-confirm.still-there{background:#f59e0b1f;border-color:#f59e0b66;color:#fbbf24}.btn-confirm.still-there:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 16px #f59e0b59;transform:translateY(-1px)}.btn-confirm.clearing{background:#06b6d41f;border-color:#06b6d466;color:#38bdf8}.btn-confirm.clearing:hover:not(:disabled){background:#06b6d440;border-color:#06b6d4;box-shadow:0 0 16px #06b6d459;transform:translateY(-1px)}.btn-confirm.cleared{background:#10b9811f;border-color:#10b98166;color:#34d399}.btn-confirm.cleared:hover:not(:disabled){background:#10b98140;border-color:#10b981;box-shadow:0 0 16px #10b98159;transform:translateY(-1px)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-confirm.loading{opacity:.8;pointer-events:none}.vote-success-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:12px;font-weight:700;animation:fadeIn .25s ease}.modal-card.report-modal{max-width:660px!important;width:95%!important;background:linear-gradient(180deg,#0b1120,#060a12)!important;border:1.5px solid rgba(56,189,248,.35)!important;box-shadow:0 30px 80px #000000f2,0 0 50px #38bdf833!important;border-radius:24px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.report-modal .modal-header{padding:18px 24px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#ffffff05!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.report-header-title{display:flex;flex-direction:column;gap:4px}.report-header-title h3{font-size:20px!important;font-weight:800!important;color:#fff!important;margin:0!important;letter-spacing:-.01em}.report-modal .modal-body{padding:24px!important;display:flex!important;flex-direction:column!important;gap:20px!important;max-height:calc(88vh - 80px)!important;overflow-y:auto!important}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#38bdf8!important}.category-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:600px){.category-selection-grid{grid-template-columns:repeat(2,1fr)}}.category-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.category-select-btn .cat-icon{font-size:24px}.category-select-btn .cat-text{font-size:12px;font-weight:700;line-height:1.2}.category-select-btn:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-2px)}.category-select-btn.active{background:#38bdf82e!important;border-color:var(--btn-color, #38bdf8)!important;color:#fff!important;box-shadow:0 0 18px #38bdf859!important;transform:translateY(-2px)}.location-select{width:100%;padding:12px 16px;background:#0f172acc!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;outline:none!important;cursor:pointer;transition:all .2s ease}.location-select:focus{border-color:#38bdf8!important;box-shadow:0 0 15px #38bdf84d!important}.location-select option{background:#0f172a;color:#fff}.text-input{width:100%;padding:12px 16px;background:#0f172acc!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:#fff!important;font-size:14px!important;font-weight:500!important;outline:none!important;transition:all .2s ease}.text-input:focus{border-color:#38bdf8!important;box-shadow:0 0 15px #38bdf84d!important}.gps-lock-badge{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#10b9811a!important;border:1px solid rgba(16,185,129,.4)!important;margin-top:6px}.gps-status-dot{display:flex;align-items:center;gap:8px}.dot-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.status-label{font-size:12px;font-weight:800;color:#6ee7b7;text-transform:uppercase;letter-spacing:.04em}.gps-coords-detail{display:flex;align-items:center;gap:8px;font-size:12px;font-family:monospace;color:#a7f3d0;font-weight:700}.accuracy-tag{font-size:11px;color:#34d399}.ai-pill{padding:14px 16px!important;border-radius:14px!important;margin-top:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.ai-pill.verified{background:#38bdf81a!important;border:1.5px solid rgba(56,189,248,.5)!important;box-shadow:0 0 20px #38bdf833}.ai-pill.rejected{background:#ef444426!important;border:1.5px solid rgba(239,68,68,.6)!important;box-shadow:0 0 25px #ef444459!important}.ai-pill.idle{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.15)!important}.ai-pill.analyzing{background:#f59e0b26!important;border:1.5px solid rgba(245,158,11,.6)!important;box-shadow:0 0 20px #f59e0b4d}.pill-badge-idle{font-size:12px;font-weight:800;color:#94a3b8}.idle-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#ffffff14;color:#cbd5e1}.pill-badge-rejected{font-size:12px;font-weight:800;color:#ef4444;letter-spacing:.03em}.anti-spoof-failed{font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;background:#ef44444d;border:1px solid #ef4444;color:#fca5a5}.match-tag-rejected{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#ef44444d;border:1px solid rgba(239,68,68,.6);color:#fca5a5}.pill-desc-rejected{font-size:12px;color:#fca5a5;font-weight:600;line-height:1.4;margin:0}.tag-chip-rejected{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.btn-submit-report.is-blocked{background:#ef44444d!important;border:1px solid rgba(239,68,68,.6)!important;color:#fca5a5!important;box-shadow:none!important}.pill-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pill-badge{font-size:12px;font-weight:800;color:#38bdf8}.match-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#a7f3d0}.pill-desc{font-size:12px;color:#cbd5e1;line-height:1.4;margin:0}.pill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag-chip{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.report-action-row{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.btn-cancel{padding:14px 20px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff1f;color:#fff}.btn-submit-report{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 25px #2563eb80;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-submit-report:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #06b6d4a6}.btn-submit-report:disabled{opacity:.6;cursor:not-allowed;transform:none}.live-navigation-hud-root{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1050;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 2rem}.turn-maneuver-cockpit{pointer-events:auto;align-self:center;width:100%;max-width:min(92vw,860px);padding:1.4rem 1.8rem;border:2px solid rgba(59,130,246,.6);background:#0b1121f5;box-shadow:0 20px 50px #000000e6,0 0 30px #2563eb59;border-radius:24px;display:flex;flex-direction:column;gap:1rem;animation:slideDownNav .3s ease}@keyframes slideDownNav{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.maneuver-main-row{display:flex;align-items:center;gap:1.4rem}.maneuver-icon-container{width:72px;height:72px;flex-shrink:0;border-radius:20px;background:linear-gradient(135deg,#2563eb,#06b6d4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #2563eb99}.maneuver-arrow-glow{font-size:2.5rem;color:#fff;line-height:1}.maneuver-text-block{flex:1;display:flex;flex-direction:column;gap:.3rem}.maneuver-distance-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#38bdf8;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.maneuver-distance-pill strong{font-size:1.3rem;color:#fff}.maneuver-instruction-title{font-size:1.4rem;font-weight:800;color:#fff;line-height:1.25}.next-maneuver-preview{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.85rem;color:var(--text-muted)}.next-tag{font-size:.75rem;font-weight:900;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#93c5fd}.cockpit-top-actions{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}.btn-cockpit-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border-glass);font-size:.8rem;font-weight:800;cursor:pointer;transition:all .2s}.voice-on{background:#10b98133;border-color:#10b981;color:#34d399}.voice-muted{background:#ffffff0d;color:var(--text-muted)}.btn-cockpit-exit{padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(239,68,68,.6);background:#ef444433;color:#fca5a5;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-cockpit-exit:hover{background:#ef4444;color:#fff}.live-hazard-hud-banner{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#dc262640;border:1.5px solid #ef4444;border-radius:14px;animation:pulse-ring 1.5s infinite}.hazard-banner-icon{position:relative;font-size:1.6rem}.hazard-banner-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.hazard-banner-content strong{font-size:.9rem;color:#fca5a5;letter-spacing:.04em}.hazard-banner-content p{font-size:.85rem;color:#fff}.hazard-delay-badge{padding:.4rem .8rem;background:#0006;border-radius:8px;color:#f87171;font-weight:800;font-size:.85rem}.corridor-hazard-alert-banner{pointer-events:auto;align-self:center;width:100%;max-width:min(92vw,860px);margin-top:10px;background:linear-gradient(135deg,#dc2626f2,#991b1bfa);border:2px solid #f87171;border-radius:18px;box-shadow:0 16px 45px #dc262673,0 0 30px #ef444459;overflow:hidden;display:flex;flex-direction:column;animation:corridorAlertDrop .25s cubic-bezier(.16,1,.3,1);z-index:1000}@keyframes corridorAlertDrop{0%{transform:translateY(-20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.alert-banner-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.15)}.alert-beacon-group{display:flex;align-items:center;gap:8px}.beacon-icon{font-size:18px}.beacon-title{font-size:12px;font-weight:800;color:#fee2e2;letter-spacing:.06em;text-transform:uppercase}.alert-distance-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#fff;border-radius:20px;color:#dc2626;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 2px 8px #0000004d}.radar-ping-dot{width:6px;height:6px;border-radius:50%;background:#dc2626;animation:radarPing 1s infinite}@keyframes radarPing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.alert-banner-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}.hazard-info-main{display:flex;align-items:center;gap:12px}.hazard-type-symbol{font-size:28px;line-height:1;flex-shrink:0}.hazard-text-block{display:flex;flex-direction:column;gap:3px;flex:1}.hazard-incident-title{font-size:15px;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.hazard-location-sub{font-size:12px;color:#fecaca;display:flex;align-items:center;gap:6px;margin:0;flex-wrap:wrap}.hazard-eta-pill{padding:2px 7px;border-radius:6px;background:#0000004d;font-weight:700;color:#fef08a}.hazard-confidence-pill{padding:2px 7px;border-radius:6px;background:#0000004d;font-weight:700;color:#bae6fd}.alternate-bypass-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000059;border-radius:10px;border-left:3px solid #10b981;font-size:12px}.bypass-tag{color:#34d399;font-weight:800;font-size:11px}.bypass-name{color:#fff;font-weight:700}.bypass-time{color:#94a3b8}.alert-banner-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.btn-reroute-bypass{flex:1;height:40px;border-radius:10px;border:1px solid #34d399;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #10b98166;transition:all .2s ease}.btn-reroute-bypass:hover{background:linear-gradient(135deg,#10b981,#34d399);transform:translateY(-1px);box-shadow:0 6px 20px #10b98199}.btn-dismiss-corridor{padding:0 16px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0000004d;color:#fecaca;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-dismiss-corridor:hover{background:#00000080;border-color:#fff6;color:#fff}.btn-sim-trigger-hazard{padding:6px 12px;border-radius:10px;border:1px solid #f87171;background:linear-gradient(135deg,#ef444440,#dc262659);color:#fecaca;font-size:11.5px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-sim-trigger-hazard:hover{background:#ef444473;box-shadow:0 0 14px #ef444466;color:#fff}.dynamic-corridor-radar-bubble{animation:radarBubbleSweep 3s infinite ease-in-out}@keyframes radarBubbleSweep{0%,to{stroke-opacity:.8}50%{stroke-opacity:.35}}.navigation-telemetry-dock{pointer-events:auto;align-self:center;width:100%;max-width:min(94vw,920px);padding:1.2rem 1.8rem;background:#0b1121f5;border:2px solid var(--border-glass-bright);border-radius:24px;box-shadow:0 20px 50px #000000e6;display:flex;flex-direction:column;gap:1.2rem;animation:slideUpNav .3s ease}@keyframes slideUpNav{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.telemetry-sim-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.8rem;border-bottom:1px solid var(--border-glass)}.btn-sim-play{padding:.7rem 1.4rem;border-radius:12px;border:none;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-sim-play.playing{background:#f59e0b;color:#1e1b4b}.btn-sim-play.paused{background:#10b981;color:#fff}.sim-speed-group{display:flex;align-items:center;gap:.5rem}.speed-label{font-size:.8rem;color:var(--text-muted);font-weight:700}.btn-spd-chip{padding:.4rem .8rem;border-radius:8px;border:1px solid var(--border-glass);background:#ffffff0f;color:var(--text-secondary);font-weight:800;font-size:.8rem;cursor:pointer}.btn-spd-chip.active{background:#3b82f6;border-color:#60a5fa;color:#fff}.step-jump-controls{display:flex;align-items:center;gap:.6rem}.btn-jump-step{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff0f;color:var(--text-primary);font-size:.8rem;font-weight:700;cursor:pointer}.btn-jump-step:disabled{opacity:.35;cursor:not-allowed}.step-tracker-pill{font-size:.85rem;font-weight:800;color:#38bdf8;padding:0 .4rem}.telemetry-stats-row{display:grid;grid-template-columns:repeat(3,1fr) 2fr;align-items:center;gap:1.2rem}.telemetry-stat-card{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:800;letter-spacing:.05em}.stat-val{font-size:1.6rem;font-weight:900}.stat-unit{font-size:.9rem;font-weight:600;color:var(--text-muted)}.text-cyan{color:#38bdf8}.text-emerald{color:#34d399}.text-amber{color:#fbbf24}.telemetry-progress-block{display:flex;flex-direction:column;gap:.4rem}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);font-weight:700}.progress-track{width:100%;height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);border-radius:10px;transition:width .1s linear}.live-gps-vehicle-marker{display:flex;align-items:center;justify-content:center;pointer-events:none}.gps-vehicle-container{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.gps-beacon-radar{position:absolute;width:60px;height:60px;border-radius:50%;background:#3b82f640;border:2px solid #60a5fa;animation:gpsPulseRadar 1.5s infinite}@keyframes gpsPulseRadar{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}.gps-car-chassis{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 0 20px #2563ebe6,0 8px 18px #000c;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .1s linear;z-index:2}.car-symbol{font-size:22px}.car-headlight{position:absolute;top:-6px;width:6px;height:8px;background:#fef08a;border-radius:3px;box-shadow:0 0 10px #fef08a}.car-headlight.left{left:8px}.car-headlight.right{right:8px}.gps-speed-tag{position:absolute;bottom:-12px;font-size:9px;font-weight:900;padding:2px 6px;border-radius:6px;background:#0f172ae6;border:1px solid #38bdf8;color:#38bdf8;white-space:nowrap}.place-autocomplete-container{position:relative;width:100%}.input-field-relative{position:relative;width:100%;display:flex;align-items:center}.input-field-relative .waypoint-input{padding-right:36px}.btn-clear-inline{position:absolute;right:10px;width:22px;height:22px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-muted);font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-clear-inline:hover{background:#ef444440;color:#fca5a5}.autocomplete-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:#0f172af5!important;border:1px solid rgba(56,189,248,.4)!important;border-radius:12px;box-shadow:0 16px 40px #000000d9,0 0 20px #38bdf840;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;max-height:320px;display:flex;flex-direction:column}.dropdown-header-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0a;border-bottom:1px solid var(--border-glass)}.dropdown-label{font-size:11px;font-weight:800;color:#38bdf8;letter-spacing:.04em;text-transform:uppercase}.online-pulse-text{font-size:10px;color:var(--accent-amber);animation:pulse-ring 1s infinite}.suggestions-list-scroll{list-style:none;margin:0;padding:4px 0;overflow-y:auto;max-height:240px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(255,255,255,.04)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.is-highlighted{background:#38bdf826}.suggestion-icon-col{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.suggestion-text-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.place-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.place-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-category-pill{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.place-area-text{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-select-arrow{font-size:14px;color:var(--text-muted);opacity:.5;transition:opacity .2s}.suggestion-item:hover .suggestion-select-arrow,.suggestion-item.is-highlighted .suggestion-select-arrow{opacity:1;color:#38bdf8}.dropdown-footer-hint{padding:6px 12px;background:#0006;border-top:1px solid var(--border-glass);font-size:10px;color:var(--text-muted);text-align:center}.dropdown-footer-hint strong{color:#38bdf8}.camera-badge{font-size:11px;font-weight:800;text-transform:uppercase;color:#38bdf8;letter-spacing:.05em}.viewfinder-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.live-rec-pill{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:20px;background:#ef444433;border:1px solid rgba(239,68,68,.5);font-size:10px;font-weight:800;color:#fca5a5;letter-spacing:.05em}.pulse-red-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse-ring 1s infinite}.camera-viewfinder{position:relative;width:100%;height:220px;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center}.live-video-element,.camera-snapshot-preview{width:100%;height:100%;object-fit:cover}.viewfinder-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:2px dashed rgba(56,189,248,.6);border-radius:12px;pointer-events:none}.viewfinder-laser-scan{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#38bdf8,#06b6d4,transparent);box-shadow:0 0 12px #38bdf8,0 0 24px #06b6d4;animation:laserSweep 2s ease-in-out infinite;pointer-events:none}@keyframes laserSweep{0%{top:5%;opacity:.3}50%{top:90%;opacity:1}to{top:5%;opacity:.3}}.viewfinder-tag{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewfinder-tag.locked-tag{background:#10b981d9;border-color:#34d399;color:#fff}.btn-shutter-capture{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;background:linear-gradient(135deg,#ef4444,#f97316);border:2px solid rgba(255,255,255,.4);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #ef444499;transition:all .2s;z-index:5}.btn-shutter-capture:hover{transform:translate(-50%,-2px);box-shadow:0 8px 26px #ef4444d9}.shutter-inner-ring{font-size:16px}.btn-retake-photo{position:absolute;bottom:14px;right:14px;padding:7px 14px;border-radius:20px;background:#000000bf;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.btn-retake-photo:hover{background:#000000f2;border-color:#38bdf8;color:#38bdf8}.camera-note-pill{margin-top:6px;padding:6px 10px;border-radius:8px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);font-size:11px;color:#93c5fd}.camera-permission-fallback{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:12px;z-index:10}.camera-permission-fallback .error-icon{font-size:32px}.camera-permission-fallback p{font-size:13px;color:#fca5a5;margin:0;line-height:1.4}.btn-enable-cam{padding:10px 18px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #2563eb80;transition:all .2s}.btn-enable-cam:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d4a6}.pulse-spin{display:inline-block;animation:spinSlow 1s linear infinite}.ai-scanning-header{display:flex;align-items:center;gap:10px}.pulse-scan{font-size:20px;animation:spinSlow 3s linear infinite}.scanning-progress-bar{margin-top:8px;width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill.animate-laser{width:100%;height:100%;background:linear-gradient(90deg,#38bdf8,#10b981,#38bdf8);background-size:200% 100%;animation:progressShimmer 1.2s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pill-badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.anti-spoof-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#a7f3d0}.btn-locate-me{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;background:#0f172ad9;border:1px solid var(--accent-blue);color:#93c5fd;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0006;transition:all .2s}.btn-locate-me:hover{background:#2563eb4d;border-color:#60a5fa;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb80}.locate-icon{font-size:15px}.user-gps-leaflet-marker{display:flex;align-items:center;justify-content:center}.user-gps-pulse-outer{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.user-gps-pulse-inner{position:absolute;width:100%;height:100%;border-radius:50%;background:#38bdf866;border:2px solid #38bdf8;animation:pulse-ring 1.8s infinite}.user-gps-center-dot{position:relative;width:14px;height:14px;border-radius:50%;background:#0284c7;border:2.5px solid #ffffff;box-shadow:0 0 10px #38bdf8e6;z-index:2}.user-location-popup{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#0f172a}.geofenced-alert-container{position:fixed;top:84px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:14px;max-width:440px;width:calc(100vw - 48px);pointer-events:none}.geofenced-alert-card{pointer-events:auto;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:#0b1120f5;border:1.5px solid;box-shadow:0 20px 50px #000c,0 0 30px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.animate-slide-in{animation:alertSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes alertSlideIn{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.geofenced-alert-card.theme-danger{border-color:#f43f5e99;box-shadow:0 20px 50px #000000d9,0 0 30px #f43f5e59}.geofenced-alert-card.theme-danger .alert-header-tag{color:#fb7185}.geofenced-alert-card.theme-danger .alert-live-pulse{background:#f43f5e;box-shadow:0 0 12px #f43f5e}.geofenced-alert-card.theme-clearing{border-color:#10b98199;box-shadow:0 20px 50px #000000d9,0 0 30px #10b98159}.geofenced-alert-card.theme-clearing .alert-header-tag{color:#6ee7b7}.geofenced-alert-card.theme-clearing .alert-live-pulse{background:#10b981;box-shadow:0 0 12px #10b981}.geofenced-alert-card.theme-cleared{border-color:#059669b3;box-shadow:0 20px 50px #000000d9,0 0 30px #05966966}.geofenced-alert-card.theme-cleared .alert-header-tag{color:#34d399}.geofenced-alert-card.theme-cleared .alert-live-pulse{background:#059669;box-shadow:0 0 12px #059669}.alert-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.alert-badge-group{display:flex;align-items:center;gap:8px}.alert-live-pulse{width:10px;height:10px;border-radius:50%;animation:pulse-ring 1.5s infinite}.alert-header-tag{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.alert-distance-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;background:#38bdf826;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-size:12px}.alert-distance-chip strong{font-weight:800}.alert-distance-chip .radar-icon{font-size:13px;animation:spinSlow 4s linear infinite}.btn-alert-dismiss{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-alert-dismiss:hover{background:#ef44444d;color:#f87171;border-color:#f87171}.alert-card-body{display:flex;gap:14px;align-items:flex-start}.alert-photo-wrapper{position:relative;width:90px;height:75px;border-radius:12px;overflow:hidden;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;flex-shrink:0;transition:transform .2s ease}.alert-photo-wrapper:hover{transform:scale(1.05);border-color:#38bdf8}.alert-evidence-thumbnail{width:100%;height:100%;object-fit:cover}.photo-zoom-badge{position:absolute;bottom:3px;left:3px;right:3px;padding:2px 4px;background:#000000bf;border-radius:6px;font-size:9px;font-weight:700;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alert-category-avatar{width:60px;height:60px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-emoji{font-size:28px}.alert-text-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.alert-title{font-size:15px;font-weight:800;color:#fff;margin:0;line-height:1.3}.alert-road{font-size:13px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-meta-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.status-pill{font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase}.status-pill.theme-danger{background:#f43f5e33;color:#fb7185;border:1px solid rgba(244,63,94,.4)}.status-pill.theme-clearing{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.status-pill.theme-cleared{background:#05966940;color:#34d399;border:1px solid rgba(5,150,105,.5)}.ai-trust-badge{font-size:11px;font-weight:700;color:#38bdf8}.time-badge{font-size:11px;color:var(--text-muted)}.alert-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.btn-alert-action{padding:8px 14px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-alert-action.view-map{background:#2563eb59;border-color:#3b82f6;color:#93c5fd;flex:1;justify-content:center}.btn-alert-action.view-map:hover{background:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb80}.quick-clearing-buttons{display:flex;gap:6px}.btn-alert-action.clearing-btn{background:#f59e0b26;border-color:#f59e0b66;color:#fde68a}.btn-alert-action.clearing-btn:hover{background:#f59e0b59;border-color:#f59e0b}.btn-alert-action.cleared-btn{background:#10b98126;border-color:#10b98166;color:#a7f3d0}.btn-alert-action.cleared-btn:hover{background:#10b98159;border-color:#10b981}.alert-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff14}.alert-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#f43f5e);width:100%;animation:autoDismissProgress 14s linear forwards}@keyframes autoDismissProgress{0%{width:100%}to{width:0%}}.image-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.lightbox-modal{max-width:700px;width:100%;background:#0b1120;border:1.5px solid rgba(56,189,248,.4);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #000000f2,0 0 40px #38bdf84d;display:flex;flex-direction:column}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.lightbox-title span{font-size:16px;font-weight:800;color:#fff}.lightbox-title p{font-size:12px;color:var(--text-muted);margin:2px 0 0}.btn-lightbox-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-image-container{width:100%;max-height:480px;background:#000;display:flex;align-items:center;justify-content:center}.lightbox-full-image{max-width:100%;max-height:480px;object-fit:contain}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.watermark-tag{font-size:12px;font-weight:700;color:#34d399}.btn-lightbox-action{padding:8px 16px;border-radius:10px;background:#2563eb;border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.gps-status-pill{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--border-glass);cursor:pointer;font-size:12px;font-weight:700;color:var(--text-secondary);transition:all .2s}.gps-status-pill:hover{background:#ffffff1a;border-color:#38bdf8;color:#fff}.gps-status-pill.gps-locked{border-color:#10b98166;background:#10b9811a;color:#a7f3d0}.gps-status-pill.gps-locked .gps-dot{background:#10b981;box-shadow:0 0 10px #10b981}.gps-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8}.geofence-tag{padding:2px 6px;border-radius:6px;background:#38bdf833;color:#38bdf8;font-size:10px;font-weight:800}.alert-toggles-group{display:flex;gap:6px}.btn-toggle-sound,.btn-toggle-voice{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff0d;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-toggle-sound:hover,.btn-toggle-voice:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-toggle-sound.active,.btn-toggle-voice.active{border-color:#38bdf880;background:#38bdf826}.tab-count-badge.clearing{background:#f59e0b40;border-color:#f59e0b;color:#fde68a}.card-content-layout{display:flex;gap:12px;align-items:center}.card-thumbnail-wrap{position:relative;width:68px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.card-thumbnail-img{width:100%;height:100%;object-fit:cover}.card-thumb-badge{position:absolute;top:2px;right:2px;padding:1px 4px;border-radius:4px;background:#000000bf;color:#38bdf8;font-size:9px;font-weight:800}.card-text-wrap{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.card-top-right{display:flex;align-items:center;gap:6px}.distance-pill{padding:2px 8px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:11px;font-weight:700;color:var(--text-secondary)}.distance-pill.within-10km{background:#38bdf826;border-color:#38bdf866;color:#38bdf8;font-weight:800}.incident-card.card-clearing{border-color:#f59e0b66}.incident-card.card-cleared{border-color:#10b98166;opacity:.85}.custom-marker-wrapper.status-clearing .marker-clearing-ring{position:absolute;width:58px;height:58px;border-radius:50%;border:2px dashed #10b981;animation:spinSlow 3s linear infinite}.popup-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.popup-status-badge{padding:2px 7px;border-radius:8px;font-size:10px;font-weight:800;text-transform:uppercase}.popup-status-badge.active{background:#ef444433;color:#f87171}.popup-status-badge.clearing{background:#f59e0b33;color:#fbbf24}.popup-status-badge.cleared{background:#10b98133;color:#34d399}.popup-img-wrapper{position:relative;width:100%;height:90px;border-radius:10px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(0,0,0,.1)}.popup-thumb-img{width:100%;height:100%;object-fit:cover}.popup-ai-badge{position:absolute;bottom:4px;left:4px;padding:2px 6px;border-radius:6px;background:#000000bf;color:#38bdf8;font-size:9px;font-weight:800}.btn-nav-login{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:12px;color:#93c5fd;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-nav-login:hover{background:#3b82f64d;border-color:#60a5fa;color:#fff;box-shadow:0 0 16px #3b82f666}.user-profile-menu-wrapper{position:relative}.btn-user-avatar-pill{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:20px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.btn-user-avatar-pill:hover{background:#ffffff1f;border-color:#ffffff40}.user-avatar-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.user-pill-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.user-pill-name{font-size:12px;font-weight:700}.user-trust-badge{font-size:10px;font-weight:800;color:#34d399}.dropdown-caret{font-size:10px;color:var(--text-muted)}.user-dropdown-card{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#0f172af5;border:1px solid var(--border-glass-bright);border-radius:16px;padding:16px;box-shadow:0 16px 36px #00000080;z-index:1000;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.user-dropdown-header{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.user-dropdown-header strong{font-size:15px;color:var(--text-primary)}.user-dropdown-email{font-size:12px;color:var(--text-muted);word-break:break-all}.user-role-tag{display:inline-block;align-self:flex-start;margin-top:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800}.user-role-tag.admin{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fde68a}.user-role-tag.citizen{background:#38bdf833;border:1px solid rgba(56,189,248,.4);color:#38bdf8}.user-dropdown-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#ffffff08;padding:8px;border-radius:10px}.stat-mini{display:flex;flex-direction:column;gap:2px}.stat-mini .stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:700}.stat-mini .stat-val{font-size:14px;font-weight:800}.btn-user-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-user-logout:hover{background:#ef444440;border-color:#ef4444;color:#fff}.auth-modal-card{position:relative;width:100%;max-width:440px;background:#0f172af2;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 24px;box-shadow:0 24px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:16px}.auth-close-btn{position:absolute;top:14px;right:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:32px;height:32px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.auth-close-btn:hover{background:#ffffff2e;color:#fff}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.auth-shield-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2563eb33,#06b6d433);border:1px solid rgba(59,130,246,.4);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:4px}.auth-header h2{font-size:20px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:13px;color:var(--text-muted);line-height:1.4}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#00000059;padding:4px;border-radius:12px;border:1px solid var(--border-glass)}.auth-tab-btn{padding:10px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.auth-tab-btn.active{background:#2563eb59;border:1px solid rgba(59,130,246,.6);color:#93c5fd;box-shadow:0 4px 12px #2563eb4d}.auth-error-banner{padding:10px 12px;background:#ef44442e;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fca5a5;font-size:13px;font-weight:600;text-align:center}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field-group{display:flex;flex-direction:column;gap:6px}.auth-field-group label{font-size:12px;font-weight:700;color:var(--text-secondary)}.auth-input-wrapper{display:flex;align-items:center;gap:10px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;transition:border-color .2s}.auth-input-wrapper:focus-within{border-color:#38bdf8;background:#0000008c}.auth-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-weight:600}.auth-role-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-option-btn{display:flex;align-items:center;gap:8px;padding:10px 8px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s;color:var(--text-secondary)}.role-option-btn.selected{background:#3b82f633;border-color:#3b82f6;color:#93c5fd}.role-option-btn .role-icon{font-size:20px}.role-option-btn strong{display:block;font-size:12px;font-weight:800}.role-option-btn small{display:block;font-size:10px;color:var(--text-muted)}.btn-auth-submit{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;border-radius:12px;color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 6px 20px #2563eb66;transition:all .2s;margin-top:4px}.btn-auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #2563eb99}.auth-quick-demo{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;flex-direction:column;gap:8px}.demo-label{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase}.demo-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-demo-pill{padding:7px 10px;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-demo-pill:hover{background:#ffffff1f;border-color:#ffffff40}.auth-guest-row{text-align:center;padding-top:4px}.btn-auth-guest{background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;padding:6px 12px;border-radius:8px}.btn-auth-guest:hover{color:#38bdf8;background:#38bdf814}.auth-gate-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#090d16;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px;z-index:99999}.auth-bg-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.decor-circle{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25}.decor-circle.circle-1{width:500px;height:500px;background:radial-gradient(circle,#2563eb,transparent);top:-100px;left:-100px}.decor-circle.circle-2{width:600px;height:600px;background:radial-gradient(circle,#06b6d4,transparent);bottom:-150px;right:-150px}.decor-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.6}.auth-gate-container{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;width:100%;align-items:center}@media(max-width:860px){.auth-gate-container{grid-template-columns:1fr;gap:24px;max-width:460px}}.auth-gate-brand{display:flex;flex-direction:column;gap:16px}.brand-shield-glow{position:relative;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#2563eb4d,#06b6d44d);border:1px solid rgba(59,130,246,.5);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 30px #2563eb66}.shield-ping{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:24px;border:2px solid #38bdf8;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.auth-gate-brand h1{font-size:clamp(28px,4vw,36px);font-weight:900;line-height:1.2;background:linear-gradient(135deg,#fff,#93c5fd,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{font-size:15px;color:var(--text-secondary);line-height:1.5}.brand-features-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.f-chip{padding:6px 12px;border-radius:20px;background:#ffffff0d;border:1px solid var(--border-glass);font-size:12px;font-weight:700;color:#93c5fd}.auth-gate-card{width:100%;background:#0f172aeb;border:1px solid var(--border-glass-bright);border-radius:24px;padding:28px 24px;box-shadow:0 24px 64px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:16px}.nav-tab.emergency-tab{position:relative;background:#dc262626;border:1px solid rgba(239,68,68,.35);color:#fca5a5;transition:all .25s ease}.nav-tab.emergency-tab:hover,.nav-tab.emergency-tab.active{background:#dc262652;border-color:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.emergency-live-pill{font-size:10px;font-weight:800;letter-spacing:.05em;background:#dc2626;color:#fff;padding:2px 7px;border-radius:10px;animation:pulseBeacon 1.4s infinite}@keyframes pulseBeacon{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.08);box-shadow:0 0 12px #ef4444e6}to{transform:scale(1);box-shadow:0 0 #ef4444b3}}.global-green-corridor-banner{position:fixed;top:4.8rem;left:0;width:100vw;z-index:9999;background:linear-gradient(90deg,#991b1b,#065f46,#0f766e,#991b1b);background-size:300% 300%;animation:corridorGradientShift 6s ease infinite;box-shadow:0 6px 24px #0009,0 0 20px #10b98166;border-bottom:2px solid #34d399}@keyframes corridorGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.corridor-banner-content{max-width:1600px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}.siren-beacon-wrap{position:relative;display:flex;align-items:center;justify-content:center;font-size:24px}.beacon-ring{position:absolute;width:38px;height:38px;border-radius:50%;border:2px solid #ef4444;animation:beaconPing 1.2s cubic-bezier(0,0,.2,1) infinite}@keyframes beaconPing{75%,to{transform:scale(1.8);opacity:0}}.corridor-banner-text{flex:1}.corridor-headline{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.03em}.corridor-code-pill{background:#ffffff40;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.05em}.corridor-subtext{font-size:13px;opacity:.95;margin-top:2px}.corridor-banner-actions{display:flex;align-items:center;gap:12px}.eta-badge{background:#0006;padding:4px 12px;border-radius:8px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.2)}.eta-badge .eta-label{font-size:10px;text-transform:uppercase;opacity:.8}.eta-badge .eta-time{font-size:16px;font-weight:800;color:#a7f3d0}.btn-view-corridor-portal{background:#fff;color:#0f172a;border:none;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000040}.btn-view-corridor-portal:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-dismiss-corridor{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.75;padding:4px 8px}.btn-dismiss-corridor:hover{opacity:1}.admin-subtabs-nav{display:flex;gap:12px;padding:8px;margin:16px 0;background:#0f172abf;border:1px solid var(--border-glass)}.admin-subtab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.admin-subtab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.admin-subtab-btn.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa;box-shadow:0 4px 14px #3b82f633}.subtab-icon{font-size:18px}.subtab-tag{font-size:11px;background:#ffffff1a;padding:2px 8px;border-radius:12px;color:var(--text-muted)}.subtab-count{font-size:11px;font-weight:700;background:#3b82f640;color:#93c5fd;padding:2px 8px;border-radius:12px}.subtab-count.warning{background:#f59e0b40;color:#fcd34d}.live-pill-tag{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:13px;font-weight:700;color:#34d399}.live-dot-green{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseOnline 1.5s infinite}@keyframes pulseOnline{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.8}}.analytics-visualizer-container{display:flex;flex-direction:column;gap:20px}.analytics-purpose-card{padding:24px;background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(59,130,246,.25)}.purpose-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.purpose-badge{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd;font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px}.purpose-description{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:1400px}.kpi-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.kpi-box{padding:16px;display:flex;flex-direction:column;gap:4px;background:#0f172a99;border:1px solid rgba(255,255,255,.08)}.kpi-label{font-size:12px;color:var(--text-muted)}.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.02em}.kpi-trend{font-size:11px;font-weight:700}.kpi-sub{font-size:11px;color:var(--text-muted)}.analytics-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1100px){.analytics-main-grid{grid-template-columns:1fr}}.analytics-panel{padding:22px;display:flex;flex-direction:column;gap:16px}.panel-header-row{display:flex;align-items:center;justify-content:space-between}.panel-subtitle{font-size:12px;color:var(--text-muted);display:block;margin-top:3px}.btn-analytics-refresh{background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-primary);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-analytics-refresh:hover{background:#ffffff26}.area-hotspots-list{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto;padding-right:6px}.hotspot-item-card{padding:14px 16px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,border-color .2s ease}.hotspot-item-card:hover{border-color:#ffffff40;transform:translate(4px)}.hotspot-top-line{display:flex;align-items:center;gap:12px}.hotspot-rank{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#93c5fd}.hotspot-name-wrap{flex:1}.hotspot-name-wrap strong{display:block;font-size:14px}.hotspot-zone-tag{font-size:11px;color:var(--text-muted)}.congestion-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:6px}.badge-critical{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.badge-high{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.badge-moderate{background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399}.hotspot-telemetry-row{display:flex;gap:16px;font-size:12px}.telemetry-pill{display:flex;gap:6px}.telemetry-pill span{color:var(--text-muted)}.density-meter-bar{width:100%;height:6px;background:#ffffff14;border-radius:6px;overflow:hidden}.density-meter-fill{height:100%;border-radius:6px;transition:width .5s ease}.density-meter-fill.badge-critical{background:#ef4444}.density-meter-fill.badge-high{background:#f59e0b}.density-meter-fill.badge-moderate{background:#10b981}.hourly-curve-chart{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 12px;height:220px}.chart-bars-container{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:6px}.hour-column-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer;transition:all .2s}.hour-column-wrap:hover .hour-bar{filter:brightness(1.3)}.hour-column-wrap.selected .hour-label{color:#60a5fa;font-weight:800}.bar-wrapper{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-val-popover{position:absolute;top:-24px;font-size:10px;font-weight:700;color:#fff;background:#000c;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none}.hour-column-wrap:hover .bar-val-popover,.hour-column-wrap.selected .bar-val-popover{opacity:1}.hour-bar{width:70%;border-radius:4px 4px 0 0;min-height:8px;transition:height .4s ease,filter .2s ease}.hour-label{font-size:10px;color:var(--text-muted);margin-top:8px;white-space:nowrap}.selected-hour-card{padding:14px 16px;background:#1e293b99;border:1px solid rgba(59,130,246,.3)}.hour-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hour-badge{font-size:13px;font-weight:700;color:#93c5fd}.status-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.status-pill.pill-danger{background:#ef444433;color:#f87171}.status-pill.pill-info{background:#10b98133;color:#34d399}.hour-stats-grid{display:flex;gap:20px;margin-bottom:6px;font-size:13px}.hour-advisory{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-top:4px}.peak-windows-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px}.peak-window-box{padding:12px;border-radius:10px;font-size:12px}.peak-window-box.morning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.peak-window-box.evening{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.window-time{display:block;font-size:11px;font-weight:800;color:#fcd34d;margin-bottom:2px}.peak-window-box.evening .window-time{color:#fca5a5}.peak-window-box p{color:var(--text-muted);margin-top:3px;line-height:1.4}.analytics-causes-section{padding:22px;display:flex;flex-direction:column;gap:16px}.causes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.cause-card{padding:16px;display:flex;flex-direction:column;gap:8px;background:#0f172abf}.cause-top{display:flex;align-items:center;justify-content:space-between}.cause-name{font-size:14px}.cause-percent{font-size:18px;font-weight:800}.cause-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:6px;overflow:hidden}.cause-progress-fill{height:100%;border-radius:6px}.cause-details-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.cause-details-row strong{color:var(--text-primary)}.cause-description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-top:4px}.user-management-tab{display:flex;flex-direction:column;gap:20px}.users-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.user-stat-card{padding:18px;display:flex;align-items:center;gap:16px}.stat-icon-wrap{width:48px;height:48px;border-radius:14px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.stat-icon-wrap.online{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.stat-icon-wrap.police{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.stat-icon-wrap.ambulance{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.stat-icon-wrap.citizen{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.live-user-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.user-stat-label{font-size:12px;color:var(--text-muted);display:block}.user-stat-number{font-size:20px;font-weight:800;display:block;margin:2px 0}.user-stat-sub{font-size:11px;color:var(--text-muted)}.user-control-bar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.user-search-input-wrap{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.user-search-input-wrap .search-icon{position:absolute;left:12px;font-size:14px;color:var(--text-muted)}.user-search-field{width:100%;padding:10px 36px;background:#0f172ae6;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-size:13px;outline:none}.user-search-field:focus{border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d}.btn-clear-search{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.role-filters-pills{display:flex;gap:8px;flex-wrap:wrap}.role-pill{padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.role-pill:hover{background:#ffffff1a;color:var(--text-primary)}.role-pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 10px #3b82f64d}.btn-refresh-users{background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-users:hover{background:#ffffff29}.users-table-container{padding:16px}.user-management-table{width:100%;border-collapse:collapse}.user-management-table th{text-align:left;padding:12px 14px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border-glass);text-transform:uppercase;letter-spacing:.05em}.user-management-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.user-identity-cell{display:flex;align-items:center;gap:12px}.user-avatar-circle.mini{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:18px}.user-name-box strong{display:block}.user-email-text{font-size:12px;color:var(--text-muted);display:block}.user-phone-text{font-size:11px;color:#93c5fd}.role-col{display:flex;flex-direction:column;gap:4px}.role-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.05em}.role-badge-police{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.role-badge-ambulance{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.role-badge-admin{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.role-badge-citizen{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.unit-assigned-tag{font-size:11px;color:#cbd5e1}.badge-tag{font-size:10px;color:var(--text-muted)}.reliability-cell{width:140px}.reliability-meter{width:100%;height:6px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-top:4px}.reliability-meter-fill{height:100%;border-radius:6px}.records-cell{display:flex;flex-direction:column;gap:4px}.record-badge{font-size:11px;padding:2px 6px;border-radius:4px;width:fit-content}.record-badge.verified{background:#10b98126;color:#34d399}.record-badge.false{background:#ef444426;color:#f87171}.btn-status-toggle{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s}.btn-status-toggle.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.btn-status-toggle.suspended{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.role-selector-dropdown{padding:6px 10px;background:#0f172ae6;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:12px;cursor:pointer}.row-suspended{opacity:.55;background:#ef44440d}.emergency-view-layout{height:calc(100vh - 4.8rem);width:100vw;overflow-y:auto;padding:20px}.emergency-container{max-width:1680px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.emergency-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--border-glass);padding-bottom:20px}.emergency-title-group{display:flex;align-items:center;gap:16px}.badge-flashing-siren{position:relative;width:48px;height:48px;border-radius:14px;background:#ef444433;border:1px solid rgba(239,68,68,.5);display:flex;align-items:center;justify-content:center;font-size:26px}.beacon-light.flashing{position:absolute;width:100%;height:100%;border-radius:14px;background:#ef444466;animation:beaconPulseFlash .5s infinite alternate}@keyframes beaconPulseFlash{0%{transform:scale(1);opacity:.3}to{transform:scale(1.2);opacity:.9}}.emergency-sub{font-size:12px;color:#f87171;text-transform:uppercase;letter-spacing:.06em;font-weight:800;display:block}.emergency-controls-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-siren-toggle{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.btn-siren-toggle.active{background:#dc2626;color:#fff;box-shadow:0 0 20px #ef4444cc}.btn-trigger-corridor-modal{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 16px #10b98166;transition:all .2s}.btn-trigger-corridor-modal:hover{transform:translateY(-2px);box-shadow:0 6px 22px #10b98199}.quick-helpline-pills{display:flex;gap:8px}.helpline-chip{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .2s}.helpline-chip.police{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#93c5fd}.helpline-chip.ambulance{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.emergency-notice-alert{padding:14px 20px;background:#ef444426;border:1px solid #ef4444;color:#fca5a5;font-weight:700;font-size:14px}.active-corridors-section{padding:20px;background:#065f4626;border:1px solid rgba(16,185,129,.4)}.corridor-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.corridor-pulse-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b981;animation:pulseDot 1.2s infinite}@keyframes pulseDot{0%{transform:scale(.9)}50%{transform:scale(1.4)}to{transform:scale(.9)}}.corridors-live-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.active-corridor-card{padding:18px;background:#0f172ad9;border:1px solid rgba(16,185,129,.3);display:flex;flex-direction:column;gap:12px}.corridor-card-header{display:flex;align-items:center;justify-content:space-between}.corridor-code-tag{background:#10b98133;color:#34d399;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;margin-right:8px}.corridor-crit-badge{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px}.corridor-route-row,.corridor-hosp-row{font-size:13px;display:flex;gap:8px}.corridor-route-row span,.corridor-hosp-row span{color:var(--text-muted)}.junctions-progress-tracker{background:#0000004d;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.tracker-label{font-size:11px;color:var(--text-muted);font-weight:700}.junction-dots-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.junction-step{display:flex;flex-direction:column;align-items:center;gap:4px}.step-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.junction-step.cleared .step-circle{background:#10b981;color:#fff}.junction-step.pending .step-circle{background:#ffffff1a;color:var(--text-muted)}.step-name{font-size:9px;color:var(--text-muted);white-space:nowrap}.corridor-footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.eta-chip{display:flex;align-items:center;gap:6px;font-size:13px}.eta-chip strong{color:#34d399;font-size:16px}.btn-advance-junction{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#93c5fd;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-advance-junction:hover{background:#3b82f6;color:#fff}.emergency-main-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}@media(max-width:1200px){.emergency-main-grid{grid-template-columns:1fr}}.emergency-column{padding:22px;display:flex;flex-direction:column;gap:18px}.col-header-row{display:flex;align-items:center;justify-content:space-between}.col-sub{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.active-crit-count{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:800}.incidents-dispatch-list{display:flex;flex-direction:column;gap:14px;max-height:720px;overflow-y:auto;padding-right:6px}.incident-dispatch-card{padding:16px;background:#0f172acc;border:1px solid var(--border-glass);border-radius:12px;display:flex;flex-direction:column;gap:10px}.incident-dispatch-card.accident-card{border-color:#ef444466;background:linear-gradient(135deg,#1e293be6,#450a0a40)}.dispatch-card-top{display:flex;align-items:center;justify-content:space-between}.cat-icon-tag{font-size:11px;font-weight:800;color:#f87171;letter-spacing:.04em}.priority-pill.red{background:#ef444440;border:1px solid #ef4444;color:#fca5a5;font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px}.dispatch-incident-title{font-size:15px;line-height:1.3}.dispatch-road-tag{font-size:12px;color:var(--text-muted)}.assigned-units-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;background:#0000004d;padding:8px 10px;border-radius:8px}.unit-tag{padding:2px 8px;border-radius:6px;font-weight:700}.unit-tag.police{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.unit-tag.ambulance{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.dispatch-buttons-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.btn-dispatch{padding:9px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s;text-align:center}.btn-dispatch.police{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.5)}.btn-dispatch.police:hover{background:#3b82f6;color:#fff}.btn-dispatch.ambulance{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.btn-dispatch.ambulance:hover{background:#ef4444;color:#fff}.no-critical-hazards{text-align:center;padding:40px 20px;color:var(--text-muted)}.safe-emoji{font-size:36px;display:block;margin-bottom:8px}.radar-subtabs-row{margin-bottom:4px}.proximity-hint{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.radar-section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#93c5fd;margin:12px 0 8px;text-transform:uppercase;letter-spacing:.05em}.live-tag{font-size:10px;background:#10b98133;color:#34d399;padding:2px 6px;border-radius:4px}.hospitals-scroll-list{display:flex;flex-direction:column;gap:14px;max-height:480px;overflow-y:auto;padding-right:6px}.hospital-card{padding:16px;background:#0f172acc;border:1px solid var(--border-glass);border-radius:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.hospital-card:hover{border-color:#3b82f666}.hosp-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hosp-card-header strong{font-size:15px;display:block}.trauma-badge{display:inline-block;background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#c084fc;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;margin-top:3px}.hosp-distance-pill{background:#ffffff14;padding:4px 10px;border-radius:8px;text-align:center}.hosp-distance-pill strong{font-size:14px;color:#93c5fd;display:block}.hosp-distance-pill span{font-size:9px;color:var(--text-muted)}.hosp-address{font-size:12px;color:var(--text-muted)}.hosp-telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#00000040;padding:10px;border-radius:8px}.hosp-telem-box{display:flex;flex-direction:column;gap:2px}.hosp-telem-box.green-corridor{background:#10b9811a;padding:2px 6px;border-radius:6px;border:1px solid rgba(16,185,129,.25)}.telem-label{font-size:10px;color:var(--text-muted)}.hosp-actions-row{display:flex;align-items:center;gap:10px;margin-top:4px}.btn-call-hosp{flex:1;padding:8px 12px;background:#ffffff14;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:700;text-decoration:none;text-align:center;transition:all .2s}.btn-call-hosp:hover{background:#ffffff29}.btn-quick-corridor{padding:8px 14px;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-quick-corridor:hover{background:#10b981;color:#fff}.police-radar{margin-top:14px}.police-stations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.police-station-card{padding:14px;background:#0f172ab3;display:flex;flex-direction:column;gap:6px}.station-top{display:flex;align-items:flex-start;justify-content:space-between}.station-top strong{font-size:13px;display:block}.sector-tag{font-size:11px;color:var(--text-muted)}.station-dist{font-size:12px;font-weight:800;color:#60a5fa}.station-meta-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.station-phone-row{font-size:11px;display:flex;align-items:center;gap:6px}.station-phone-link{color:#93c5fd;text-decoration:none;font-weight:700}.modal-backdrop-green-corridor{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.green-corridor-modal-card{width:100%;max-width:620px;background:#0f172afa;border:1px solid rgba(16,185,129,.5);box-shadow:0 24px 64px #000c,0 0 30px #10b9814d;padding:28px;border-radius:20px}.green-corridor-modal-card .modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-title-with-icon{display:flex;align-items:center;gap:12px}.modal-beacon{font-size:28px}.modal-sub{font-size:12px;color:var(--text-muted)}.green-corridor-form{display:flex;flex-direction:column;gap:16px}.green-corridor-form .form-group{display:flex;flex-direction:column;gap:6px}.green-corridor-form label{font-size:12px;font-weight:700;color:var(--text-secondary)}.green-corridor-form input,.green-corridor-form select{padding:10px 14px;background:#0006;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none}.green-corridor-form input:focus,.green-corridor-form select:focus{border-color:#10b981;box-shadow:0 0 12px #10b9814d}.modal-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px}.btn-cancel-modal{padding:10px 18px;background:transparent;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:8px;font-size:13px;cursor:pointer}.btn-confirm-corridor{padding:11px 22px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:8px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px 16px #10b98166}.admin-portal-standalone-page,.emergency-portal-standalone-page{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.standalone-portal-header{height:4.6rem;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass);border-radius:0;z-index:100}.standalone-portal-header.admin-theme{background:linear-gradient(90deg,#0f172afa,#1e293bf2);border-bottom:2px solid rgba(59,130,246,.4)}.standalone-portal-header.emergency-theme{background:linear-gradient(90deg,#140a0ffa,#2d0a14f2);border-bottom:2px solid rgba(239,68,68,.5)}.portal-brand-block{display:flex;align-items:center;gap:14px}.brand-icon-shield{width:42px;height:42px;border-radius:12px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);display:flex;align-items:center;justify-content:center;font-size:22px}.brand-icon-shield.red{background:#ef444426;border-color:#ef444466}.portal-brand-block h2{font-size:18px;font-weight:800;letter-spacing:-.01em}.portal-sub-meta{font-size:11px;color:var(--text-muted);display:block}.portal-header-right{display:flex;align-items:center;gap:14px}.admin-role-badge,.responder-role-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:20px;font-size:12px;font-weight:700;color:var(--text-secondary)}.status-dot-emerald{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.status-dot-red{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444}.emergency-hotlines-tag{display:flex;gap:8px;font-size:12px;font-weight:800;background:#ef444426;padding:6px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.btn-portal-login{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-portal-login:hover{background:#2563eb}.btn-portal-login.emergency{background:#dc2626}.btn-portal-login.emergency:hover{background:#b91c1c}.btn-portal-logout{background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-primary);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-portal-logout:hover{background:#ef444433;border-color:#ef4444;color:#fca5a5}.standalone-portal-body{flex:1;height:calc(100vh - 4.6rem);overflow-y:auto;padding:16px}.btn-navbar-current-location{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#3b82f62e;border:1px solid rgba(59,130,246,.45);border-radius:20px;color:#93c5fd;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease}.btn-navbar-current-location:hover{background:#3b82f659;border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.locate-nav-icon{font-size:14px;animation:radarPing 2s infinite}.locate-zoom-badge{font-size:10px;background:#ffffff26;padding:2px 6px;border-radius:8px;color:#bfdbfe}.btn-portal-locate-action.admin{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f62e;border:1px solid rgba(59,130,246,.5);border-radius:12px;color:#93c5fd;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease}.btn-portal-locate-action.admin:hover{background:#3b82f6;color:#fff;box-shadow:0 4px 18px #3b82f680}.btn-portal-locate-action.emergency,.btn-emergency-locate-gps{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.55);border-radius:12px;color:#fca5a5;font-size:12px;font-weight:800;cursor:pointer;transition:all .25s ease}.btn-portal-locate-action.emergency:hover,.btn-emergency-locate-gps:hover{background:#ef4444;color:#fff;box-shadow:0 4px 20px #ef444499}.btn-emergency-locate-gps .zoom-tag{font-size:10px;background:#00000059;padding:2px 6px;border-radius:6px;color:#fecaca}.btn-locate-me.locating{border-color:#3b82f6;color:#60a5fa;background:#3b82f640}.location-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px}.location-modal-card{width:100%;max-width:900px;height:680px;background:#0f172afa;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 72px #000000d9}.location-modal-card.admin-border{border:1px solid rgba(59,130,246,.5);box-shadow:0 24px 72px #000000d9,0 0 35px #3b82f640}.location-modal-card.emergency-border{border:1px solid rgba(239,68,68,.55);box-shadow:0 24px 72px #000000d9,0 0 35px #ef44444d}.location-modal-header{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass)}.modal-title-with-pulse{display:flex;align-items:center;gap:12px}.location-ping-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.location-ping-icon.blue{background:#3b82f633;border:1px solid rgba(59,130,246,.4)}.location-ping-icon.red{background:#ef444433;border:1px solid rgba(239,68,68,.4)}.location-modal-header h3{font-size:16px;font-weight:800;letter-spacing:-.01em}.location-modal-sub{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.location-header-actions{display:flex;align-items:center;gap:10px}.btn-rezoom-location{padding:7px 14px;background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-primary);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-rezoom-location:hover{background:#ffffff2e}.btn-close-location-modal{width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px}.btn-close-location-modal:hover{background:#ffffff1a;color:#fff}.modal-map-viewport{flex:1;position:relative;width:100%;overflow:hidden}.floating-gps-telemetry{position:absolute;bottom:16px;left:16px;right:16px;z-index:1000;padding:12px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#0f172ae0;border:1px solid var(--border-glass-bright)}.telem-item{display:flex;flex-direction:column;gap:2px}.telem-lbl{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em}.telem-item strong{font-size:13px;font-family:monospace}.location-modal-footer{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-glass);background:#0f172ae6}.nearby-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nearby-label{font-size:11px;color:var(--text-muted);font-weight:700}.nearby-pills-row{display:flex;gap:8px}.nearby-inc-pill{font-size:11px;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:2px 8px;border-radius:6px}.nearby-safe-text{font-size:12px;color:#34d399;font-weight:600}.btn-done-modal{padding:8px 18px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-done-modal:hover{background:#2563eb}.gps-radar-modal-marker{position:relative}.radar-outer-ring{width:44px;height:44px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.radar-outer-ring.blue{background:#3b82f640;border:2px solid #3b82f6}.radar-outer-ring.red{background:#ef444440;border:2px solid #ef4444}.radar-scan-wave{position:absolute;width:100%;height:100%;border-radius:50%;animation:radarWavePulse 1.6s cubic-bezier(0,0,.2,1) infinite}.radar-outer-ring.blue .radar-scan-wave{border:2px solid #60a5fa}.radar-outer-ring.red .radar-scan-wave{border:2px solid #f87171}@keyframes radarWavePulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.4);opacity:0}}.radar-core-dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffffe6}.btn-nav-news-feed{position:relative;background:#2563eb1f!important;border:1px solid rgba(59,130,246,.35)!important;color:#93c5fd!important;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-nav-news-feed:hover{background:#2563eb40!important;border-color:#60a5fa!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.tab-pill-badge-feed{background:linear-gradient(135deg,#2563eb,#8b5cf6);color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:9999px;letter-spacing:.04em;box-shadow:0 0 8px #2563eb99;animation:feedPillPulse 2.4s ease-in-out infinite}@keyframes feedPillPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.btn-floating-news-updation{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:9999px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1.5px solid rgba(96,165,250,.45);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 14px 34px -4px #0009,0 0 20px #2563eb59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .24s cubic-bezier(.16,1,.3,1)}.btn-floating-news-updation:hover{transform:translateY(-3px) scale(1.04);background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#93c5fd;box-shadow:0 18px 40px -4px #2563eba6,0 0 30px #7c3aed80}.floating-news-icon{font-size:1.25rem}.floating-news-text{letter-spacing:-.01em}.floating-news-pill{background:#3b82f6;color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:9999px;letter-spacing:.03em}.btn-floating-news-updation:hover .floating-news-pill{background:#fff;color:#2563eb}