*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Roboto,system-ui,sans-serif;overflow:hidden}#root{height:100%}.app-layout{background-color:#0f172a;width:100vw;height:100vh;display:flex;overflow:hidden}.navigation-rail{z-index:1000;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:4px 0 20px #0000000d}.navigation-rail.collapsed{width:72px}.navigation-rail.expanded{width:320px}.rail-header{align-items:center;height:56px;display:flex}.menu-button-container{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:56px;display:flex}.rail-logo-icon{color:#4f46e5;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:28px;display:flex}.rail-title{color:#1e293b;letter-spacing:-.5px;font-size:20px;font-weight:600}.region-selector{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.selector-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:0 12px;transition:all .2s;display:flex;position:relative}.search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.search-icon{color:#94a3b8;margin-right:8px;font-size:20px}.search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.search-input::placeholder{color:#94a3b8}.clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.clear-search:hover{color:#475569;background:#e2e8f0}.clear-search span{font-size:16px}.section-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.selected-section{flex-direction:column;display:flex}.clear-all-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;transition:background .15s}.clear-all-btn:hover{background:#fee2e2}.empty-selection{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.selected-actions-wrapper{align-items:center;gap:8px;display:flex}.expand-chips-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;transition:background .15s}.expand-chips-btn:hover{background:#e0e7ff}.selected-chips{flex-wrap:wrap;gap:8px;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.selected-chips.collapsed{max-height:72px;overflow:hidden}.selected-chips.expanded{max-height:none;overflow:visible}.city-chip{color:#4f46e5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.city-chip:hover{background:#c7d2fe;border-color:#a5b4fc;transform:translateY(-1px)}.chip-remove{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;margin-left:4px;padding:0;transition:all .15s;display:flex}.chip-remove:hover{color:#fff;background:#818cf8}.chip-remove span{font-size:14px}.cities-section{flex-direction:column;flex:1;min-height:200px;display:flex}.cities-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.city-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.city-item:last-child{border-bottom:none}.city-item:hover{background:#f8fafc}.city-item.selected{background:#e0e7ff}.city-checkbox-wrapper{justify-content:center;align-items:center;padding:4px;display:flex}.city-checkbox{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}.city-name-text{color:#334155;flex:1;font-size:13px;font-weight:500}.city-item.selected .city-name-text{color:#4f46e5}.focus-icon{color:#94a3b8;opacity:0;font-size:16px;transition:all .15s}.city-item:hover .focus-icon{opacity:1}.focus-icon:hover{color:#4f46e5}.no-results,.loading-cities{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.collapsed-actions{flex-direction:column;align-items:center;gap:12px;margin-top:16px;display:flex;position:relative}.collapsed-icon-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.collapsed-icon-btn:hover{color:#4f46e5;background:#e0e7ff;border-color:#818cf8}.badge-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #ef444466}.rail-spacer{flex:1}.rail-footer{justify-content:center;padding:16px;display:flex}.toggle-rail-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toggle-rail-btn:hover{color:#1e293b;background:#f1f5f9}.toggle-rail-btn span{font-size:20px}.main-area{flex:1;height:100%;margin-left:72px;position:relative;overflow:hidden}.map-container{background:#0f172a;width:100%;height:100%}.leaflet-tooltip.city-tooltip-label{color:#f8fafc;background:#0f172af2;border:1px solid #4f46e5;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;box-shadow:0 4px 12px #00000026}.leaflet-tooltip-left.city-tooltip-label:before{border-left-color:#0f172af2}.leaflet-tooltip-right.city-tooltip-label:before{border-right-color:#0f172af2}.cities-list::-webkit-scrollbar{width:6px;height:6px}.selected-chips::-webkit-scrollbar{width:6px;height:6px}.region-selector::-webkit-scrollbar{width:6px;height:6px}.cities-list::-webkit-scrollbar-track{background:0 0}.selected-chips::-webkit-scrollbar-track{background:0 0}.region-selector::-webkit-scrollbar-track{background:0 0}.cities-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.selected-chips::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.region-selector::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cities-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.selected-chips::-webkit-scrollbar-thumb:hover{background:#94a3b8}.region-selector::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-content-viewport{flex:1;width:100%;position:relative;overflow:hidden}.sidebar-views-container{width:200%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-views-container.show-main{transform:translate(0%)}.sidebar-views-container.show-selector{transform:translate(-50%)}.sidebar-view-page{box-sizing:border-box;flex-direction:column;gap:4px;width:50%;height:100%;padding:16px;display:flex;overflow:hidden auto}.sidebar-view-page::-webkit-scrollbar{width:6px}.sidebar-view-page::-webkit-scrollbar-track{background:0 0}.sidebar-view-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-view-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}.feature-entry-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-radius:12px;padding:16px;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000000d}.feature-entry-card:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f126}.card-header-wrapper{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-header-left{align-items:center;gap:8px;display:flex}.card-icon{color:#4f46e5;font-size:22px}.card-title{color:#0f172a;font-size:15px;font-weight:600}.card-body{justify-content:space-between;align-items:center;font-size:12px;display:flex}.card-status{border-radius:4px;padding:2px 6px;font-weight:600}.card-status.enabled{color:#15803d;background:#dcfce7}.card-status.disabled{color:#64748b;background:#f1f5f9}.card-count{color:#64748b;font-weight:500}.submenu-settings-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.top-layer-switcher{width:100%;margin-top:4px}.top-layer-switcher .segmented-control{width:100%;display:flex}.top-layer-switcher .segment-btn{text-align:center;flex:1}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:6px 0;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.rail-row{align-items:center;width:100%;height:56px;margin-bottom:2px;display:flex;position:relative}.rail-item-icon-wrapper{justify-content:center;align-items:center;width:72px;height:56px;display:flex;position:absolute;top:0;left:0}.feature-entry-card.rail-row{cursor:pointer;box-shadow:none;background:0 0;border:none;align-items:center;width:100%;padding:0;transition:background .2s ease-in-out;display:flex}.feature-entry-card.rail-row:hover{background:#f1f5f9;border-radius:12px;transform:none}.entry-icon-circle{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex}.feature-entry-card.rail-row:hover .entry-icon-circle{color:#4f46e5;background:#e0e7ff}.card-content-wrapper{flex:1;justify-content:space-between;align-items:center;margin-left:72px;padding-right:16px;display:flex;overflow:hidden}.card-title{color:#0f172a;white-space:nowrap;font-size:15px;font-weight:600;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.arrow-right{color:#94a3b8;font-size:20px;transition:transform .2s,color .2s,opacity .25s cubic-bezier(.4,0,.2,1)}.feature-entry-card:hover .arrow-right{color:#4f46e5;transform:translate(4px)}.navigation-rail.collapsed .feature-entry-card.rail-row:hover{background:0 0}.navigation-rail.collapsed .feature-entry-card.rail-row:hover .entry-icon-circle{color:#4f46e5;background:#f1f5f9}.sidebar-view-page.main-page{padding-left:0}.back-btn:hover{color:#4f46e5}.back-btn span{font-size:18px}.disabled-label{opacity:.45;pointer-events:none;cursor:not-allowed!important}.map-settings-section .section-title{margin-bottom:4px}.settings-options{flex-direction:column;gap:8px;display:flex}.settings-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.settings-checkbox{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}.settings-icon{color:#64748b;font-size:18px}.settings-text{font-weight:500}.leaflet-tooltip.selected-city-label-permanent{color:#fff;white-space:nowrap;background:#4f46e5;border:1px solid #4338ca;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #4f46e566}.leaflet-tooltip-top.selected-city-label-permanent:before{border-top-color:#4f46e5}.leaflet-tooltip-bottom.selected-city-label-permanent:before{border-bottom-color:#4f46e5}.leaflet-tooltip-left.selected-city-label-permanent:before{border-left-color:#4f46e5}.leaflet-tooltip-right.selected-city-label-permanent:before{border-right-color:#4f46e5}.region-toggle-row{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.region-toggle-left{align-items:center;gap:10px;display:flex}.region-toggle-icon{color:#64748b;font-size:20px}.region-toggle-text{color:#1e293b;font-size:14px;font-weight:500}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(20px)}.disabled-panel{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(40%);transition:all .3s cubic-bezier(.4,0,.2,1)}.disabled-icon,.disabled-text{color:#94a3b8!important}.settings-option-group{flex-direction:column;gap:6px;margin-top:4px;display:flex}.settings-option-group .group-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.segmented-control{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:40px;padding:2px;display:flex}.segment-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.segment-btn:hover:not(:disabled){color:#0f172a}.segment-btn.active{color:#4f46e5;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.segment-btn:disabled{cursor:not-allowed;opacity:.5}.segment-text{white-space:nowrap}.map-type-row{position:relative}.map-layer-icon-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex}.map-layer-icon-btn:hover{color:#4f46e5;background:#e0e7ff}.map-layer-icon-btn span{font-size:20px}.navigation-rail.expanded .map-type-row .rail-item-icon-wrapper{display:none}.map-layer-expanded-wrapper{flex:1;margin-left:72px;padding-right:16px;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex}.navigation-rail.collapsed .map-layer-expanded-wrapper,.navigation-rail.collapsed .card-content-wrapper{display:none}.navigation-rail.expanded .map-layer-expanded-wrapper{opacity:1;pointer-events:auto;margin-left:16px}.auth-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:16px;width:360px;max-width:90vw;padding:32px;position:relative;box-shadow:0 20px 60px #0000004d}.auth-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;padding:4px;display:flex;position:absolute;top:12px;right:12px}.auth-close-btn:hover{background:#f1f5f9}.auth-tabs{background:#f1f5f9;border-radius:10px;gap:0;margin-bottom:24px;padding:3px;display:flex}.auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.auth-tab.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #0000001a}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.auth-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.auth-error{color:#ef4444;padding:4px 0;font-size:13px}.auth-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.auth-submit:hover{background:#4338ca}.auth-submit:disabled{cursor:not-allowed;background:#a5b4fc}.auth-switch{text-align:center;color:#64748b;margin-top:16px;font-size:13px}.auth-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.rail-footer{align-items:center;height:56px;padding:0;display:flex;position:relative}.rail-footer .rail-item-icon-wrapper{justify-content:center;align-items:center;width:72px;height:56px;display:flex;position:absolute;top:0;left:0}.auth-user-icon{color:#4f46e5;font-size:24px}.auth-username-wrapper{white-space:nowrap;flex:1;justify-content:space-between;align-items:center;margin-left:72px;padding-right:16px;display:flex;overflow:hidden}.auth-username{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;transition:opacity .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.navigation-rail.collapsed .auth-username{opacity:0}.auth-logout-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;margin-left:auto;padding:4px;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex}.auth-logout-btn:hover{color:#ef4444;background:#f1f5f9}.navigation-rail.collapsed .auth-logout-btn{opacity:0;pointer-events:none}.auth-login-btn{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;margin-left:72px;margin-right:16px;padding:6px 12px;font-size:13px;font-weight:500;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex}.auth-login-btn:hover{color:#4f46e5;background:#e0e7ff;border-color:#818cf8}.auth-login-text{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.navigation-rail.collapsed .auth-login-text{opacity:0}.navigation-rail.collapsed .auth-login-btn{opacity:0;pointer-events:none}.auth-login-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex}.auth-login-icon-btn:hover{color:#4f46e5;background:#f1f5f9}.navigation-rail.collapsed .auth-username-wrapper,.navigation-rail.collapsed .auth-login-btn,.navigation-rail.expanded .auth-login-icon-btn{display:none}.navigation-rail.expanded .auth-login-btn{margin-left:16px}.auth-required-placeholder{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:40px 24px;display:flex}.lock-icon-circle{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2s ease-in-out infinite pulseLock;display:flex;box-shadow:0 8px 16px #ef44441a}@keyframes pulseLock{0%{transform:scale(1);box-shadow:0 8px 16px #ef44441a}50%{transform:scale(1.05);box-shadow:0 8px 24px #ef444433}to{transform:scale(1);box-shadow:0 8px 16px #ef44441a}}.lock-icon-circle span{font-size:32px}.auth-required-placeholder h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.auth-required-placeholder p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.placeholder-login-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4f46e533}.placeholder-login-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.card-login-btn{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#e0e7ff;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.card-login-btn:hover{color:#fff;background:#4f46e5;box-shadow:0 2px 8px #4f46e540}.mobile-menu-btn,.sidebar-backdrop{display:none}@media (width<=820px){.mobile-menu-btn{z-index:1001;color:#475569;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:12px;left:12px}.mobile-menu-btn span{font-size:22px}.sidebar-backdrop{z-index:999;background:#0006;animation:.25s backdropFadeIn;display:block;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.navigation-rail{z-index:1000;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:4px 0 20px #00000026}.navigation-rail.collapsed{width:320px;transform:translate(-100%)}.navigation-rail.expanded{width:320px;transform:translate(0)}.main-area{margin-left:0}.rail-header .toggle-rail-btn{display:none}}