/* CONTAINER */
.sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ITEM */
.sidebar-menu .menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 15px;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  background: linear-gradient(135deg, #0f5f4a, #1a7a63);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

/* ICON STYLE */
.sidebar-menu .menu-item i {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
  color: #f1c40f;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* HOVER TOMBOL */
.sidebar-menu .menu-item:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
  background: linear-gradient(135deg, #1a7a63, #0f5f4a);
}

/* HOVER IKON (ANIMASI) */
.sidebar-menu .menu-item:hover i {
  transform: translateX(6px) scale(1.15) rotate(3deg);
}

/* ITEM KUNING (HEADER MENU) */
.sidebar-menu .menu-item.gold {
  background: linear-gradient(135deg, #d4b037, #b8962e);
  color: #083c34;
  font-weight: bold;
}

.sidebar-menu .menu-item.gold:hover {
  background: linear-gradient(135deg, #b8962e, #d4b037);
}