body .el-container > .el-aside,
body .el-layout > .el-aside,
body .el-aside {
  background: linear-gradient(180deg, #f4faff 0%, #e2f0ff 100%) !important;
  border-right: 1px solid #c8dcf4 !important;
  box-shadow: 10px 0 28px rgba(96, 165, 250, 0.1) !important;
}

body .el-menu {
  background: transparent !important;
  border-right: 0 !important;
}

body .el-menu--vertical,
body .el-menu--popup-container {
  background: transparent !important;
}

body .el-menu-item,
body .el-sub-menu__title {
  margin: 4px 10px !important;
  border-radius: 14px !important;
  color: #24425d !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body .el-menu-item .el-icon,
body .el-sub-menu__title .el-icon {
  color: #5b8fdc !important;
}

body .el-menu-item:hover,
body .el-sub-menu__title:hover {
  background: rgba(255, 255, 255, 0.82) !important;
  color: #1e40af !important;
  transform: translateX(2px);
}

body .el-menu-item.is-active {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 248, 255, 1) 100%) !important;
  color: #2563eb !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.12) !important;
}

body .el-menu-item.is-active::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #7cc0ff 0%, #2d6cdf 100%);
}

body .el-menu-item,
body .el-sub-menu__title {
  position: relative;
}

body .el-menu-item span,
body .el-sub-menu__title span {
  color: inherit !important;
}