body.dark-mode {
    background-color: #121212;
    color: #ADD8E6 !important;
}

.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #444;
    color: #ADD8E6 !important;
}

.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #ADD8E6 !important;
}

.dark-mode .navbar {
    background-color: #333 !important;
}

.dark-mode .dropdown-menu {
    background-color: #333;
}

.dark-mode .dropdown-item {
    color: #ADD8E6 !important;
}

.dark-mode .dropdown-item:hover {
    background-color: #555;
}

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

.dark-mode .input-group-text {
    background-color: #333;
    color: #ADD8E6 !important;
    border-color: #555;
}

.dark-mode .page-link {
    background-color: #333;
    border-color: #555;
    color: #ADD8E6 !important;
}

.dark-mode .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
}

.dark-mode .btn-close {
    filter: invert(1);
}