body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .navbar,
.dark-mode .card,
.dark-mode .dropdown-menu,
.dark-mode .modal-content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.dark-mode .btn-primary,
.dark-mode .btn-secondary {
    background-color: #2b2b2b;
    border-color: #444;
}

.dark-mode a,
.dark-mode .nav-link {
    color: #f8f8f8;
}

.dark-mode .form-control {
    background-color: #2c2c2c;
    color: #fff;
    border-color: #444;
}

.dark-mode .form-check-label {
    color: #ddd;
}

.dark-mode .progress-bar {
    background-color: #007bff;
}

/* Flip table colors in dark mode */
.dark-mode .table-dark {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.dark-mode .table-light {
    background-color: #2c2c2c !important;
    color: #f8f9fa !important;
}

/* Optional: Improve border visibility */
.dark-mode .table,
.dark-mode .table td,
.dark-mode .table th {
    border-color: #444 !important;
}