/* Dark Mode Styles */
body.dark-mode {
    --bg-primary: #1a1d23;
    --bg-secondary: #22252d;
    --bg-card: #2a2d35;
    --bg-sidebar: #1e2128;
    --bg-input: #2a2d35;
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
    --text-muted: #6c757d;
    --border-color: #3a3d45;
    --hover-bg: #33363e;
}

body.dark-mode {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

body.dark-mode .app-sidebar {
    background: var(--bg-sidebar);
}

body.dark-mode .app-header {
    background: var(--bg-secondary);
    border-bottom-color: var(--border-color);
}

body.dark-mode .card {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .card-header {
    background: rgba(0,0,0,0.2);
    border-bottom-color: var(--border-color);
}

body.dark-mode .card-footer {
    background: rgba(0,0,0,0.2);
    border-top-color: var(--border-color);
}

body.dark-mode .table {
    color: var(--text-primary);
}

body.dark-mode .table-hover tbody tr:hover {
    background: var(--hover-bg);
    color: var(--text-primary);
}

body.dark-mode .table td, 
body.dark-mode .table th {
    border-color: var(--border-color);
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background: var(--bg-input);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: var(--bg-input);
    color: var(--text-primary);
}

body.dark-mode .input-group-text {
    background: var(--bg-input);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .btn-outline-secondary {
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .btn-outline-secondary:hover {
    background: var(--hover-bg);
    color: var(--text-primary);
}

body.dark-mode .list-group-item {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .modal-content {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: var(--border-color);
}

body.dark-mode .dropdown-menu {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .dropdown-item {
    color: var(--text-primary);
}

body.dark-mode .dropdown-item:hover {
    background: var(--hover-bg);
    color: var(--text-primary);
}

body.dark-mode .text-muted {
    color: var(--text-muted) !important;
}

body.dark-mode .alert {
    border-color: var(--border-color);
}

body.dark-mode .datatable thead {
    background: rgba(0,0,0,0.3);
}

body.dark-mode .stat-card {
    background: var(--bg-card);
}

body.dark-mode .sidebar-nav .nav-link {
    color: var(--text-secondary);
}

body.dark-mode .sidebar-nav .nav-link:hover,
body.dark-mode .sidebar-nav .nav-link.active {
    background: var(--hover-bg);
    color: var(--text-primary);
}

body.dark-mode .auth-card {
    background: var(--bg-card);
}

body.dark-mode .pagination .page-link {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .pagination .page-item.active .page-link {
    background: #F59E0B;
    border-color: #F59E0B;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(0,0,0,0.2);
}

body.dark-mode .select2-container--bootstrap-5 .select2-selection {
    background: var(--bg-input);
    border-color: var(--border-color);
}

body.dark-mode .select2-dropdown {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-mode .select2-container--bootstrap-5 .select2-results__option--selected {
    background: var(--hover-bg);
}