:root{--bg-app: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .08);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--input-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.dark{--bg-app: #0b0f19;--bg-card: #111827;--bg-card-hover: #1e293b;--border-color: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: rgba(59, 130, 246, .15);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--input-bg: #0f172a;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-app)}.top-header{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:30;-webkit-user-select:none;user-select:none}.header-left{display:flex;align-items:center;gap:16px}.brand-logo-img{height:28px;width:auto;object-contain:contain}.brand-text-block{display:flex;flex-direction:column;justify-content:center}.brand-title-row{display:flex;align-items:center;gap:10px}.brand-title{font-size:16px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:9999px;font-size:11px;font-weight:600;background-color:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.25)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:var(--success);animation:pulse-dot 1.5s infinite}.brand-sub{font-size:11px;color:var(--text-muted)}.header-stats-group{display:flex;align-items:center;gap:12px}.header-stat-pill{display:flex;align-items:center;gap:10px;background-color:var(--input-bg);border:1px solid var(--border-color);padding:5px 12px 5px 8px;border-radius:8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.header-stat-pill:hover{background-color:var(--bg-card-hover);box-shadow:0 2px 5px #0000000a}.stat-pill-icon-box{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.stat-icon-officers{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 5px #10b98140}.stat-icon-booths{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 5px #6366f140}.stat-icon-strong-rooms{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 5px #d9770640}.stat-pill-info{display:flex;flex-direction:column}.stat-pill-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);line-height:1.1}.stat-pill-value-row{display:flex;align-items:center;gap:6px}.stat-pill-value{font-size:14px;font-weight:800;font-family:JetBrains Mono,monospace;color:var(--text-main);line-height:1.2}.stat-pill-live-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:9999px;background-color:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3);font-family:var(--font-sans)}.header-right{display:flex;align-items:center;gap:14px}.clock-pill{font-size:12px;font-weight:600;color:var(--text-muted);background-color:var(--bg-app);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-family:JetBrains Mono,monospace}.icon-button{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-button:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.user-profile-btn{display:flex;align-items:center;gap:10px;background-color:var(--bg-app);border:1px solid var(--border-color);padding:4px 12px 4px 6px;border-radius:8px;cursor:pointer;transition:all .15s ease}.user-profile-btn:hover{background-color:var(--bg-card-hover)}.user-avatar-circle{width:30px;height:30px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.user-meta-text{text-align:left;line-height:1.1}.user-meta-name{font-size:12px;font-weight:600;color:var(--text-main)}.user-meta-role{font-size:10px;color:var(--text-muted);text-transform:uppercase}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:200px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);padding:6px;z-index:50}.dropdown-item{width:100%;padding:8px 12px;border-radius:6px;background:transparent;border:none;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-main);cursor:pointer;text-align:left;transition:background .15s ease}.dropdown-item:hover{background-color:var(--bg-card-hover)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:var(--danger-bg)}.workspace-layout{display:flex;height:calc(100vh - 64px);width:100vw;overflow:hidden;position:relative}.officers-panel{width:340px;min-width:340px;background-color:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;z-index:20}.panel-header{padding:14px 18px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;background-color:var(--bg-card)}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.panel-count{font-size:12px;font-weight:600;color:var(--primary)}.search-wrapper{position:relative;width:100%}.search-icon-svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-field{width:100%;height:38px;background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;padding:0 14px 0 38px;font-size:13px;color:var(--text-main);outline:none;transition:border-color .15s ease}.search-input-field:focus{border-color:var(--primary)}.officers-scroll-area{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state-icon{margin:0 auto 12px;opacity:.35;color:var(--primary)}.empty-state-title{font-size:14px;font-weight:600;color:var(--text-main)}.empty-state-sub{font-size:12px;margin-top:4px}.officer-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:8px}.officer-card:hover{background-color:var(--bg-card-hover);border-color:var(--primary)}.officer-card.selected{border-color:var(--primary);background-color:var(--primary-light)}.officer-card.distress{border-color:var(--danger);background-color:var(--danger-bg)}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between}.badge-tag{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--primary);background-color:var(--primary-light);padding:2px 7px;border-radius:4px;text-transform:uppercase}.officer-name-title{font-size:13px;font-weight:600;color:var(--text-main);margin-top:4px}.status-indicator-pill{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:9999px;display:flex;align-items:center;gap:4px}.status-indicator-pill.online{background-color:var(--success-bg);color:var(--success)}.status-indicator-pill.emergency{background-color:var(--danger-bg);color:var(--danger);animation:pulse-danger 1s infinite alternate}.status-indicator-pill.offline{background-color:var(--bg-app);color:var(--text-muted)}.officer-phone-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.sos-alert-box{background-color:#ef444433;border:1px solid rgba(239,68,68,.4);padding:8px 10px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;margin-top:4px}.sos-alert-text{font-size:11px;font-weight:700;color:var(--danger);display:flex;align-items:center;gap:6px}.btn-resolve-sos{background-color:var(--danger);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer}.btn-resolve-sos:hover{opacity:.9}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.card-action-btns{display:flex;gap:6px}.btn-action-sm{background-color:var(--bg-app);border:1px solid var(--border-color);color:var(--text-main);padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.btn-action-sm:hover{background-color:var(--bg-card-hover);border-color:var(--primary)}.map-canvas-area{flex:1;height:100%;position:relative;background-color:var(--bg-app)}.map-container-inner{width:100%;height:100%}.map-placeholder-box{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--bg-app);z-index:5}.map-placeholder-card{background:var(--bg-card);border:1px solid var(--border-color);padding:32px;border-radius:12px;max-width:440px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center}.login-page-screen{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--bg-app);padding:16px}.login-card-container{width:400px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:32px 28px;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.login-logo-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;text-align:center}.login-brand-logo{height:48px;width:auto;margin-bottom:14px}.login-card-title{font-size:19px;font-weight:700;color:var(--text-main)}.login-card-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.form-item-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-item-label{font-size:13px;font-weight:600;color:var(--text-main)}.form-input-box{width:100%;height:40px;padding:0 12px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-main);outline:none;transition:border-color .15s ease}.form-input-box:focus{border-color:var(--primary)}.input-password-wrapper{position:relative;width:100%}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.login-error-alert{background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:10px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.btn-login-submit{width:100%;height:42px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s ease}.btn-login-submit:hover{background-color:var(--primary-hover)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed}.seed-credentials-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center;font-size:11px;color:var(--text-muted)}.seed-credentials-note code{color:var(--primary);font-family:JetBrains Mono,monospace;font-weight:600}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}@keyframes pulse-danger{0%{opacity:.7}to{opacity:1}}.officer-filter-bar{display:flex;gap:4px;background-color:var(--bg-app);padding:4px;border-radius:8px;border:1px solid var(--border-color);margin-top:10px}.filter-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;background:transparent;border:none;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-tab-btn:hover{color:var(--text-main);background-color:var(--bg-card-hover)}.filter-tab-btn.active{background-color:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.filter-tab-btn.tab-sos-alert{color:#ef4444}.filter-tab-btn.tab-sos-alert svg{animation:pulse-danger .8s infinite alternate}.filter-tab-btn.active.tab-sos-alert{background-color:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.officer-avatar-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 1px 3px #0000001f}.avatar-live{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #a7f3d0}.avatar-online-no-live{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fde68a}.avatar-offline{background:#64748b;border:2px solid #cbd5e1;opacity:.75}.avatar-emergency{background:linear-gradient(135deg,#ef4444,#b91c1c);border:2px solid #fca5a5;animation:pulse-danger .8s infinite alternate}.status-indicator-pill .status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-indicator-pill.pill-live{background-color:#10b9811f;color:#059669}.status-indicator-pill.pill-live .status-dot{animation:pulse-ring 1.8s infinite}.status-indicator-pill.pill-online-no-live{background-color:#f59e0b1f;color:#d97706}.status-indicator-pill.pill-offline{background-color:#64748b1f;color:#64748b}.gmap-avatar-marker-pin{position:absolute!important;top:0!important;left:0!important;margin:0!important;padding:0!important;width:38px!important;height:44px!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:border-box;z-index:5}.gmap-avatar-marker-pin:hover{z-index:100!important}.gmap-avatar-marker-pin:hover .gmap-avatar-circle{transform:scale(1.15)}.gmap-avatar-circle{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000059;position:relative;z-index:2;transform-origin:bottom center;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}.gmap-avatar-count-badge{position:absolute;top:-4px;right:-6px;background:#2563eb;color:#fff;font-size:10px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1;padding:2.5px 5px;border-radius:9999px;border:1.5px solid #ffffff;box-shadow:0 2px 4px #00000059;z-index:5;pointer-events:none}.gmap-avatar-circle-inner{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;color:#fff}.gmap-avatar-pointer{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffffff;margin-top:-1px;position:relative;z-index:2}.gmap-avatar-halo{position:absolute;top:-4px;left:-4px;right:-4px;height:46px;border-radius:50%;pointer-events:none;z-index:0}.gmap-marker-selected .gmap-avatar-circle{box-shadow:0 0 0 4px #3b82f6,0 6px 14px #00000073;transform:scale(1.12)}.gmap-marker-live .gmap-avatar-circle{border:2.5px solid #059669}.gmap-marker-live .gmap-avatar-circle-inner{background:#059669}.gmap-marker-live .gmap-avatar-pointer{border-top-color:#059669}.gmap-marker-live .gmap-avatar-halo{border:2px solid rgba(16,185,129,.6);animation:pulse-marker-halo 2s infinite}.gmap-marker-online-no-live .gmap-avatar-circle{border:2.5px solid #d97706}.gmap-marker-online-no-live .gmap-avatar-circle-inner{background:#d97706}.gmap-marker-online-no-live .gmap-avatar-pointer{border-top-color:#d97706}.gmap-marker-offline{opacity:.68}.gmap-marker-offline .gmap-avatar-circle{border:2px solid #64748b;box-shadow:0 2px 6px #0003}.gmap-marker-offline .gmap-avatar-circle-inner{background:#64748b}.gmap-marker-offline .gmap-avatar-pointer{border-top-color:#64748b}.gmap-marker-emergency .gmap-avatar-circle{border:3.5px solid #dc2626;animation:pulse-danger .5s infinite alternate}.gmap-marker-emergency .gmap-avatar-circle-inner{background:#dc2626}.gmap-marker-emergency .gmap-avatar-pointer{border-top-color:#dc2626}.gmap-marker-emergency .gmap-avatar-halo{border:3px solid rgba(220,38,38,.8);animation:pulse-marker-emergency .8s infinite}@keyframes pulse-marker-halo{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:0}}@keyframes pulse-marker-emergency{0%{transform:scale(1);opacity:1}70%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}.custom-map-hover-popup{pointer-events:auto!important}.custom-map-hover-popup .mapboxgl-popup-content{pointer-events:auto!important;background:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;padding:12px 14px!important;box-shadow:0 10px 15px -3px #00000026!important;font-family:inherit!important}.custom-map-hover-popup .mapboxgl-popup-tip{pointer-events:auto!important;border-top-color:var(--bg-card)!important}.custom-map-hover-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:var(--bg-card)!important}.custom-map-hover-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:var(--bg-card)!important}.map-tooltip-card{min-width:170px}.map-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:6px}.map-tooltip-mode{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:capitalize;padding:2px 6px;border-radius:4px;margin-bottom:6px}.map-tooltip-mode.online--live-location-enabled{background-color:#10b98126;color:#059669}.map-tooltip-mode.online--no-live-location{background-color:#f59e0b26;color:#d97706}.map-tooltip-mode.offline{background-color:#64748b26;color:#64748b}.map-tooltip-row{font-size:11px;color:var(--text-muted);margin-top:3px}.map-tooltip-group-title{font-size:12px;font-weight:700;color:var(--text-main);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.map-tooltip-group-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.map-tooltip-group-item{display:flex;flex-direction:column;gap:3px;padding-bottom:6px;border-bottom:1px dashed var(--border-color)}.map-tooltip-group-item:last-child{border-bottom:none;padding-bottom:0}.map-tooltip-group-item .group-item-name{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.map-top-right-controls{position:absolute;top:16px;right:16px;z-index:30;display:flex;align-items:center;gap:10px}.map-search-container{position:relative;width:270px;flex-shrink:0}.map-search-input-wrapper{display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:0 10px;height:38px;box-shadow:0 2px 6px #0000001f;transition:border-color .15s ease,box-shadow .15s ease}.map-search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26,0 2px 6px #00000026}.map-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-search-input{border:none;background:transparent;width:100%;font-size:13px;color:var(--text-main);outline:none}.map-search-input::placeholder{color:var(--text-muted);font-size:12px}.btn-clear-search{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.btn-clear-search:hover{color:var(--text-main)}.map-search-results-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #0003;max-height:240px;overflow-y:auto;z-index:50;animation:modal-pop .15s ease-out}.map-search-result-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:none;border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;transition:background .12s ease}.map-search-result-item:last-child{border-bottom:none}.map-search-result-item:hover{background-color:var(--bg-card-hover)}.search-result-pin{color:var(--primary);flex-shrink:0;margin-top:2px}.search-result-info{display:flex;flex-direction:column;overflow:hidden}.search-result-title{font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.map-layer-switcher-wrapper{position:relative;flex-shrink:0}.map-style-toggle-btn{width:38px;height:38px;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:0;border-radius:8px;box-shadow:0 2px 6px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.map-style-toggle-btn:hover{background-color:var(--bg-card-hover);border-color:var(--primary)}.map-layer-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 20px -3px #00000026;overflow:hidden;animation:modal-pop .15s ease-out}.layer-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--bg-app);border-bottom:1px solid var(--border-color);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.btn-close-layer-menu{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px}.layer-options-list{padding:6px 0}.layer-option-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:none;border:none;font-size:12px;font-weight:500;color:var(--text-main);cursor:pointer;transition:background .15s ease;text-align:left}.layer-option-item:hover{background-color:var(--bg-card-hover)}.layer-option-item.active{color:var(--primary);font-weight:700;background-color:var(--primary-light)}.layer-option-item .check-icon{color:var(--primary)}.map-following-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);background-color:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:8px 14px;border-radius:9999px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px -5px #0006;z-index:25;border:1px solid rgba(255,255,255,.15);animation:modal-pop .2s cubic-bezier(.16,1,.3,1)}.following-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 #10b98199;animation:pulse-ring 1.8s infinite}.following-text{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.btn-release-follow{background:#ffffff1f;border:none;color:#cbd5e1;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-release-follow:hover{background:#ef4444cc;color:#fff}.panel-title-dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-dropdown-container{position:relative;flex:1}.panel-view-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:6px 28px 6px 10px;font-size:13px;font-weight:700;color:var(--text-main);cursor:pointer;outline:none;transition:border-color .15s ease}.panel-view-select:focus{border-color:var(--primary)}.panel-dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.btn-add-booth{display:flex;align-items:center;gap:4px;background:#6366f1;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-add-booth:hover{background:#4f46e5}.booth-card{border-left:3px solid #6366f1!important}.booth-card.selected{border-color:#6366f1!important;background-color:#6366f114!important}.booth-card.distress{border-left-color:#dc2626!important;border-color:#ef4444!important;background-color:#ef44440f!important;animation:border-pulse 1.5s infinite}.booth-avatar-circle{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 5px #6366f14d}.booth-avatar-circle.avatar-sos{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 0 0 2px #dc262666,0 2px 6px #dc262680!important;animation:pulse-danger .6s infinite alternate}.badge-sos{background:#dc262626!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.3)!important}.booth-id-badge{background:#6366f11f!important;color:#6366f1!important}.booth-deployment-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:9999px;white-space:nowrap}.booth-deployment-pill.deployed-active{background-color:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.booth-deployment-pill.deployed-empty{background-color:var(--input-bg);color:var(--text-muted);border:1px solid var(--border-color)}.booth-deployment-pill.deployed-sos{background-color:#ef444426!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.35)!important;font-weight:800;animation:pulse-danger .6s infinite alternate}.booth-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.booth-perimeter-badge{font-size:11px;color:#6366f1;background:#6366f114;padding:2px 6px;border-radius:4px}.booth-perimeter-badge.badge-perimeter-sos{color:#dc2626!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.25)}.booth-coords-badge{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted)}.booth-officers-list-summary{margin-top:6px;padding:4px 8px;background-color:#10b9810f;border-radius:6px;font-size:11px}.deployed-officers-label{font-weight:700;color:#059669}.deployed-officers-names{color:var(--text-main)}.btn-delete-danger:hover{background:#ef444426!important;color:#ef4444!important;border-color:#ef44444d!important}.booth-marker-pin{position:absolute!important;top:0!important;left:0!important;margin:0!important;padding:0!important;width:34px!important;height:40px!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:border-box;z-index:10}.booth-marker-pin:hover{z-index:120!important}.booth-pin-circle{width:34px;height:34px;border-radius:8px;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #6366f166;position:relative;z-index:2;border:2px solid #ffffff;transform-origin:bottom center;transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box}.booth-marker-pin:hover .booth-pin-circle{transform:scale(1.15);box-shadow:0 6px 14px #6366f180}.booth-marker-selected .booth-pin-circle{box-shadow:0 0 0 4px #3b82f6,0 6px 14px #00000073;transform:scale(1.12)}.booth-pin-pointer{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #6366f1;margin-top:-1px;position:relative;z-index:2}.booth-marker-sos .booth-pin-circle{background:#dc2626!important;border-color:#fef2f2!important;box-shadow:0 0 0 3px #ef4444,0 6px 14px #dc262699!important;animation:pulse-danger .6s infinite alternate!important}.booth-marker-sos .booth-pin-pointer{border-top-color:#dc2626!important}.booth-marker-sos .booth-badge-count{background:#dc2626!important;animation:pulse-ring 1.5s infinite}.pulse-sos-dot{background-color:#dc2626!important;box-shadow:0 0 #dc262699!important;animation:pulse-ring 1.2s infinite!important}.booth-badge-count{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;font-size:9px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1;padding:2px 4px;border-radius:9999px;border:1.5px solid #ffffff;box-shadow:0 2px 4px #0000004d;z-index:5}.booth-tooltip-card{min-width:200px}.booth-tooltip-meta{font-size:11px;color:var(--text-muted);margin-bottom:6px}.booth-tooltip-deployment{font-size:11px;font-weight:600;padding:4px 6px;background:var(--input-bg);border-radius:4px;margin-bottom:6px}.booth-tooltip-deployment.active-count{background:#10b9811f;color:#059669}.booth-tooltip-officers-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.booth-tooltip-officer-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px dashed var(--border-color)}.booth-tooltip-officer-row:last-child{border-bottom:none}.map-canvas-area.picking-location-cursor .mapboxgl-canvas{cursor:crosshair!important}.map-picker-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);background-color:#6366f1;color:#fff;padding:8px 16px;border-radius:9999px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px -5px #6366f180;z-index:30;border:1px solid rgba(255,255,255,.2);animation:modal-pop .2s cubic-bezier(.16,1,.3,1)}.picker-banner-content{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.picker-pulse-icon{animation:pulse-ring 1.8s infinite}.btn-picker-cancel{background:#fff3;border:none;color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;transition:background .15s ease}.btn-picker-cancel:hover{background:#ef4444e6}.booth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease}.booth-modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:440px;padding:20px;box-shadow:0 20px 25px -5px #0000004d;animation:modal-pop .2s cubic-bezier(.16,1,.3,1)}.booth-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.btn-close-modal{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px}.btn-close-modal:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.btn-pick-location{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--input-bg);border:1px dashed var(--border-color);border-radius:8px;padding:8px;font-size:12px;font-weight:600;color:#6366f1;cursor:pointer;transition:all .15s ease}.btn-pick-location:hover{background:#6366f114;border-color:#6366f1}.btn-pick-location.picking-active{background:#6366f126;border-color:#6366f1;color:#4f46e5;animation:pulse-border 1.5s infinite}.btn-modal-cancel{flex:1;height:38px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;transition:background .15s ease}.btn-modal-cancel:hover{background:var(--bg-card-hover)}.btn-modal-submit{flex:1;height:38px;background:#6366f1;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease}.btn-modal-submit:hover{background:#4f46e5}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.btn-add-strong-room{display:flex;align-items:center;gap:4px;background:#d97706;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-add-strong-room:hover{background:#b45309}.btn-modal-submit-strong-room{background:#d97706!important}.btn-modal-submit-strong-room:hover{background:#b45309!important}.strong-room-card{border-left:3px solid #d97706!important}.strong-room-card.selected{border-color:#d97706!important;background-color:#d9770614!important}.strong-room-card.distress{border-left-color:#dc2626!important;border-color:#ef4444!important;background-color:#ef44440f!important;animation:border-pulse 1.5s infinite}.strong-room-avatar-circle{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 5px #d977064d}.strong-room-avatar-circle.avatar-sos{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 0 0 2px #dc262666,0 2px 6px #dc262680!important;animation:pulse-danger .6s infinite alternate}.strong-room-deployment-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:9999px;white-space:nowrap}.strong-room-deployment-pill.deployed-active{background-color:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.28)}.strong-room-deployment-pill.deployed-empty{background-color:var(--input-bg);color:var(--text-muted);border:1px solid var(--border-color)}.strong-room-deployment-pill.deployed-sos{background-color:#ef444426!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.35)!important;font-weight:800;animation:pulse-danger .6s infinite alternate}.strong-room-perimeter-badge{font-size:11px;color:#d97706;background:#d9770614;padding:2px 6px;border-radius:4px}.strong-room-perimeter-badge.badge-perimeter-sos{color:#dc2626!important;background:#ef44441a!important;border:1px solid rgba(239,68,68,.25)}.strong-room-officers-summary{background-color:#d9770612!important}.strong-room-marker-pin{position:absolute!important;top:0!important;left:0!important;margin:0!important;padding:0!important;width:34px!important;height:40px!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:border-box;z-index:10}.strong-room-marker-pin:hover{z-index:120!important}.strong-room-pin-circle{width:34px;height:34px;border-radius:8px;background:#d97706;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #d9770666;position:relative;z-index:2;border:2px solid #ffffff;transform-origin:bottom center;transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box}.strong-room-marker-pin:hover .strong-room-pin-circle{transform:scale(1.15);box-shadow:0 6px 14px #d9770680}.strong-room-marker-selected .strong-room-pin-circle{box-shadow:0 0 0 4px #f59e0b,0 6px 14px #00000073;transform:scale(1.12)}.strong-room-pin-pointer{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #d97706;margin-top:-1px;position:relative;z-index:2}.strong-room-marker-sos .strong-room-pin-circle{background:#dc2626!important;border-color:#fef2f2!important;box-shadow:0 0 0 3px #ef4444,0 6px 14px #dc262699!important;animation:pulse-danger .6s infinite alternate!important}.strong-room-marker-sos .strong-room-pin-pointer{border-top-color:#dc2626!important}.strong-room-marker-sos .strong-room-badge-count{background:#dc2626!important;animation:pulse-ring 1.5s infinite}.strong-room-badge-count{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;font-size:9px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1;padding:2px 4px;border-radius:9999px;border:1.5px solid #ffffff;box-shadow:0 2px 4px #0000004d;z-index:5}.strong-room-tooltip-card{min-width:200px}.strong-room-tooltip-deployment{font-size:11px;font-weight:600;padding:4px 6px;background:var(--input-bg);border-radius:4px;margin-bottom:6px}.strong-room-tooltip-deployment.active-count{background:#d977061f;color:#b45309}.inline-add-booth-panel{padding:14px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:12px;box-shadow:0 1px 3px #0000000a;animation:fadeIn .15s ease}.inline-booth-header{margin-bottom:14px}.btn-back-link{display:inline-flex;align-items:center;gap:6px;background-color:var(--input-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a;margin-bottom:8px}.btn-back-link:hover{background-color:var(--bg-card-hover);color:var(--text-main);border-color:#6366f1;box-shadow:0 2px 6px #6366f126;transform:translate(-3px)}.btn-back-link:hover .back-arrow-icon{transform:translate(-2px);color:#6366f1}.btn-back-link:active{transform:translate(0)}.back-arrow-icon{transition:transform .15s ease,color .15s ease;flex-shrink:0}.btn-back-link.btn-back-strong-room:hover{border-color:#d97706;box-shadow:0 2px 6px #d9770626}.btn-back-link.btn-back-strong-room:hover .back-arrow-icon{color:#d97706}.map-legend-dropdown-menu{width:320px;max-width:90vw;padding:12px}.map-legend-items-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.map-legend-row{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:8px;background:var(--input-bg);border:1px solid var(--border-color);transition:background .15s ease}.map-legend-row:hover{background:var(--bg-card-hover)}.legend-sos-row{background:#ef44440d;border-color:#ef444433}.legend-marker-preview{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;font-weight:700;font-size:11px}.officer-preview{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #10b9814d}.preview-online-dot{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background-color:#10b981;border-radius:50%;border:1.5px solid #ffffff}.booth-preview{background:#6366f1;color:#fff;border:2px solid #ffffff;box-shadow:0 2px 6px #6366f14d}.strong-room-preview{background:#d97706;color:#fff;border:2px solid #ffffff;box-shadow:0 2px 6px #d977064d}.sos-preview{background:#dc2626;color:#fff;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 2px #ef4444;animation:pulse-danger .6s infinite alternate}.preview-count-badge{position:absolute;top:-4px;right:-4px;background:#10b981;color:#fff;font-size:8px;font-weight:800;font-family:JetBrains Mono,monospace;padding:1px 3px;border-radius:9999px;border:1px solid #ffffff}.legend-desc-col{flex:1}.legend-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.legend-title-row strong{font-size:13px;color:var(--text-main)}.legend-tag{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.4px}.tag-officer{background:#10b9811f;color:#059669}.tag-booth{background:#6366f11f;color:#6366f1}.tag-strong-room{background:#d977061f;color:#d97706}.tag-sos{background:#ef444426;color:#dc2626}.legend-desc-col p{margin:0;font-size:11px;color:var(--text-muted);line-height:1.35}.map-corner-legend{position:absolute;bottom:18px;left:18px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 14px #00000014,0 1px 3px #0000000a;z-index:20;padding:8px 12px;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1);max-width:480px}.map-corner-legend.collapsed{padding:6px 10px;border-radius:8px}.corner-legend-header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.corner-legend-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.corner-legend-icon{color:#6366f1}.btn-corner-legend-toggle{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.btn-corner-legend-toggle:hover{background:#0000000d;color:var(--text-main)}.corner-legend-body{display:flex;align-items:center;gap:14px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.corner-legend-item{display:flex;align-items:center;gap:6px}.corner-legend-dot{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:8px;font-weight:800;box-shadow:0 1px 3px #0003}.corner-legend-dot.officer-dot{background:#10b981;border-radius:50%}.corner-legend-dot.booth-dot{background:#6366f1}.corner-legend-dot.strong-room-dot{background:#d97706}.corner-legend-dot.sos-dot{background:#dc2626;border-radius:50%;animation:pulse-danger .6s infinite alternate}.corner-legend-label{font-size:11px;font-weight:600;color:var(--text-main);white-space:nowrap}