/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode .navbar {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

body.dark-mode .card {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body.dark-mode .card-header {
    background-color: #3a3a3a;
    border-color: #404040;
    color: #e0e0e0;
}

body.dark-mode .table {
    color: #e0e0e0;
    background-color: #2d2d2d;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #333333;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #3a3a3a;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #3a3a3a;
    border-color: #555555;
    color: #e0e0e0;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #404040;
    border-color: #667eea;
    color: #e0e0e0;
}

body.dark-mode .btn-light {
    background-color: #404040;
    border-color: #555555;
    color: #e0e0e0;
}

body.dark-mode .btn-light:hover {
    background-color: #4a4a4a;
    border-color: #666666;
}

body.dark-mode .modal-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .modal-header {
    border-color: #404040;
}

body.dark-mode .modal-footer {
    border-color: #404040;
}

body.dark-mode .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover {
    background-color: #3a3a3a;
}

body.dark-mode .list-group-item {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body.dark-mode .alert {
    border-color: #404040;
}

body.dark-mode .alert-info {
    background-color: #1e3a5f;
    color: #a8c5e0;
}

body.dark-mode .alert-success {
    background-color: #1e4d2b;
    color: #a8d5b8;
}

body.dark-mode .alert-warning {
    background-color: #5f4a1e;
    color: #e0d0a8;
}

body.dark-mode .alert-danger {
    background-color: #5f1e1e;
    color: #e0a8a8;
}

body.dark-mode .breadcrumb {
    background-color: #2d2d2d;
}

body.dark-mode .breadcrumb-item a {
    color: #667eea;
}

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

body.dark-mode .border {
    border-color: #404040 !important;
}

body.dark-mode .bg-light {
    background-color: #2d2d2d !important;
}

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

body.dark-mode .sidebar {
    background-color: #2d2d2d;
    border-right: 1px solid #404040;
}

body.dark-mode .nav-link {
    color: #e0e0e0;
}

body.dark-mode .nav-link:hover {
    background-color: #3a3a3a;
}

body.dark-mode .badge {
    background-color: #667eea;
}

body.dark-mode hr {
    border-color: #404040;
}

/* Smooth transition */
body,
.card,
.form-control,
.form-select,
.btn,
.modal-content,
.dropdown-menu,
.list-group-item {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}