/* Dark Mode Styles */
:root {
    --bg-light: #ffffff;
    --bg-dark: #1a1a1a;
    --text-light: #212529;
    --text-dark: #e9ecef;
    --card-light: #ffffff;
    --card-dark: #2d2d2d;
    --border-light: #dee2e6;
    --border-dark: #404040;
    --sidebar-light: #f8f9fa;
    --sidebar-dark: #212121;
}

/* Dark mode active */
body.dark-mode {
    background-color: var(--bg-dark);
    color: var(--text-dark);
}

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

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

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

body.dark-mode .sidebar .nav-link:hover,
body.dark-mode .sidebar .nav-link.active {
    background-color: #2d2d2d;
    color: #ffffff;
}

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

body.dark-mode .table thead th {
    background-color: #2d2d2d;
    border-color: var(--border-dark);
}

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

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

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2d2d2d;
    color: var(--text-dark);
    border-color: var(--border-dark);
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #353535;
    color: var(--text-dark);
    border-color: #0d6efd;
}

body.dark-mode .input-group-text {
    background-color: #2d2d2d;
    color: var(--text-dark);
    border-color: var(--border-dark);
}

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

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

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

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #353535;
    color: var(--text-dark);
}

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

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

body.dark-mode .accordion-button {
    background-color: #2d2d2d;
    color: var(--text-dark);
}

body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #353535;
    color: var(--text-dark);
}

body.dark-mode .accordion-body {
    background-color: var(--card-dark);
    color: var(--text-dark);
}

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

body.dark-mode .alert-info {
    background-color: #1a3a52;
    color: #b8daff;
    border-color: #1a3a52;
}

body.dark-mode .alert-success {
    background-color: #1a4d2e;
    color: #c3e6cb;
    border-color: #1a4d2e;
}

body.dark-mode .alert-warning {
    background-color: #5a4a1a;
    color: #ffeaa7;
    border-color: #5a4a1a;
}

body.dark-mode .alert-danger {
    background-color: #5a1a1a;
    color: #f5c6cb;
    border-color: #5a1a1a;
}

body.dark-mode .badge {
    border: 1px solid var(--border-dark);
}

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

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

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

/* DataTables dark mode */
body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_paginate {
    color: var(--text-dark);
}

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

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #353535;
    border-color: var(--border-dark);
}

/* Dark mode toggle button */
#darkModeToggle {
    cursor: pointer;
    transition: transform 0.3s ease;
}

#darkModeToggle:hover {
    transform: scale(1.1);
}