.main-container{display:flex;height:100vh}.sidebar{width:400px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:2px 0 10px #0000001a;z-index:1000;overflow-y:auto;transition:transform .3s ease-in-out}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}#homeButton{margin-bottom:30px}.sidebar-content{padding:20px}.sidebar-section{margin-bottom:5px}.sidebar-section h3{font-size:1.1rem;font-weight:600;margin-bottom:5px;color:#ffffffe6}.sidebar-item{padding:12px 15px;margin-bottom:8px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar-item:hover{background:#fff3;transform:translate(5px)}.sidebar-item.active{background:#ffffff40;border-left:4px solid #fff}.search-input{width:100%;padding:12px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;placeholder-color:rgba(255,255,255,.7)}.search-input::-moz-placeholder{color:#ffffffb3}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;background:#fff3}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:1001;background:#667eea;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;box-shadow:0 2px 10px #0003;display:none}.map-container{flex:1;position:relative}.overlay-container{position:relative;width:100%;height:100vh}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overlay-content{position:absolute;z-index:2;pointer-events:none}.top-left{top:20px;left:20px}.top-right{top:20px;right:20px}.bottom-left{bottom:20px;left:20px}.bottom-right{bottom:20px;right:20px}.center-top{top:20px;left:50%;transform:translate(-50%)}.control-panel{background-color:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;pointer-events:auto}.search-box{width:300px}.map-legend{background-color:#ffffffe6;padding:10px;border-radius:5px}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-color{width:20px;height:20px;margin-right:8px;border:1px solid #ccc}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block}.map-container{width:100%}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.filter-select{color:#4a5568}.filter-select option{color:#2d3748;background:#fff}