.sidebar{

    position:fixed;

    left:0;

    top:0;

    width:260px;

    height:100%;

    background:var(--sidebar);

    color:#fff;

    padding:30px 20px;

    overflow-y:auto;

}

.logo{

    font-size:28px;

    font-weight:700;

    margin-bottom:50px;

    color:white;

}

.logo span{

    color:#3b82f6;

}

.sidebar ul{

    list-style:none;

}

.sidebar ul li{

    margin:12px 0;

}

.sidebar ul li a{

    display:flex;

    align-items:center;

    gap:15px;

    color:#cbd5e1;

    text-decoration:none;

    padding:14px;

    border-radius:10px;

    transition:.3s;

}

.sidebar ul li a:hover{

    background:#1e40af;

    color:white;

}

.sidebar ul li a.active{

    background:var(--primary);

    color:white;

}