/* Dark mode styles */
body.dark-mode {
  --bg-light: #1a1a1a;
  --text-light: #f8f9fa;
  --border-color: #444;
  background-color: var(--bg-light);
  color: var(--text-light);
}

.dark-mode .card {
  background: #2d2d2d;
  color: #f8f9fa;
}

.dark-mode .topbar {
  background: #2d2d2d;
  border-bottom-color: #444;
}

.dark-mode .table th {
  background: #333;
}

.dark-mode .table td {
  border-bottom-color: #444;
}

.dark-mode .table tbody tr:hover {
  background: #333;
}

.dark-mode .form-control {
  background: #333;
  border-color: #555;
  color: white;
}

.dark-mode .form-control:focus {
  border-color: var(--primary-color);
}