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

body.dark-mode .header {
    background: #1e1e1e;
    border-bottom: 1px solid #333;
}

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

body.dark-mode .modal-content {
    background-color: #1e1e1e;
    border: 1px solid #333;
}

body.dark-mode .footer {
    background-color: #1e1e1e;
    border-top: 1px solid #333;
}

body.dark-mode .table {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

body.dark-mode .table-light {
    background-color: #333;
    color: #e0e0e0;
}

body.dark-mode .nav-tabs .nav-link {
    color: #e0e0e0;
    border: 1px solid #333;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #333;
    border-color: #333;
}

body.dark-mode .form-control {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode .form-select {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

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

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

body.dark-mode .btn-outline-primary:hover {
    background-color: #0d6efd;
    color: #fff;
}

body.dark-mode .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

body.dark-mode .btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

body.dark-mode .btn-outline-info:hover {
    background-color: #0dcaf0;
    color: #000;
}

body.dark-mode .text-muted {
    color: #aaa !important;
}

body.dark-mode .badge.bg-info {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}