.leftside-menu {
  background: linear-gradient(180deg, #223247 0%, #1c2a3d 100%) !important;
  box-shadow: 0 18px 38px rgba(19, 28, 43, 0.24) !important;
}

.leftside-menu .logo {
  background: rgba(255, 255, 255, 0.02) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.leftside-menu .side-nav-link {
  color: #dce6f5 !important;
  border-radius: 16px !important;
  margin: 4px 10px !important;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.leftside-menu .side-nav-link:hover,
.leftside-menu .side-nav-link:focus {
  background: #31455f !important;
  color: #ffffff !important;
}

.leftside-menu .side-nav-link.active {
  background: #3b4f69 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

.leftside-menu .side-nav-second-level li a {
  color: #c2d0e4 !important;
  border-radius: 12px !important;
}

.leftside-menu .side-nav-second-level li a:hover,
.leftside-menu .side-nav-second-level li a:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.leftside-menu .menu-arrow,
.leftside-menu .side-nav-link i,
.leftside-menu .side-nav-link span,
.leftside-menu .text-white {
  color: inherit !important;
}

.leftside-menu .help-box {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* ModernMainLayout sidebar */
#root aside {
  background: linear-gradient(180deg, #223247 0%, #1c2a3d 100%) !important;
  color: #eef4ff !important;
  box-shadow: 8px 0 30px rgba(15, 23, 42, 0.22) !important;
}

#root aside > div:first-child {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#root aside nav button,
#root aside nav a {
  color: #dbe7f7 !important;
}

#root aside nav button:hover,
#root aside nav a:hover,
#root aside nav button:focus,
#root aside nav a:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

#root aside nav ul > li > a,
#root aside nav ul > li > button {
  border-radius: 18px !important;
}

#root aside nav ul > li > ul a {
  color: #c4d3e8 !important;
}

#root aside nav ul > li > ul a:hover,
#root aside nav ul > li > ul a:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

#root aside nav svg {
  color: inherit !important;
}

#root aside > div:last-child > div {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}