:root {
  --primary-green: #2f7d59;
  --primary-green-dark: #225c43;
  --primary-green-light: #d9efe3;
}

.el-button--primary,
.el-menu-item.is-active,
.el-submenu__title:hover,
.el-menu-item:hover {
  background-color: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
  color: #fff !important;
}

.el-menu {
  border-right: none;
}

.page-card {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(47, 125, 89, 0.12);
}

.header-bar {
  background: linear-gradient(135deg, var(--primary-green) 0%, #5fbf90 100%);
  color: #fff;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
