body.theme-dark.theme-dark-modern,
body.theme-dark-modern {
    --theme-modern-primary: #2d6cdf;
    --theme-modern-surface: #111826;
    --theme-modern-surface-soft: #172033;
    --theme-modern-card: #1b2538;
    --theme-modern-border: rgba(146, 175, 255, 0.14);
    --theme-modern-text: #edf3ff;
    --theme-modern-muted: #9fb2d9;
    background: #121b2d !important;
    color: var(--theme-modern-text) !important;
}

body.theme-dark.theme-dark-modern #app,
body.theme-dark-modern #app,
body.theme-dark.theme-dark-modern .section,
body.theme-dark-modern .section {
    background: #121b2d !important;
}

body.theme-dark.theme-dark-modern .sidebar-wrapper,
body.theme-dark-modern .sidebar-wrapper {
    background: linear-gradient(180deg, #121b2b 0%, #0f1624 100%);
}

body.theme-dark.theme-dark-modern #main,
body.theme-dark-modern #main {
    background: #121b2d !important;
}

body.theme-dark.theme-dark-modern #main #main-content,
body.theme-dark-modern #main #main-content,
body.theme-dark.theme-dark-modern .page-heading,
body.theme-dark-modern .page-heading {
    background: var(--theme-modern-card) !important;
}

body.theme-dark.theme-dark-modern .card,
body.theme-dark-modern .card,
body.theme-dark.theme-dark-modern .modal-content,
body.theme-dark-modern .modal-content,
body.theme-dark.theme-dark-modern .dropdown-menu,
body.theme-dark-modern .dropdown-menu {
    background: var(--theme-modern-card) !important;
    border: none !important;
    box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.24);
    border-radius: 1rem !important;
    overflow: hidden;
}

body.theme-dark.theme-dark-modern .card-header,
body.theme-dark-modern .card-header,
body.theme-dark.theme-dark-modern .card-footer,
body.theme-dark-modern .card-footer,
body.theme-dark.theme-dark-modern .list-group-item,
body.theme-dark-modern .list-group-item {
    background: #172033 !important;
    border-color: var(--theme-modern-border) !important;
    color: var(--theme-modern-text) !important;
}

body.theme-dark.theme-dark-modern .card .card-header,
body.theme-dark-modern .card .card-header,
body.theme-dark.theme-dark-modern .table,
body.theme-dark-modern .table,
body.theme-dark.theme-dark-modern .dataTable-table,
body.theme-dark-modern .dataTable-table {
    color: var(--theme-modern-text);
}

body.theme-dark.theme-dark-modern .form-control,
body.theme-dark-modern .form-control,
body.theme-dark.theme-dark-modern .form-select,
body.theme-dark-modern .form-select,
body.theme-dark.theme-dark-modern .select2-container--default .select2-selection--single,
body.theme-dark-modern .select2-container--default .select2-selection--single {
    background-color: var(--theme-modern-surface-soft) !important;
    border-color: var(--theme-modern-border) !important;
    color: var(--theme-modern-text) !important;
}

body.theme-dark.theme-dark-modern .form-control:focus,
body.theme-dark-modern .form-control:focus,
body.theme-dark.theme-dark-modern .form-select:focus,
body.theme-dark-modern .form-select:focus,
body.theme-dark.theme-dark-modern .dataTable-input:focus,
body.theme-dark-modern .dataTable-input:focus {
    background-color: #1d2940;
    border-color: rgba(104, 148, 255, 0.45);
    box-shadow: 0 0 0 0.18rem rgba(45, 108, 223, 0.18);
    color: var(--theme-modern-text);
}

body.theme-dark.theme-dark-modern .sidebar-wrapper .menu .sidebar-link,
body.theme-dark-modern .sidebar-wrapper .menu .sidebar-link {
    color: #dfe8ff;
}

body.theme-dark.theme-dark-modern .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link,
body.theme-dark-modern .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link,
body.theme-dark.theme-dark-modern .sidebar-wrapper .menu .submenu .submenu-item.active > a,
body.theme-dark-modern .sidebar-wrapper .menu .submenu .submenu-item.active > a {
    background: linear-gradient(90deg, rgba(45, 108, 223, 0.28), rgba(45, 108, 223, 0.12));
    color: #fff;
}

body.theme-dark.theme-dark-modern .btn-primary,
body.theme-dark-modern .btn-primary,
body.theme-dark.theme-dark-modern .page-item.active .page-link,
body.theme-dark-modern .page-item.active .page-link {
    background-color: var(--theme-modern-primary);
    border-color: var(--theme-modern-primary);
}

body.theme-dark.theme-dark-modern .btn-outline-primary,
body.theme-dark-modern .btn-outline-primary {
    border-color: rgba(104, 148, 255, 0.5);
    color: #b9ceff;
}

body.theme-dark.theme-dark-modern .btn-outline-primary:hover,
body.theme-dark-modern .btn-outline-primary:hover {
    background-color: rgba(45, 108, 223, 0.18);
    border-color: rgba(104, 148, 255, 0.65);
    color: #fff;
}

body.theme-dark.theme-dark-modern .dropdown-item,
body.theme-dark-modern .dropdown-item,
body.theme-dark.theme-dark-modern .select2-results__option,
body.theme-dark-modern .select2-results__option {
    color: var(--theme-modern-text);
}

body.theme-dark.theme-dark-modern .dropdown-item:hover,
body.theme-dark-modern .dropdown-item:hover,
body.theme-dark.theme-dark-modern .dropdown-item:focus,
body.theme-dark-modern .dropdown-item:focus,
body.theme-dark.theme-dark-modern .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-dark-modern .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(45, 108, 223, 0.22);
    color: #fff;
}

body.theme-dark.theme-dark-modern .dropdown-divider,
body.theme-dark-modern .dropdown-divider,
body.theme-dark.theme-dark-modern .table > :not(caption) > * > *,
body.theme-dark-modern .table > :not(caption) > * > * {
    border-color: rgba(146, 175, 255, 0.12);
}

body.theme-dark.theme-dark-modern .swal2-popup,
body.theme-dark-modern .swal2-popup,
body.theme-dark.theme-dark-modern .swal2-validation-message,
body.theme-dark-modern .swal2-validation-message {
    background-color: var(--theme-modern-card) !important;
    color: var(--theme-modern-text) !important;
}

body.theme-dark.theme-dark-modern .table-striped > tbody > tr:nth-of-type(odd) > *,
body.theme-dark-modern .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--theme-modern-text);
    --bs-table-accent-bg: rgba(255, 255, 255, 0.025);
}

body.theme-dark.theme-dark-modern .text-muted,
body.theme-dark-modern .text-muted,
body.theme-dark.theme-dark-modern small,
body.theme-dark-modern small {
    color: var(--theme-modern-muted) !important;
}

body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 *,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 *,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h1,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h1,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h2,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h2,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h3,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h3,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h4,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h4,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h5,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h5,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 span,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 span,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 p,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 p,
body.theme-dark.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 a,
body.theme-dark-modern .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 a {
    color: var(--theme-modern-text) !important;
}