*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,
body{
width:100%;
height:100%;
overflow:hidden;
font-family:'Georgia',serif;
background:#f3eddd;
}

body{
display:flex;
}

#map{
flex:1;
background:#d8ccb0;
}

#sidebar{
width:380px;
background:#000;
color:#f3e6c5;
overflow-y:auto;
padding:20px;
border-left:3px solid #8b6a3d;
box-shadow:-8px 0 25px rgba(0,0,0,.55);
}

.logo{

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
margin-bottom:25px;

}

.logo img{

    width:100%;
    max-width:360px;
    height:auto;
    object-fit:contain;
    margin-bottom:20px;

}

.logo h1{

font-size:30px;
font-weight:bold;
color:#d9b15d;
letter-spacing:2px;
text-shadow:2px 2px 4px #000;
margin-bottom:8px;

}

.logo span{

font-size:14px;
color:#bca57a;
font-style:italic;

}

.sidebar-btn{

width:100%;
padding:14px;
border:2px solid EE82EE;
border-radius:8px;
background:#6f4e37;
color:#f8edd3;
font-size:16px;
font-weight:bold;
cursor:pointer;
transition:.25s;

}

.sidebar-btn:hover{

background:#EE82EE;

}

hr{

border:none;
height:1px;
background:#7a5b33;
margin:20px 0;

}

#blipList{

margin-top:20px;

}

.blip{

background:#4b3524;
border:1px solid #8b6a3d;
border-radius:10px;
padding:14px;
margin-bottom:12px;
box-shadow:0 2px 8px rgba(0,0,0,.35);

}

.blip-title{

font-weight:bold;
font-size:17px;
color:#f3d28b;
margin-bottom:10px;

}

.blip-actions{

display:flex;
gap:8px;

}

.view-btn{

flex:1;
background:#3f5230;
border:1px solid #6c8c4d;
color:#f5ebd2;
padding:9px;
border-radius:6px;
cursor:pointer;
font-weight:bold;
transition:.2s;

}

.view-btn:hover{

background:#50673d;

}

.delete-btn{

flex:1;
background:#7a2d20;
border:1px solid #a54a37;
color:white;
padding:9px;
border-radius:6px;
cursor:pointer;
font-weight:bold;
transition:.2s;

}

.delete-btn:hover{

background:#953628;

}

.popup-form{

width:280px;

}

.popup-form input,
.popup-form select{

width:100%;
padding:10px;
margin-bottom:10px;
background:#efe1c1;
border:2px solid #8b6a3d;
border-radius:6px;
font-size:15px;
color:#2d2017;

}

.popup-form input::placeholder{

color:#6b5b45;

}

.popup-form button{

width:100%;
padding:11px;
background:#6f4e37;
border:2px solid #8b6a3d;
color:#f5ebd2;
font-weight:bold;
border-radius:6px;
cursor:pointer;
transition:.2s;

}

.popup-form button:hover{

background:#8b6a3d;

}

.map-icon{

font-size:28px;
text-shadow:
0 0 3px #000,
0 0 6px #000;

}

.leaflet-popup-content-wrapper{

background:#efe1c1;
color:#2d2017;
border:2px solid #8b6a3d;

}

.leaflet-popup-tip{

background:#efe1c1;

}

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#2d2017;

}

::-webkit-scrollbar-thumb{

background:#8b6a3d;
border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

background:#b08b54;

}