/* Dark Mode Styles */
body.dark-mode {
    background-color: #121212;
    color: #f5f5f5;
  }
  
  body.dark-mode .navbar {
    background-color: #1e1e1e !important;
  }
  
  body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333;
  }
  
  body.dark-mode .card-header {
    background-color: #2a2a2a;
    border-bottom-color: #333;
  }
  
  body.dark-mode .card-footer {
    background-color: #2a2a2a;
    border-top-color: #333;
  }
  
  body.dark-mode .list-group-item {
    background-color: #1e1e1e;
    border-color: #333;
  }
  
  body.dark-mode .accordion-item {
    background-color: #1e1e1e;
    border-color: #333;
  }
  
  body.dark-mode .accordion-button {
    background-color: #2a2a2a;
    color: #f5f5f5;
  }
  
  body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #333;
    color: #f5f5f5;
  }
  
  body.dark-mode .accordion-button::after {
    filter: invert(1);
  }
  
  body.dark-mode .table {
    color: #f5f5f5;
  }
  
  body.dark-mode .text-muted {
    color: #adb5bd !important;
  }
  
  body.dark-mode .progress {
    background-color: #333;
  }
  
  body.dark-mode .bg-light {
    background-color: #121212 !important;
  }
  
  body.dark-mode .bg-white {
    background-color: #1e1e1e !important;
  }
  
  body.dark-mode .border {
    border-color: #333 !important;
  }
  
  body.dark-mode .form-check-input {
    background-color: #333;
    border-color: #555;
  }
  
  body.dark-mode .form-check-input:checked {
    background-color: var(--primary-color);
  }
  
  body.dark-mode .modal-content {
    background-color: #1e1e1e;
    border-color: #333;
  }
  
  body.dark-mode .close {
    color: #f5f5f5;
  }