/*==================================================
SIDEBAR.CSS
==================================================*/
.sidebar{
position:sticky;
top:0;
height:100vh;
width:var(--sidebar-width);
background:var(--bg-sidebar);
border-right:1px solid var(--border-color);
padding:30px;
overflow:auto;
}
.sidebar-logo{margin-bottom:40px}
.sidebar-group{margin-bottom:35px}
.sidebar-title{
font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
color:var(--text-muted);
margin-bottom:15px;
}
.sidebar-menu a{
display:flex;
align-items:center;
gap:12px;
padding:12px 16px;
border-radius:10px;
color:var(--text-light);
transition:var(--transition);
}
.sidebar-menu a:hover,
.sidebar-menu a.active{
background:rgba(212,175,55,.12);
color:var(--gold-500);
}
.sidebar-menu .completed::after{
content:"✓";
margin-left:auto;
color:var(--success);
font-weight:bold;
}
@media(max-width:992px){
.sidebar{
position:fixed;
left:-100%;
transition:.3s;
z-index:999;
}
.sidebar.open{left:0;}
}