/* ==========================================
   MBOACORE SIDEBAR
========================================== */

.sidebar {

    background:#111827;

    min-height:100vh;

    color:white;

    padding:30px 20px;

    border-radius:0 20px 20px 0;

}

.sidebar-logo{

    text-align:center;

    margin-bottom:40px;

}

.sidebar-logo h2{

    font-weight:800;

    color:white;

    margin-top:10px;

}

.sidebar-logo small{

    color:#cbd5e1;

}

.sidebar-avatar{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#16a34a;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:40px;

    margin:auto;

    margin-bottom:15px;

}

.sidebar-username{

    font-size:18px;

    font-weight:700;

}

.sidebar-plan{

    display:inline-block;

    padding:4px 10px;

    border-radius:30px;

    background:#16a34a;

    font-size:13px;

    margin-top:8px;

}

.sidebar-menu{

    margin-top:40px;

}

.sidebar-menu a{

    display:flex;

    align-items:center;

    gap:12px;

    color:#d1d5db;

    text-decoration:none;

    padding:14px 18px;

    border-radius:12px;

    margin-bottom:8px;

    transition:.30s;

    font-weight:600;

}

.sidebar-menu a:hover{

    background:#1f2937;

    color:white;

    transform:translateX(6px);

}

.sidebar-menu a.active{

    background:#16a34a;

    color:white;

}

.sidebar-menu i{

    font-size:20px;

}