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

.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333;
}

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

.dark-mode .form-control::placeholder {
    color: #aaa;
}

.dark-mode .list-group-item {
    background-color: #1e1e1e;
    border-color: #333;
}

.dark-mode .alert-success {
    background-color: #1a3e24;
    color: #d4edda;
    border-color: #2d6a3d;
}

.dark-mode .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.dark-mode .btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

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