body.dark-mode {
    background-color: #232333;
    color: #a3a4cc;
}

.dark-mode .bg-menu-theme {
    background-color: #2b2c40 !important;
    color: #a3a4cc;
}

.dark-mode .bg-menu-theme .menu-link,
.dark-mode .bg-menu-theme .menu-horizontal-prev,
.dark-mode .bg-menu-theme .menu-horizontal-next {
    color: #a3a4cc;
}

.dark-mode .bg-menu-theme .menu-link:hover,
.dark-mode .bg-menu-theme .menu-link:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .bg-menu-theme .menu-item.active > .menu-link {
    color: #fff;
    background-color: #696cff !important;
}

.dark-mode .bg-navbar-theme {
    background-color: #2b2c40 !important;
    color: #a3a4cc;
}

.dark-mode .layout-navbar-fixed .layout-page:before {
    background: rgba(35, 35, 51, 0.6);
}

.dark-mode .bg-footer-theme {
    background-color: #2b2c40 !important;
    color: #a3a4cc;
}

.dark-mode .card {
    background-color: #2b2c40;
    color: #a3a4cc;
    box-shadow: 0 0.25rem 1.125rem rgba(0, 0, 0, 0.15);
}

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

.dark-mode .text-muted {
    color: #7e7f96 !important;
}

.dark-mode .form-control,
.dark-mode .form-select {
    background-color: #232333;
    border-color: #444564;
    color: #a3a4cc;
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    border-color: #696cff;
    background-color: #232333;
    color: #a3a4cc;
}

.dark-mode .dropdown-menu {
    background-color: #2b2c40;
    border-color: #444564;
}

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

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.dark-mode .table {
    color: #a3a4cc;
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #a3a4cc;
    background-color: rgba(255, 255, 255, 0.02);
}

.dark-mode .table-hover > tbody > tr:hover > * {
    color: #a3a4cc;
    background-color: rgba(255, 255, 255, 0.04);
}

.dark-mode .border-bottom {
    border-bottom-color: #444564 !important;
}

.dark-mode .border-top {
    border-top-color: #444564 !important;
}

/* MudBlazor Dark Mode Overrides if needed, though MudThemeProvider handles most */
.dark-mode .mud-paper {
    background-color: #2b2c40;
    color: #a3a4cc;
}