.main-content[data-v-fb347e7c]{height:100vh;overflow:hidden;position:relative;width:100vw}.app-bar[data-v-fb347e7c]{z-index:1001}.sidebar-overlay[data-v-fb347e7c]{background-color:#fff!important;position:fixed!important;z-index:1000}[data-v-fb347e7c] .v-overlay{display:none!important}.map-controls .v-btn[data-v-fb347e7c]{background-color:#fff!important}.map-control-btn[data-v-fb347e7c] .v-icon{color:#000!important}.map-footer[data-v-fb347e7c]{background-color:#fffc;bottom:0;font-size:12px;left:0;position:fixed;right:0;z-index:997}.dataset-info-card[data-v-fb347e7c]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto;padding:16px;position:fixed;right:15px;top:80px;width:350px;z-index:999}.dataset-toggle[data-v-fb347e7c]{right:30px;top:90px}.classification-stats[data-v-fb347e7c]{max-height:300px;overflow-y:auto}.classification-stat-item[data-v-fb347e7c]{background-color:#f8f9fa;border-left:3px solid #e0e0e0;border-radius:4px;padding:8px}.classification-progress[data-v-fb347e7c]{align-items:center;display:flex;gap:8px;margin-top:4px}.legend-color-small[data-v-fb347e7c]{border:1px solid #ddd;border-radius:3px;flex-shrink:0;height:16px;width:16px}.legend-card[data-v-fb347e7c]{background-color:#fff;border-radius:8px;bottom:50px;box-shadow:0 2px 8px #00000026;max-height:400px;overflow-y:auto;padding:16px;position:fixed;right:15px;width:260px;z-index:999}.toggle-active[data-v-fb347e7c]{background-color:#797d62!important}.toggle-active .v-icon[data-v-fb347e7c]{color:#fff!important}.close-button[data-v-fb347e7c]{background-color:#fff!important;border-radius:50%!important;cursor:pointer;height:36px!important;min-width:36px!important;position:fixed;width:36px!important;z-index:1000}.close-button .v-icon[data-v-fb347e7c]{color:#616161!important;font-size:18px}.legend-toggle[data-v-fb347e7c]{bottom:235px;right:30px}.komoditas-grid[data-v-fb347e7c]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.komoditas-item[data-v-fb347e7c]{background-color:#f5f5f5;border-radius:4px;padding:10px}[data-v-fb347e7c] .filter-field .v-field__outline{color:#d08c60!important}[data-v-fb347e7c] .filter-field .v-field__input{background-color:#faf3ec!important}[data-v-fb347e7c] .filter-field .v-field--variant-outlined .v-field__outline__end,[data-v-fb347e7c] .filter-field .v-field--variant-outlined .v-field__outline__notch,[data-v-fb347e7c] .filter-field .v-field--variant-outlined .v-field__outline__start{border-color:#d08c60!important}.v-btn[color=warning][data-v-fb347e7c]{color:#000!important;font-size:.875rem!important;font-weight:600!important;height:44px!important;letter-spacing:.5px!important}.layer-panel[data-v-fb347e7c]{background-color:#fff;border-radius:8px;left:15px;position:fixed;top:520px;transition:left .3s ease;width:270px;z-index:998}.map-controls.sidebar-closed~.layer-panel[data-v-fb347e7c]{left:-285px}.layer-panel-always-visible[data-v-fb347e7c]{background-color:#fff;border-radius:8px;bottom:120px;left:15px;position:fixed;transition:left .3s ease;width:250px;z-index:998}.sidebar-closed .layer-panel-always-visible[data-v-fb347e7c]{left:15px}.sidebar-open .layer-panel-always-visible[data-v-fb347e7c]{left:315px}.map-controls[data-v-fb347e7c]{display:flex;flex-direction:column;gap:5px;left:315px;position:fixed;top:80px;transition:left .3s ease;z-index:999}.map-controls.sidebar-closed[data-v-fb347e7c]{left:10px}.sidebar-content[data-v-fb347e7c]{display:flex;flex-direction:column;height:100%;padding-bottom:80px;position:relative}.layer-panel-bottom[data-v-fb347e7c]{border-top:1px solid #e0e0e0;bottom:0;left:0;padding:16px;position:absolute;right:0}.alert-black-text[data-v-fb347e7c],.alert-black-text[data-v-fb347e7c] .v-alert__content{color:#000!important}.legend-color[data-v-fb347e7c]{border:1px solid #ddd;border-radius:3px;flex-shrink:0;height:20px;min-width:20px;width:20px}.legend-item[data-v-fb347e7c]{padding:4px 0}.legend-text[data-v-fb347e7c]{flex:1;min-width:0}.legend-content[data-v-fb347e7c]{max-height:350px;overflow-y:auto}.kecamatan-table-container[data-v-fb347e7c]{border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;max-height:250px;overflow-y:auto}.kecamatan-table[data-v-fb347e7c]{font-size:12px}.kecamatan-table th[data-v-fb347e7c]{background-color:#f5f5f5!important;border-bottom:1px solid #e0e0e0;font-size:11px;padding:8px 12px!important;position:sticky;top:0;z-index:1}.kecamatan-table td[data-v-fb347e7c]{border-bottom:1px solid #f0f0f0;font-size:11px;padding:6px 12px!important}.kecamatan-row[data-v-fb347e7c]:hover{background-color:#f8f9fa}.classification-dot[data-v-fb347e7c]{border:1px solid #ddd;border-radius:50%;flex-shrink:0;height:8px;width:8px}.dataset-info-card[data-v-fb347e7c]::-webkit-scrollbar,.kecamatan-table-container[data-v-fb347e7c]::-webkit-scrollbar{width:6px}.dataset-info-card[data-v-fb347e7c]::-webkit-scrollbar-track,.kecamatan-table-container[data-v-fb347e7c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dataset-info-card[data-v-fb347e7c]::-webkit-scrollbar-thumb,.kecamatan-table-container[data-v-fb347e7c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dataset-info-card[data-v-fb347e7c]::-webkit-scrollbar-thumb:hover,.kecamatan-table-container[data-v-fb347e7c]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}