.main-sidebar{
  background:#f1eded !important;
  height:100vh;
  overflow:visible !important;
}

.main-sidebar .sidebar{
  background:#f7f5f5 !important;
   height:100vh !important;
  display:flex;
  flex-direction:column;

  overflow-y:auto !important;
  overflow-x:hidden;
    padding-bottom:120px;
}

.brand-link{
  background:#ffffff !important;
  border-bottom:1px solid #e5e7eb;
  padding:18px 0;
}
.brand-text{
  font-family: "Times New Roman", serif;
  font-size:36px;
  font-weight:1000;
  letter-spacing:4px;
  color:#0b3a6f !important;
}

.nav-sidebar{
  flex:1;
  overflow:hidden !important;
}

.nav-sidebar .nav-item{
  width:100%;
}

.nav-sidebar .nav-link{
  width:100% !important;
  margin:6px 0;
  padding:14px 20px;
  border-radius:999px !important;
  font-size:16px;
  font-weight:700;
  color:#111827 !important;
  display:flex;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  transition:all .2s ease;
}

.nav-sidebar .nav-item:nth-child(6n+1) .nav-icon{ color:#3b82f6; } 
.nav-sidebar .nav-item:nth-child(6n+2) .nav-icon{ color:#22c55e; }
.nav-sidebar .nav-item:nth-child(6n+3) .nav-icon{ color:#f59e0b; } 
.nav-sidebar .nav-item:nth-child(6n+4) .nav-icon{ color:#ef4444; } 
.nav-sidebar .nav-item:nth-child(6n+5) .nav-icon{ color:#8b5cf6; } 
.nav-sidebar .nav-item:nth-child(6n+6) .nav-icon{ color:#06b6d4; } 
.nav-icon{
  font-size:20px;
  min-width:26px;
}

.nav-sidebar .nav-item:not(:first-child) > .nav-link:hover{
  background:#124375 !important;
  color:#ffffff !important;
}
.nav-sidebar .nav-item:not(:first-child) > .nav-link:hover .nav-icon{
  color:#ffffff !important;
}

.nav-sidebar .nav-item:first-child > .nav-link:hover{
  background:#836522 !important;
  color:#111827 !important;
}
.nav-sidebar .nav-item:first-child > .nav-link:hover .nav-icon{
  color:#f5f6f8 !important;
}

.nav-sidebar .nav-link.active{
  background:#44448f !important;
  color:#ffffff !important;
}
.nav-sidebar .nav-link.active .nav-icon{
  color:#ffffff !important;
}

.nav-treeview{
  margin:6px 0 6px 22px;
  width:calc(100% - 22px);
}

.nav-treeview .nav-link{
  background:#ffffff;
  font-size:14px;
  font-weight:600;
  padding:12px 18px;
  border-radius:999px !important;
}

.nav-treeview .nav-link:hover{
  background:#e5e7eb !important;
}

.nav-item.has-treeview > .nav-link .right{
  transition:transform .3s ease;
}
.nav-item.menu-open > .nav-link .right{
  transform:rotate(-90deg);
}

.nav-sidebar .logout-btn{
  margin-top:12px;
}

.nav-sidebar .nav-item:last-child .nav-link{
  background:#23754a !important;
  color:#ffffff !important;
  font-weight:800;
  justify-content:center;
  border-radius:999px !important;
}
.nav-sidebar .nav-item:last-child .nav-link:hover{
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
}

.sidebar::-webkit-scrollbar{
  display:none;
}