.sidebar{
position:fixed;

top:78px;     /* below header */
left:0;
bottom:0;     /* full height all the way down */

width:280px;

overflow-y:auto;

padding:30px 24px;

background:rgba(255,255,255,.04);
backdrop-filter:blur(14px);
border-right:1px solid rgba(255,255,255,.06);
}

.side-logo{
color:#38bdf8;
margin-bottom:35px;
}

.side-menu{
list-style:none;
padding:0;
margin:0;
}

.side-menu li{
padding:15px 18px;
margin-bottom:12px;
border-radius:14px;
background:rgba(255,255,255,.03);
cursor:pointer;
}

.side-menu li.active,
.side-menu li:hover{
background:linear-gradient(90deg,#38bdf8,#6366f1);
}