body.dark-mode {
    --body-bg: #0f172a;
    --card-bg: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-color: #334155;
    --topbar-bg: #1e293b;
    --topbar-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --sidebar-bg: #0f172a;
    --sidebar-hover: #1e293b;
    --sidebar-text: #94a3b8;
    --card-shadow: 0 1px 3px rgba(0,0,0,0.2);
    --primary-light: rgba(59,130,246,0.15);
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

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

body.dark-mode .data-table th {
    background: #0f172a;
    color: #cbd5e1;
}

body.dark-mode .data-table td {
    color: #f1f5f9;
}

body.dark-mode .data-table tbody tr:hover {
    background: rgba(59,130,246,0.1);
}

body.dark-mode .dropdown-menu {
    background-color: #1e293b;
    border-color: #334155;
}

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

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #334155;
    color: #fff;
}

body.dark-mode .modal-content {
    background-color: #1e293b;
    color: #f1f5f9;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #334155;
}

body.dark-mode .close,
body.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

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

body.dark-mode .page-header h4 {
    color: #f1f5f9;
}
