/* Container Menu Sidebar OJS 3 */
.sidebar-menu {
  width: 100% !important;
  background-color: #02214B !important;
  border-radius: 0 0 15px 15px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  font-family: Georgia, 'Times New Roman', Cambria, serif !important;
  margin-bottom: 20px !important;
}

/* Header Text (MAIN MENU) */
.sidebar-menu .menu-header {
  background-color: #02214B !important;
  color: #7BA4C7 !important;
  text-align: center !important;
  padding: 16px 15px !important;
  font-size: 1.15rem !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* List Items */
.sidebar-menu .menu-list {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}

.sidebar-menu .menu-list li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Link Menu */
.sidebar-menu .menu-list li a {
  display: block !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}

/* Efek Hover */
.sidebar-menu .menu-list li a:hover {
  background-color: #011633 !important;
  color: #7BA4C7 !important;
}