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

html,
body{
width:100%;
height:100%;
overflow:hidden;
font-family:'Segoe UI',sans-serif;
background:#848484;
}

body{
display:flex;
}

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

#sidebar{
width:380px;
background:#000000;
color:white;
overflow-y:auto;
padding:20px;
border-left:1px solid #333;
box-shadow:-5px 0 20px rgba(0,0,0,.4);
}

.logo{
display:flex;
align-items:center;
gap:12px;
margin-bottom:20px;
}

.logo img{
width:60px;
height:60px;
border-radius:12px;
object-fit:cover;
}

.logo{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    margin-bottom:25px;

}

.logo img{

    width:220px;

    height:220px;

    object-fit:cover;

    border-radius:15px;

    margin-bottom:15px;

}

.logo h1{

    font-size:28px;

    font-weight:700;

    margin-bottom:5px;

}

.logo span{

    font-size:14px;

    color:#999;

}

.sidebar-btn{
width:100%;
padding:12px;
border:none;
border-radius:8px;
background:#3f7cff;
color:white;
cursor:pointer;
margin-bottom:20px;
}

.sidebar-btn:hover{
background:#2d68f0;
}

#blipList{
margin-top:20px;
}

.blip{
background:#242424;
border:1px solid #333;
border-radius:10px;
padding:12px;
margin-bottom:12px;
}

.blip-title{
font-weight:600;
margin-bottom:8px;
}

.blip-desc{
font-size:13px;
color:#c1c1c1;
margin-bottom:10px;
}

.blip-actions{
display:flex;
gap:5px;
}

.view-btn{
flex:1;
background:#2e8b57;
border:none;
color:white;
padding:8px;
border-radius:6px;
cursor:pointer;
}

.delete-btn{
flex:1;
background:#c0392b;
border:none;
color:white;
padding:8px;
border-radius:6px;
cursor:pointer;
}

.popup-form{
width:280px;
}

.popup-form input,
.popup-form textarea,
.popup-form select{
width:100%;
padding:10px;
margin-bottom:8px;
border:1px solid #ccc;
border-radius:6px;
}

.popup-form textarea{
height:80px;
resize:none;
}

.popup-form button{
width:100%;
padding:10px;
background:#3f7cff;
border:none;
color:white;
border-radius:6px;
cursor:pointer;
}

.map-icon{
font-size:26px;
text-shadow:0 0 5px black;
}

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-thumb{
background:#444;
}

::-webkit-scrollbar-track{
background:#1e1e1e;
}