/* Dark Mode Styles - Following Material Design and WCAG Guidelines */
html.dark-mode,
body.dark-mode {
    background-color: #121212;
    color: #e8e8e8;
}

body.dark-mode .body-wrapper,
body.dark-mode .bodywrapper__inner {
    background-color: #121212;
    color: #e8e8e8;
}

body.dark-mode .page-wrapper {
    background-color: #121212;
}

body.dark-mode .container-fluid {
    background-color: #121212;
}

body.dark-mode .card {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .card-header {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .card-body {
    background-color: #1e1e1e;
    color: #e8e8e8;
}

body.dark-mode .card-footer {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .form-control {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .form-control:focus {
    background-color: #252525;
    border-color: #6366f1;
    color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.3);
}

body.dark-mode .form-control::placeholder {
    color: #9e9e9e;
}

body.dark-mode .input-group-text {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .form-label,
body.dark-mode label {
    color: #e8e8e8;
}

body.dark-mode .table {
    color: #e8e8e8;
}

body.dark-mode .table thead th {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .table tbody td {
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .table tbody tr {
    background-color: #1e1e1e;
}

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

body.dark-mode .table.table--light.style--two {
    background-color: #1e1e1e;
}

body.dark-mode .table.table--light.style--two thead th {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .table.table--light.style--two tbody tr {
    background-color: #1e1e1e;
}

body.dark-mode .table.table--light.style--two tbody td {
    color: #e8e8e8;
}

body.dark-mode .table.table-bordered {
    border-color: #333333;
}

body.dark-mode .table.table-bordered th,
body.dark-mode .table.table-bordered td {
    border-color: #333333;
}

body.dark-mode .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #1e1e1e;
}

body.dark-mode .table.table-striped tbody tr:nth-of-type(even) {
    background-color: #252525;
}

body.dark-mode .table-info {
    background-color: #1e3a5f !important;
}

body.dark-mode .table-warning {
    background-color: #4d3e00 !important;
}

body.dark-mode select.form-control,
body.dark-mode .form-select {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode select.form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #252525;
    border-color: #6366f1;
    color: #ffffff;
}

body.dark-mode textarea.form-control {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .btn {
    border-color: #333333;
}

body.dark-mode .btn-primary,
body.dark-mode .btn--primary {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .btn-primary:hover,
body.dark-mode .btn--primary:hover,
body.dark-mode .btn-primary:active,
body.dark-mode .btn--primary:active,
body.dark-mode .btn-primary:focus,
body.dark-mode .btn--primary:focus {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
}

body.dark-mode .btn-outline--primary {
    color: #6366f1;
    border-color: #6366f1;
    background-color: transparent;
}

body.dark-mode .btn-outline--primary:hover {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

body.dark-mode .btn-outline--danger {
    color: #f44336;
    border-color: #f44336;
    background-color: transparent;
}

body.dark-mode .btn-outline--danger:hover {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3) !important;
}

body.dark-mode .btn-outline--success {
    color: #22d67a;
    border-color: #22d67a;
    background-color: transparent;
}

body.dark-mode .btn-outline--success:hover {
    background-color: #22d67a;
    border-color: #22d67a;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(34, 214, 122, 0.3);
}

body.dark-mode .btn-outline--info {
    color: #1e9ff2;
    border-color: #1e9ff2;
    background-color: transparent;
}

body.dark-mode .btn-outline--info:hover {
    background-color: #1e9ff2;
    color: #ffffff;
}

body.dark-mode .btn-outline--warning {
    color: #ff9f43;
    border-color: #ff9f43;
    background-color: transparent;
}

body.dark-mode .btn-outline--warning:hover {
    background-color: #ff9f43;
    color: #ffffff;
}

body.dark-mode .btn--secondary {
    background-color: #868e96 !important;
    border-color: #868e96 !important;
    color: #ffffff !important;
}

body.dark-mode .btn--success {
    background-color: #22d67a !important;
    border-color: #22d67a !important;
    color: #ffffff !important;
}

body.dark-mode .btn--success:hover,
body.dark-mode .btn--success:active,
body.dark-mode .btn--success:focus {
    background-color: #2ae689 !important;
    border-color: #2ae689 !important;
}

body.dark-mode .btn--danger {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #ffffff !important;
}

body.dark-mode .btn--danger:hover,
body.dark-mode .btn--danger:active,
body.dark-mode .btn--danger:focus {
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

body.dark-mode .btn--warning {
    background-color: #ff9f43 !important;
    border-color: #ff9f43 !important;
    color: #ffffff !important;
}

body.dark-mode .btn--info {
    background-color: #1e9ff2 !important;
    border-color: #1e9ff2 !important;
    color: #ffffff !important;
}

body.dark-mode .badge {
    color: #ffffff;
}

body.dark-mode .badge--success {
    background-color: #22d67a;
    color: #ffffff;
}

body.dark-mode .badge--warning {
    background-color: #ff9f43;
    color: #ffffff;
}

body.dark-mode .badge--danger {
    background-color: #f44336;
    color: #ffffff;
}

body.dark-mode .badge--info {
    background-color: #1e9ff2;
    color: #ffffff;
}

body.dark-mode .badge--primary {
    background-color: #6366f1;
    color: #ffffff;
}

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

body.dark-mode .dropdown-menu__item {
    color: #e8e8e8;
}

body.dark-mode .dropdown-menu__item:hover {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .dropdown-menu__header {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .dropdown-menu__body {
    background-color: #1e1e1e;
}

body.dark-mode .dropdown-menu__footer {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .breadcrumb {
    background-color: #1e1e1e;
}

body.dark-mode .breadcrumb-item a {
    color: #a0a0a0;
}

body.dark-mode .breadcrumb-item.active {
    color: #e8e8e8;
}

body.dark-mode .breadcrumb-nav {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .breadcrumb-nav-item {
    color: #e8e8e8;
}

body.dark-mode .breadcrumb-nav-item.active {
    color: #ffffff;
}

body.dark-mode .breadcrumb-nav-item:hover {
    background-color: #252525;
}

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

body.dark-mode .text--primary {
    color: #6366f1 !important;
}

body.dark-mode .text--success {
    color: #22d67a !important;
}

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

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

body.dark-mode .text--info {
    color: #1e9ff2 !important;
}

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

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

body.dark-mode .text--small {
    color: #a0a0a0;
}

body.dark-mode .fw-bold {
    color: #ffffff;
}

body.dark-mode .modal-content {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .modal-header {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .modal-body {
    background-color: #1e1e1e;
    color: #e8e8e8;
}

body.dark-mode .modal-footer {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .close {
    color: #ffffff;
    opacity: 0.8;
}

body.dark-mode .close:hover {
    color: #ffffff;
    opacity: 1;
}

body.dark-mode .alert {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .alert-success {
    background-color: #1a3d2e;
    border-color: #22d67a;
    color: #22d67a;
}

body.dark-mode .alert-danger {
    background-color: #3d1a1a;
    border-color: #f44336;
    color: #f44336;
}

body.dark-mode .alert-warning {
    background-color: #3d2e1a;
    border-color: #ff9f43;
    color: #ff9f43;
}

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

body.dark-mode .pagination .page-link {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .pagination .page-link:hover {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .pagination .page-item.active .page-link {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e8e8e8;
}

body.dark-mode .select2-dropdown {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .select2-results__option {
    background-color: #1e1e1e;
    color: #e8e8e8;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .empty-notification {
    color: #9e9e9e;
}

body.dark-mode .empty-notification p {
    color: #9e9e9e;
}

body.dark-mode .empty-notification img {
    opacity: 0.5;
}

body.dark-mode .empty-search p {
    color: #9e9e9e;
}

body.dark-mode .search-list {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .search-list li {
    color: #e8e8e8;
}

body.dark-mode .search-list li:hover {
    background-color: #252525;
}

body.dark-mode .primary--layer {
    color: #ffffff;
}

body.dark-mode .primary--layer:hover {
    color: #ffffff;
    opacity: 0.8;
}

body.dark-mode .input-group .form-control[readonly],
body.dark-mode .input-group .form-control[disabled],
body.dark-mode .form-control[readonly],
body.dark-mode .form-control[disabled] {
    background-color: #121212;
    color: #757575;
    cursor: not-allowed;
}

body.dark-mode .summary-card {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .summary-card h4 {
    color: #a0a0a0;
}

body.dark-mode .summary-card h3 {
    color: #ffffff;
}

body.dark-mode .aging-summary {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .aging-title {
    color: #ffffff;
}

body.dark-mode .aging-item h5 {
    color: #a0a0a0;
}

body.dark-mode .aging-item h4 {
    color: #ffffff;
}

body.dark-mode .customer-info,
body.dark-mode .supplier-info {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .customer-name,
body.dark-mode .supplier-name {
    color: #ffffff;
}

body.dark-mode .customer-details,
body.dark-mode .supplier-details {
    color: #a0a0a0;
}

body.dark-mode .customer-details strong,
body.dark-mode .supplier-details strong {
    color: #ffffff;
}

body.dark-mode .products__item {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .products__item:hover {
    background-color: #252525;
}

body.dark-mode .error-message {
    color: #f44336;
}

body.dark-mode .confirmationBtn {
    color: #f44336;
}

body.dark-mode .confirmationBtn:hover {
    color: #ffffff;
    background-color: #f44336;
}

body.dark-mode .h-45 {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .h-45:hover:not(.disabled) {
    background-color: #252525;
}

body.dark-mode .btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

body.dark-mode .sidebar,
body.dark-mode .sidebar.bg--dark {
    background-color: #1a1a1a !important;
}

body.dark-mode .sidebar__menu-header {
    color: #a0a0a0;
}

body.dark-mode .sidebar-menu-item a {
    color: #e8e8e8;
}

body.dark-mode .sidebar-menu-item a:hover {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .sidebar-menu-item.active > a,
body.dark-mode .sidebar-menu-item.active > a:hover {
    background-color: #6366f1;
    color: #ffffff;
}

body.dark-mode .sidebar-submenu {
    background-color: #121212;
}

body.dark-mode .sidebar-submenu li a {
    color: #a0a0a0;
}

body.dark-mode .sidebar-submenu li.active a,
body.dark-mode .sidebar-submenu li a:hover {
    color: #ffffff;
    background-color: #252525;
}

body.dark-mode .sidebar .version-info {
    background-color: #121212 !important;
    color: #a0a0a0 !important;
}

body.dark-mode .sidebar .version-info *,
body.dark-mode .sidebar .version-info span,
body.dark-mode .sidebar .version-info .text--primary,
body.dark-mode .sidebar .version-info .text--success {
    color: #a0a0a0 !important;
    background-color: transparent !important;
}

body.dark-mode .sidebar .menu-icon {
    color: #e8e8e8;
}

body.dark-mode .sidebar .menu-title {
    color: #e8e8e8;
}

body.dark-mode .sidebar .menu-badge {
    color: #ffffff;
}

body.dark-mode .sidebar .sidebar__logo {
    background-color: transparent;
    justify-content: center;
}

body.dark-mode .sidebar .sidebar__main-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

body.dark-mode .sidebar .sidebar__main-logo img {
    filter: none;
    opacity: 1;
    margin: 0 auto;
    display: block;
}

body.dark-mode .res-sidebar-open-btn,
body.dark-mode .res-sidebar-close-btn {
    color: #ffffff;
}

body.dark-mode .res-sidebar-open-btn:hover,
body.dark-mode .res-sidebar-close-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .navbar-wrapper,
body.dark-mode .navbar-wrapper.bg--dark {
    background-color: #1a1a1a !important;
}

body.dark-mode .navbar-wrapper * {
    color: #ffffff;
}

body.dark-mode .navbar-wrapper .navbar-search-field {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .navbar-wrapper .navbar-search-field::placeholder {
    color: #9e9e9e;
}

body.dark-mode .navbar-wrapper .navbar-search-field:focus {
    background-color: #252525;
    border-color: #6366f1;
    color: #ffffff;
}

body.dark-mode .navbar-search i,
body.dark-mode .navbar-wrapper .navbar-search i,
body.dark-mode .navbar-wrapper .navbar-search .las,
body.dark-mode .navbar-wrapper .navbar-search .la-search {
    color: #a0a0a0 !important;
    background-color: transparent !important;
}

body.dark-mode .input-group .btn.btn--primary,
body.dark-mode .input-group-text.btn--primary,
body.dark-mode .search-key-field .btn--primary,
body.dark-mode .search-date-field .btn--primary,
body.dark-mode button.btn--primary {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .input-group .btn.btn--primary:hover,
body.dark-mode .input-group-text.btn--primary:hover,
body.dark-mode .search-key-field .btn--primary:hover,
body.dark-mode .search-date-field .btn--primary:hover,
body.dark-mode button.btn--primary:hover {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
    color: #ffffff !important;
}

body.dark-mode .input-group .btn.btn--primary i,
body.dark-mode .input-group-text.btn--primary i,
body.dark-mode .btn--primary i,
body.dark-mode .btn--primary .la,
body.dark-mode .btn--primary .las {
    color: #ffffff !important;
}

body.dark-mode .navbar-wrapper .primary--layer {
    color: #ffffff;
}

body.dark-mode .navbar-wrapper .primary--layer:hover {
    color: #ffffff;
    opacity: 0.8;
}

body.dark-mode .navbar-wrapper i,
body.dark-mode .navbar-wrapper .las,
body.dark-mode .navbar-wrapper .far,
body.dark-mode .navbar-wrapper .fas {
    color: #ffffff;
}

body.dark-mode .navbar-user__name {
    color: #ffffff;
}

body.dark-mode .navbar-user__info {
    color: #a0a0a0;
}

body.dark-mode .notification-count {
    background-color: #f44336;
    color: #ffffff;
}

body.dark-mode .view-all-message {
    color: #6366f1;
}

body.dark-mode .navbar-notifi__right h6 {
    color: #ffffff;
}

body.dark-mode .navbar-notifi__right .time {
    color: #9e9e9e;
}

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: #ffffff;
}

body.dark-mode .page-title {
    color: #ffffff;
}

body.dark-mode .widget {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .widget__icon {
    color: #6366f1;
}

body.dark-mode .widget__value {
    color: #ffffff;
}

body.dark-mode .widget__title {
    color: #a0a0a0;
}

body.dark-mode .nav-tabs {
    border-color: #333333;
}

body.dark-mode .nav-tabs .nav-link {
    color: #a0a0a0;
    border-color: #333333;
}

body.dark-mode .nav-tabs .nav-link:hover {
    color: #ffffff;
    border-color: #333333;
    background-color: #252525;
}

body.dark-mode .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #1e1e1e;
    border-color: #333333 #333333 #1e1e1e;
}

body.dark-mode .tab-content {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .list-group-item {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .list-group-item.active {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

body.dark-mode .list-group-item:hover {
    background-color: #252525;
}

body.dark-mode .progress {
    background-color: #252525;
}

body.dark-mode .progress-bar {
    background-color: #6366f1;
}

body.dark-mode .tooltip .tooltip-inner {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .popover {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .popover-header {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .popover-body {
    color: #e8e8e8;
}

body.dark-mode code {
    background-color: #252525;
    color: #e8e8e8;
}

body.dark-mode pre {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode blockquote {
    border-left-color: #6366f1;
    color: #a0a0a0;
}

body.dark-mode .input-group-prepend .input-group-text,
body.dark-mode .input-group-append .input-group-text {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .form-check-input {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .form-check-input:checked {
    background-color: #6366f1;
    border-color: #6366f1;
}

body.dark-mode .form-check-label {
    color: #e8e8e8;
}

body.dark-mode .form-range {
    background-color: #252525;
}

body.dark-mode .form-range::-webkit-slider-thumb {
    background-color: #6366f1;
}

body.dark-mode .form-range::-moz-range-thumb {
    background-color: #6366f1;
}

body.dark-mode .form-range::-ms-thumb {
    background-color: #6366f1;
}

body.dark-mode .was-validated .form-control:valid,
body.dark-mode .form-control.is-valid {
    border-color: #22d67a;
}

body.dark-mode .was-validated .form-control:invalid,
body.dark-mode .form-control.is-invalid {
    border-color: #f44336;
}

body.dark-mode .invalid-feedback,
body.dark-mode .valid-feedback {
    color: #a0a0a0;
}

body.dark-mode .spinner-border {
    border-color: #333333;
    border-right-color: #6366f1;
}

body.dark-mode .spinner-grow {
    background-color: #6366f1;
}

body.dark-mode .toast {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .toast-header {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

body.dark-mode .toast-body {
    color: #e8e8e8;
}

body.dark-mode .offcanvas {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .offcanvas-header {
    background-color: #252525;
    border-color: #333333;
}

body.dark-mode .offcanvas-title {
    color: #ffffff;
}

body.dark-mode .offcanvas-body {
    color: #e8e8e8;
}

body.dark-mode .accordion-item {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .accordion-button {
    background-color: #1e1e1e;
    color: #e8e8e8;
}

body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #252525;
    color: #ffffff;
}

body.dark-mode .accordion-button:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.3);
}

body.dark-mode .accordion-body {
    background-color: #1e1e1e;
    color: #e8e8e8;
}

body.dark-mode .accordion-collapse {
    border-color: #333333;
}

body.dark-mode .dark-mode-toggle {
    transition: all 0.3s ease;
}

body.dark-mode .dark-mode-toggle:hover {
    transform: scale(1.1);
}

body.dark-mode .bg--dark {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

body.dark-mode .bg--white {
    background-color: #1e1e1e !important;
    color: #e8e8e8 !important;
}

body.dark-mode .bg--primary {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .bg--success {
    background-color: #22d67a !important;
    color: #ffffff !important;
}

body.dark-mode .bg--danger {
    background-color: #f44336 !important;
    color: #ffffff !important;
}

body.dark-mode .bg--warning {
    background-color: #ff9f43 !important;
    color: #ffffff !important;
}

body.dark-mode .bg--info {
    background-color: #1e9ff2 !important;
    color: #ffffff !important;
}

body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #121212;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #424242;
}

body.dark-mode .box--shadow1 {
    box-shadow: 0px 5px 26px -5px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .box--shadow2 {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .box--shadow3 {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .profilePicPreview {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .toggle.btn {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .toggle-on.btn {
    background-color: #6366f1;
    color: #ffffff;
}

body.dark-mode .toggle-off.btn {
    background-color: #252525;
    color: #a0a0a0;
}

body.dark-mode .custom-data-table {
    background-color: #1e1e1e;
}

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

body.dark-mode .responsive-filter-card {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .image-upload-preview {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .file-upload-wrapper {
    background-color: #1e1e1e;
    border-color: #333333;
    color: #e8e8e8;
}

body.dark-mode .nicEdit-main {
    background-color: #1e1e1e !important;
    color: #e8e8e8 !important;
    border-color: #333333 !important;
}

body.dark-mode .nicEdit-panelContain {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
}

body.dark-mode .nicEdit-button {
    background-color: #252525 !important;
    border-color: #333333 !important;
}

body.dark-mode .nicEdit-button:hover {
    background-color: #2d2d2d !important;
}

body.dark-mode .CodeMirror {
    background-color: #1e1e1e !important;
    color: #e8e8e8 !important;
    border-color: #333333 !important;
}

body.dark-mode .CodeMirror-gutters {
    background-color: #121212 !important;
    border-color: #333333 !important;
}

body.dark-mode .CodeMirror-linenumber {
    color: #9e9e9e !important;
}

body.dark-mode .CodeMirror-cursor {
    border-left-color: #e8e8e8 !important;
}

body.dark-mode .CodeMirror-selected {
    background-color: #252525 !important;
}

body.dark-mode .CodeMirror-focused .CodeMirror-selected {
    background-color: #333333 !important;
}

body.dark-mode .CodeMirror-line::selection,
body.dark-mode .CodeMirror-line > span::selection,
body.dark-mode .CodeMirror-line > span > span::selection {
    background-color: #333333 !important;
}

body.dark-mode .cm-s-monokai.CodeMirror {
    background-color: #1e1e1e !important;
    color: #e8e8e8 !important;
}

body.dark-mode .cm-s-monokai .CodeMirror-gutters {
    background-color: #121212 !important;
    border-color: #333333 !important;
}

body.dark-mode .custom-css p,
body.dark-mode .custom-css li,
body.dark-mode .custom-css span {
    color: #e8e8e8 !important;
}

body.dark-mode .summary-section {
    background-color: #1e1e1e;
    border-color: #333333;
}

body.dark-mode .summary-title {
    color: #ffffff;
}

body.dark-mode .summary-row {
    color: #e8e8e8;
}

body.dark-mode .summary-label {
    color: #a0a0a0;
}

body.dark-mode .summary-value {
    color: #ffffff;
}

body.dark-mode .daterangepicker {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
}

body.dark-mode .daterangepicker .calendar-table {
    background-color: #1e1e1e !important;
}

body.dark-mode .daterangepicker .calendar-table th,
body.dark-mode .daterangepicker .calendar-table td {
    color: #e8e8e8 !important;
}

body.dark-mode .daterangepicker .calendar-table th.available:hover,
body.dark-mode .daterangepicker .calendar-table td.available:hover {
    background-color: #252525 !important;
    color: #ffffff !important;
}

body.dark-mode .daterangepicker .calendar-table td.active,
body.dark-mode .daterangepicker .calendar-table td.active:hover {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .daterangepicker .ranges li {
    color: #e8e8e8 !important;
}

body.dark-mode .daterangepicker .ranges li:hover {
    background-color: #252525 !important;
    color: #ffffff !important;
}

body.dark-mode .daterangepicker .ranges li.active {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .daterangepicker .drp-buttons {
    border-color: #333333 !important;
}

body.dark-mode .daterangepicker .drp-buttons .btn {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode .daterangepicker .drp-buttons .btn:hover {
    background-color: #818cf8 !important;
}

body.dark-mode .daterangepicker .drp-buttons .btn.cancelBtn {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #e8e8e8 !important;
}

body.dark-mode .daterangepicker .drp-buttons .btn.cancelBtn:hover {
    background-color: #252525 !important;
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #e8e8e8 !important;
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #6366f1 !important;
}

body.dark-mode .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #757575 !important;
}

body.dark-mode .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #252525 !important;
    color: #ffffff !important;
}

body.dark-mode .iziToast {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    color: #e8e8e8 !important;
}

body.dark-mode .iziToast-title {
    color: #ffffff !important;
}

body.dark-mode .iziToast-message {
    color: #e8e8e8 !important;
}

body.dark-mode .iziToast-close {
    color: #a0a0a0 !important;
}

body.dark-mode .iziToast-close:hover {
    color: #ffffff !important;
}

body.dark-mode .iziToast.iziToast-color-green {
    background-color: #1a3d2e !important;
    border-color: #22d67a !important;
}

body.dark-mode .iziToast.iziToast-color-red {
    background-color: #3d1a1a !important;
    border-color: #f44336 !important;
}

body.dark-mode .iziToast.iziToast-color-yellow {
    background-color: #3d2e1a !important;
    border-color: #ff9f43 !important;
}

body.dark-mode .iziToast.iziToast-color-blue {
    background-color: #1a2e3d !important;
    border-color: #1e9ff2 !important;
}

body.dark-mode .widget-card {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
}

body.dark-mode .widget-card:hover {
    background-color: #252525 !important;
}

body.dark-mode .widget-card .widget-card-arrow {
    color: #e8e8e8 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .widget-card .widget-card-arrow:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

body.dark-mode .widget-card-amount {
    color: #ffffff !important;
}

body.dark-mode .widget-card-title {
    color: #a0a0a0 !important;
}

body.dark-mode .widget-card-icon {
    color: var(--color, #e8e8e8) !important;
}

body.dark-mode .widget-card-icon::before {
    background-color: var(--color, #e8e8e8) !important;
    opacity: 0.15 !important;
}

body.dark-mode .widget-card-wrapper .widget-card,
body.dark-mode .widget-card-inner .widget-card {
    border-color: #333333 !important;
}

body.dark-mode .widget-card:nth-of-type(1),
body.dark-mode .widget-card:nth-of-type(3) {
    border-left-color: transparent !important;
}

body.dark-mode .widget-card:nth-of-type(3),
body.dark-mode .widget-card:nth-of-type(4) {
    border-bottom-color: transparent !important;
}

body.dark-mode .widget-seven {
    background-color: #1e1e1e !important;
    border-color: #333333 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .widget-seven:hover {
    background-color: #252525 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

body.dark-mode .widget-seven .widget-seven__content-icon::after {
    opacity: 0.15 !important;
}

body.dark-mode .widget-seven.outline .widget-seven__content-icon::after {
    background-color: #1e1e1e !important;
    border-color: var(--color) !important;
    opacity: 1 !important;
}

body.dark-mode .widget-seven .widget-seven__arrow {
    color: #a0a0a0 !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 4px !important;
}

body.dark-mode .widget-seven:hover .widget-seven__arrow {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .widget-seven .widget-seven__content-title,
body.dark-mode .widget-seven .widget-seven__content-subheading {
    color: #a0a0a0 !important;
}

body.dark-mode .widget-seven .widget-seven__content-amount {
    color: #ffffff !important;
}

body.dark-mode .bg--purple {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}

body.dark-mode a .widget-seven {
    text-decoration: none !important;
}

body.dark-mode a:hover .widget-seven {
    text-decoration: none !important;
}