.dashboard-shell {
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 243, 224, 0.65) 0%, rgba(255, 243, 224, 0) 45%),
    radial-gradient(circle at 85% 10%, rgba(232, 245, 233, 0.6) 0%, rgba(232, 245, 233, 0) 40%),
    #f8fafc;
}

.dashboard-title {
  color: #2f3a2f;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.dashboard-card {
  border: 1px solid rgba(87, 90, 79, 0.15);
  border-radius: 14px;
  box-shadow: 0 8px 26px rgba(28, 39, 31, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(28, 39, 31, 0.12);
}

.dashboard-gradient-a {
  background: linear-gradient(130deg, #fff8ef 0%, #f0faf2 100%);
}

.dashboard-gradient-b {
  background: linear-gradient(130deg, #f0faf2 0%, #fff8ef 100%);
}

.dashboard-header-dark {
  background: linear-gradient(90deg, #575a4f 0%, #6a6f61 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-soft-list-item {
  transition: background-color 0.16s ease;
}

.dashboard-soft-list-item:hover {
  background-color: rgba(255, 255, 255, 0.55);
}

.search-input-group .form-control {
  border-color: rgba(87, 90, 79, 0.2);
}

.search-input-group .input-group-text {
  border-color: rgba(87, 90, 79, 0.2);
}

.dashboard-modal .modal-content {
  border: 1px solid rgba(87, 90, 79, 0.2);
  border-radius: 12px;
  box-shadow: 0 14px 40px rgba(17, 24, 39, 0.22);
}