body {
  background-color: #f7f9f7;
  color: #333;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main { flex: 1; }
.card { border: none; }
a { text-decoration: none; }


.navbar.bg-success {
  background-color: #198754 !important;
  background-image: none !important;
}
.btn-admin-red {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #ffffff !important;
}

.dark-mode {
  background-color: #1e1e1e !important;
  color: #f5f5f5 !important;
}

.dark-mode .card {
  background-color: #2b2b2b !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
}


.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5,
.dark-mode p, .dark-mode span, .dark-mode strong, .dark-mode label,
.dark-mode .display-3, .dark-mode .display-5, .dark-mode .display-6 {
  color: #ffffff !important;
}


.dark-mode .text-success, 
.dark-mode h2.text-success, 
.dark-mode h5.text-success {
  color: #198754 !important;
}

.dark-mode .text-primary, 
.dark-mode h5.text-primary {
  color: #0d6efd !important;
}


.dark-mode .text-muted, .dark-mode .text-secondary, .dark-mode small, .dark-mode .small {
  color: #bbb !important;
  opacity: 1 !important;
}


.dark-mode .table {
  background-color: #2b2b2b !important;
  color: #ffffff !important;
  --bs-table-bg: #2b2b2b !important;
  --bs-table-color: #ffffff !important;
}
.dark-mode .table td, .dark-mode .table th, .dark-mode .table code {
  color: #ffffff !important;
  border-color: #444 !important;
}


.dark-mode .form-control, .dark-mode .form-select {
  background-color: #333 !important;
  color: #ffffff !important;
  border-color: #555 !important;
}


.dark-mode .badge.bg-light {
  background-color: #444 !important;
  color: #0d6efd !important;
  border: 1px solid #555;
}


footer { transition: background-color 0.4s ease; }
.dark-mode footer {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-top: 1px solid #333 !important;
}
.dark-mode footer p, .dark-mode footer a {
  color: #ffffff !important;
}


.btn-header-color {
  background-color: #198754 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}