body.day-theme {
  background-color: #f9fafb;
  color: #1e293b;
  transition: background-color 0.5s, color 0.5s;
}

body.night-theme {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  color: #f9fafb !important;
  transition: background-color 0.5s, color 0.5s;
}

.night-theme .header,
.night-theme .sidebar,
.night-theme .footer {
  background-color: #0f172a;
}

.night-theme .card {
  background-color: #334155;
  color: #f9fafb;
}

.nav a[style*="color: red"],
.nav a[style*="color:red"] {
  color: red !important;
}

.night-theme .nav a[style*="color: red"],
.night-theme .nav a[style*="color:red"] {
  color: red !important;
}

.theme-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}