:root{--btn-primary-bg:#003732;--btn-primary-text:#fff;--btn-primary-hover-bg:#002a26;--btn-secondary-bg:#4b5563;--btn-secondary-text:#fff;--btn-secondary-hover-bg:#374151;--btn-danger-color:#dc2626;--btn-danger-hover-color:#b91c1c;--menu-icon-color:#374151;--menu-icon-active-color:#166534;--menu-icon-hover-bg:rgba(75,85,99,.1);--btn-usermenu-bg:#fff;--btn-usermenu-text:#166534;--btn-usermenu-hover-bg:#f3f4f6}body.monitoring-theme{margin:0;width:100%;height:100vh;font-size:medium;background-color:#181a1b;color:#e8e6e3}.monitoring-theme input[type=file]{width:100%}.monitoring-theme input[type=file]::file-selector-button{height:3vh;font-size:medium;background-color:#363636;border:none;color:#e8e6e3;width:40%}input[type=file]::file-selector-button:hover{background-color:#6b6b6b}.monitoring-theme input[type=date]{background-color:#363636;color:#e8e6e3;border:none;font-size:medium}input[type=date]:enabled:hover{background-color:#6b6b6b}input[type=date]:disabled{background-color:#181a1b;border:thin solid #666766;color:#666766}.monitoring-theme input[type=checkbox]{display:flex;margin-right:1vh}.monitoring-theme select{width:100%;display:flex;height:3vh;background-color:#363636;color:#e8e6e3;border:none;font-size:medium;text-align:center}.monitoring-theme select:enabled:hover{background-color:#6b6b6b}.monitoring-theme select:disabled{background-color:#181a1b;border:thin solid #666766;color:#666766}.monitoring-theme #map button{height:3vh;font-size:medium;color:#e8e6e3;border:none;background-color:#363636}.monitoring-theme #map button:enabled:hover{background-color:#6b6b6b}.monitoring-theme #map button:disabled{background-color:#181a1b;border:thin solid #666766;color:#666766}.button-select{width:100%}.button-select:disabled{border:none;color:#e8e6e3}.flexible{display:flex}.vertical{flex-direction:column}.horizontal{flex-direction:row}.wide{justify-content:space-between}.gap{gap:1rem}.small-gap{gap:.5rem}.center1{align-items:center}.center2{justify-content:center}.text-center{text-align:center}.monitoring-theme #loading{width:100%;height:100%;background-color:#181a1b;color:#e8e6e3;font-size:xx-large;font-weight:700}.monitoring-theme #map{width:100%;height:100%}#map canvas{cursor:crosshair}.panel-right{position:fixed;right:20px;top:80px;background-color:#181a1b;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);width:clamp(320px,30vw,450px);height:calc(100vh - 100px);overflow-y:auto;z-index:900;padding:20px;color:#e8e6e3;transition:all .3s ease;display:flex;flex-direction:column}.panel-right:hover{transform:translateX(-5px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.panel-left{position:fixed;left:20px;top:80px;background-color:#181a1b;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);width:400px;height:calc(100vh - 96px);overflow-y:auto;z-index:900;padding:20px;color:#e8e6e3;transition:all .3s ease;display:flex;flex-direction:column}.panel-left:hover{transform:translateX(5px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.nav-buttons{display:flex;flex-direction:row;gap:0;margin-bottom:20px;background-color:#242627;padding:4px;border-radius:8px}.nav-buttons button{flex:1;padding:12px 16px;text-align:center;border-radius:6px;background-color:transparent;color:#e8e6e3;border:none;height:auto;transition:all .2s ease;font-size:14px;font-weight:500;position:relative}.nav-buttons button:hover{background-color:rgba(74,74,74,.5)}.nav-buttons button.active{background-color:#4caf50;color:#fff}.nav-buttons button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#4caf50}.panel-content{background-color:#242627;border-radius:8px;padding:16px;margin-top:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);flex:1;overflow-y:auto;min-height:0}.title{font-size:18px;font-weight:600;color:#e8e6e3;margin-bottom:16px;text-align:left;padding-bottom:8px;border-bottom:2px solid #4caf50}#legend{margin-top:1vh;overflow-y:auto;max-height:60vh;font-size:smaller}.monitoring-theme #modal{width:30vh;font-size:large;background-color:#181a1b;text-align:center;border:thin solid #181a1b;color:#e8e6e3}@media (max-width:640px){.panel-right{width:calc(100vw - 40px);right:20px;left:20px;top:72px;height:calc(100vh - 92px)}.MuiTab-root,.MuiTabs-root{min-height:40px!important}.MuiTab-root{padding:4px 6px!important;min-width:60px!important}.MuiTabs-scrollButtons{width:24px}.MuiTabs-indicator{height:2px}}@media (max-width:480px){.panel-right{width:100vw;right:0;left:0;top:64px;height:calc(100vh - 64px);padding:12px;border-radius:0;box-shadow:none}.panel-right.collapsed{width:auto!important;max-width:320px!important;min-width:280px!important;left:auto!important;right:8px!important;height:auto!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;border:1px solid #333!important}.MuiTab-root{min-width:50px!important;font-size:.6rem!important}}#map .maplibregl-ctrl-group,#map .maplibregl-ctrl-top-left .maplibregl-ctrl-group{position:relative!important;margin:0!important}.monitoring-theme #map .maplibregl-ctrl-group button{height:32px!important;width:32px!important;padding:0!important;background-color:#fff!important;border:1px solid rgba(0,55,50,.4)!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;color:#003732!important}.monitoring-theme #map .maplibregl-ctrl-group button:hover{background-color:rgba(0,55,50,.06)!important}#map .maplibregl-ctrl-top-left{position:absolute!important;left:16px!important;z-index:999!important;margin:0!important;pointer-events:auto!important;position:static!important;top:auto!important;left:auto!important}#map .maplibregl-ctrl-bottom-left .maplibregl-ctrl-scale,#map .maplibregl-ctrl-scale{position:absolute!important;bottom:20px!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:1001!important;margin:0!important;background-color:hsla(0,0%,100%,.95)!important;padding:8px 16px!important;border-radius:6px!important;box-shadow:0 4px 8px rgba(0,0,0,.3)!important;font-size:14px!important;font-weight:600!important;min-width:200px!important;text-align:center!important;display:block!important;visibility:visible!important;opacity:1!important}#map .maplibregl-ctrl-scale-line{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:4px!important;background-color:#000!important;border-top:2px solid #000!important;border-bottom:1px solid #000!important;margin-bottom:4px!important;position:relative!important}#map .maplibregl-ctrl-scale{line-height:1.4!important;display:flex!important;flex-direction:column!important;align-items:center!important}#map .maplibregl-ctrl-scale>*{display:block!important;visibility:visible!important;opacity:1!important}#map .maplibregl-ctrl-bottom-left{position:static!important;bottom:auto!important;left:auto!important}#map .carouselContainer,#monitoring-map-container .carouselContainer{position:relative!important;z-index:1200!important}