:root {
  --kbth-green: #1f7a4f;
  --kbth-cream: #fbf2e8;
  --kbth-cream-strong: #f0e2cf;
  --kbth-deep: #164c31;
  --kbth-border: rgba(31,122,79,0.16);
}

body {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(31,122,79,0.16) 0%, transparent 25%),
              radial-gradient(circle at bottom right, rgba(189,163,121,0.12) 0%, transparent 22%),
              linear-gradient(180deg, #fbf3e6 0%, #f7eddc 38%, #ede1d0 100%);
  color: #1e293b;
}

.dashboard-header {
  background: rgba(255,255,255,0.88);
  border: 1px solid var(--kbth-border);
  box-shadow: 0 18px 60px rgba(31,122,79,0.08);
}

.coming-soon-card {
  border-radius: 1.5rem;
  background: rgba(255,255,255,0.92);
}

.btn-primary, .btn-kbth {
  background-color: var(--kbth-green) !important;
  border-color: var(--kbth-green) !important;
  color: #fff !important;
}

.btn-primary:hover, .btn-kbth:hover {
  background-color: #196c44 !important;
  border-color: #196c44 !important;
}

.badge-kbth, .badge.bg-primary {
  background-color: var(--kbth-green) !important;
  color: #fff !important;
}

.nav-pills .nav-link.active {
  background-color: rgba(31,122,79,0.14) !important;
  color: var(--kbth-deep) !important;
}

.card, .feature-card {
  background: #fffdf7;
  border: 1px solid rgba(31,122,79,0.08);
  border-radius: 1.25rem;
}

.feature-card {
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
}

.feature-card .card-img-top {
  min-height: 220px;
}

.nav-pills .nav-link {
  padding: 1rem 1.1rem;
  font-weight: 600;
}

.tab-pane {
  animation: fadeInTab 0.35s ease-in-out;
}

@keyframes fadeInTab {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card {
  border-radius: 1.25rem;
}

.card-body h5 {
  letter-spacing: 0.02em;
}

.card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}