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

body.dark-mode .card,
body.dark-mode .bg-white,
body.dark-mode .navbar-light {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .text-dark,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #e0e0e0 !important;
}

body.dark-mode .table {
    color: #e0e0e0 !important;
}

body.dark-mode .table th, 
body.dark-mode .table td {
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

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

/* Sidebar and Header for Admin */
body.dark-mode .left-sidebar,
body.dark-mode .app-header {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #e0e0e0 !important;
}

body.dark-mode .sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background-color: #333 !important;
}

/* Form inputs */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #333 !important;
    color: #fff !important;
}

/* Dropdown menus */
body.dark-mode .dropdown-menu {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

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

body.dark-mode .dropdown-item:hover {
    background-color: #333 !important;
}