html,body{height:100%;margin:0}#geoJson{position:fixed;top:0;left:70px;width:calc(100% - 70px);height:100%}.content-backdrop{display:none!important;background:transparent!important}.content-backdrop,.layout-page:before,.layout-wrapper:before,.layout-container:before,.content-wrapper:before{background:none!important;background-image:none!important;box-shadow:none!important;opacity:0!important}.sidebar{position:fixed;left:0;top:0;width:70px;height:100vh;background-color:#f8f9fa;border-right:2px solid #dee2e6;display:flex;flex-direction:column;align-items:center;padding-top:20px;z-index:1000}.sidebar-logo a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px;gap:5px;height:auto}.sidebar-logo img{display:block;height:27px;max-width:100%}.sidebar-icons button{border:none;background:none;margin:20px 0;cursor:pointer;font-size:30px;padding:10px;border:1px solid #dee2e6;border-radius:20%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sidebar-icons button:active,.sidebar-icons button:hover,.sidebar-icons button:focus{border-color:#007bff;background-color:#e0f0ff;outline:none}.popover-content{position:fixed;left:69px;top:0;min-width:430px;height:100vh;background:#fff;padding:10px;display:none;z-index:1050;overflow-y:auto}.close-btn{position:absolute;top:8px;right:10px;background:#ffffff1a;border:none;color:#323333;font-size:16px;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#fff3;transform:scale(1.05);border:#007bff solid 1px;border-radius:10px}.popover-section{display:flex;flex-direction:column;gap:10px;margin:10px 0}.popover-label{font-weight:600}.layer-checkbox-group{display:flex;flex-direction:column;gap:8px;padding:4px 0;margin-left:20px;margin-top:-10px}.layer-checkbox-group .form-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;transition:background .2s ease,transform .1s ease;padding:4px 6px;border-radius:6px}.layer-checkbox-group .form-check-input{cursor:pointer;accent-color:#007bff;transform:scale(1.1)}.layer-checkbox-group .form-check-label{cursor:pointer;font-weight:500;color:#333;flex:1}.layer-checkbox-group .form-check:hover{background-color:#f0f4f8}.layer-checkbox-group .form-check small{color:#6c757d;font-size:.75rem;margin-top:2px}.list-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;margin-top:10px}.color-box{width:16px;height:16px;border:1px solid #ccc;border-radius:3px}.switch-template{display:flex}.switch-template label{margin-right:10px}#switch_template{display:none}#switch_template label{margin-right:0}#switch_template .switch-label{margin-right:10px}.toast-container{position:fixed!important;top:1rem!important;right:1rem!important;z-index:5000!important;pointer-events:none}.toast-container .toast{pointer-events:auto;margin:0!important;max-width:320px;word-wrap:break-word}.dark-style .sidebar{background-color:#2f3349;border-right-color:#e1def51f}.dark-style .sidebar-icons button{background:transparent;border-color:#e1def51f;color:#e1def5b3}.dark-style .sidebar-icons button:active,.dark-style .sidebar-icons button:hover,.dark-style .sidebar-icons button:focus{border-color:#7367f0;background-color:#7367f01a;color:#e1def5e6}.dark-style .popover-content{background:#2f3349;color:#e1def5b3}.dark-style .close-btn{background:#e1def50d;color:#e1def5b3}.dark-style .close-btn:hover{background:#e1def51a;border-color:#7367f0}.dark-style .popover-label{color:#e1def5e6}.dark-style .layer-checkbox-group .form-check-label{color:#e1def5b3}.dark-style .layer-checkbox-group .form-check:hover{background-color:#e1def50d}.dark-style .layer-checkbox-group .form-check-input{accent-color:#7367f0;background-color:#e1def514;border-color:#e1def54d}.dark-style .color-box{border-color:#e1def54d}.dark-style .list-item{color:#e1def5b3}.dark-style .select2-container--default .select2-selection--single{background-color:#25293c;border-color:#e1def51f;color:#e1def5b3}.dark-style .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e1def5b3}.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:rgba(225,222,245,.5) transparent transparent transparent}.dark-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent rgba(225,222,245,.5) transparent}.dark-style .select2-dropdown{background-color:#2f3349;border-color:#e1def51f}.dark-style .select2-container--default .select2-results__option{color:#e1def5b3}.dark-style .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#7367f026;color:#e1def5e6}.dark-style .select2-container--default .select2-results__option[aria-selected=true]{background-color:#7367f040;color:#e1def5f2}.dark-style .select2-container--default .select2-search--dropdown .select2-search__field,.dark-style .form-select{background-color:#25293c;border-color:#e1def51f;color:#e1def5b3}.dark-style .form-select:focus{border-color:#7367f0;background-color:#25293c;color:#e1def5b3}.dark-style .switch-label{color:#e1def5b3}.dark-style .switch-input:checked~.switch-toggle-slider{background-color:#7367f0}.dark-style .switch-toggle-slider{background-color:#e1def526}.dark-style .toast{background-color:#2f3349;border-color:#e1def51f;color:#e1def5b3}.dark-style .toast-header{background-color:#e1def50d;border-bottom-color:#e1def51f;color:#e1def5e6}.dark-style .toast-body{color:#e1def5b3}.dark-style .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.feature-detail-popup{position:fixed;right:-450px;top:0;width:450px;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:2000;transition:right .3s ease-in-out;overflow-y:auto;display:flex;flex-direction:column}.feature-detail-popup.active{right:0}.feature-detail-header{position:sticky;top:0;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 2px 8px #0000001a}.feature-detail-header h3{margin:0;font-size:18px;font-weight:600}.feature-detail-close{background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feature-detail-close:hover{background:#ffffff4d;transform:scale(1.1)}.feature-detail-body{padding:20px;flex:1}.feature-property{display:flex;padding:12px 0;border-bottom:1px solid #e9ecef;gap:12px}.feature-property:last-child{border-bottom:none}.property-label{font-weight:600;color:#495057;min-width:150px;font-size:14px}.property-value{flex:1;color:#212529;font-size:14px;word-break:break-word}.no-data-message{text-align:center;padding:40px 20px;color:#6c757d;font-size:14px}.dark-style .feature-detail-popup{background:#2f3349;box-shadow:-4px 0 20px #00000080}.dark-style .feature-detail-header{background:linear-gradient(135deg,#7367f0,#5e52d8)}.dark-style .feature-detail-close{background:#ffffff26}.dark-style .feature-detail-close:hover{background:#ffffff40}.dark-style .feature-property{border-bottom-color:#e1def51f}.dark-style .property-label{color:#e1def5b3}.dark-style .property-value{color:#e1def5e6}.dark-style .no-data-message{color:#e1def580}