body{
margin:0;
font-family:Arial, sans-serif;
}

#map{
height:100vh;
}

.sidebar{
position:absolute;
top:10px;
left:10px;
background:white;
padding:15px;
border-radius:12px;
width:320px;
z-index:1000;
box-shadow:0 4px 20px rgba(0,0,0,0.2);
max-height:90vh;
overflow:auto;
}

.hidden{
display:none;
}

.close-btn{
margin-top:10px;
background:#ef4444;
color:white;
border:none;
padding:8px;
border-radius:8px;
width:100%;
cursor:pointer;
}

.dev-footer{
margin-top:10px;
font-size:12px;
text-align:center;
opacity:0.7;
}

/* Tombol show dashboard tepi layar */
#show-dashboard-btn{
position:fixed;
top:50%;
right:0;
transform:translateY(-50%);
z-index:1001;
padding:10px;
background:#2563eb;
color:white;
border:none;
border-radius:8px 0 0 8px;
cursor:pointer;
display:none;
}

@media(max-width:768px){
.sidebar{
width:90%;
left:5%;
top:60px;
}
}