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

.dark-mode .btn-light {
    border: 1px solid #444;
    background-color: #333;
    color: #e8e6e3;
}

.dark-mode .btn-light:hover {
    background-color: #444;
    color: #fff;
}

.dark-mode .btn-light:active {
    background-color: #444;
    color: #fff;
}

.dark-mode .btn-light:focus {
    background-color: #444;
    color: #fff;
}

.dark-mode .card {
    border-color: #2C3138;
    background-color: #1A1D21;
    color: #8A9199;
}

.dark-mode .sidebar {
    background-color: #1A1D21;
    color: #8A9199;
    border: 0px;
}

.dark-mode .sidebar .nav-link {
    color: #8A9199;
}

.dark-mode .sidebar .nav-link:hover {
    color: #58a6ff;
}

.dark-mode .stat-card-value {
    color: #E1E3E6;
}

.dark-mode .stat-card-icon-circle {
    background-color: #1f2627;
    color: #2588c9;
}

.dark-mode table tr:not(.tr-purchase),
.dark-mode table th:not(.th-purchase),
.dark-mode table td:not(.td-purchase) {
    background-color: #1A1D21 !important;
    color: #E1E3E6 !important;
    border: none !important;
}

.dark-mode table {
    border: none !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode label,
.dark-mode li {
    color: #E1E3E6 !important;
}

.dark-mode .btn-outline-secondary {
    color: #E1E3E6 !important;
    border-color: #358fd4 !important;
}

.dark-mode .btn-outline-secondary:hover {
    color: #fff !important;
    border-color: #358fd4 !important;
    background-color: #358fd4 !important;
}

.dark-mode .btn-outline-secondary:active {
    color: #fff !important;
    border-color: #358fd4 !important;
    background-color: #358fd4 !important;
}

.dark-mode .btn-outline-secondary:focus {
    color: #fff !important;
    border-color: #358fd4 !important;
    background-color: #358fd4 !important;
}

.dark-mode .btn-check:checked+.btn {
    background-color: #358fd4 !important;
}

.dark-mode .offer-status-tag.status-inactive {
    color: #8A9199 !important;
    background-color: #111 !important;
}

.dark-mode .badge-light-primary {
    color: #358FD4;
    background-color: rgba(53, 143, 212, 0.15);
    border-color: transparent;
}

.dark-mode .badge-light-secondary {
    color: #8A9199;
    background-color: #2C3138;
    border-color: transparent;
}

.dark-mode .badge-light-success {
    color: #3fb950;
    background-color: rgba(63, 185, 80, 0.15);
    border-color: transparent;
}

.dark-mode .badge-light-danger {
    color: #e5484d;
    background-color: rgba(229, 72, 77, 0.15);
    border-color: transparent;
}

.dark-mode .badge-light-warning {
    color: #fb6340;
    background-color: rgba(251, 99, 64, 0.15);
    border-color: transparent;
}

.dark-mode .badge-light-info {
    color: #11cdef;
    background-color: rgba(17, 205, 239, 0.15);
    border-color: transparent;
}

.dark-mode .badge-light-dark {
    color: #8A9199;
    background-color: #1A1D21;
    border-color: transparent;
}

.dark-mode input {
    color: #E1E3E6 !important;
}

.dark-mode .select2-container--bootstrap-5 .select2-selection {
    background-color: #121417 !important;
    color: #E1E3E6 !important;
    border: 1px solid #2C3138 !important;
}

.dark-mode .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #6e7681 !important;
}

.dark-mode .select2-results {
    background-color: #121417 !important;
    color: #E1E3E6 !important;
}

.dark-mode .select2-results__option.select2-results__option--selectable:hover {
    background-color: #181818 !important;
    color: #E1E3E6 !important;
}

.dark-mode .select2-results__option.select2-results__option--selectable {
    background-color: #222 !important;
}

.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-search {
    background-color: #121417 !important;
    color: #E1E3E6 !important;
}

.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #181818 !important;
    color: #E1E3E6 !important;
}

.dark-mode .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    color: #E1E3E6 !important;
}

.dark-mode input {
    color: #E1E3E6 !important;
    background-color: #121417 !important;
    border: 1px solid #2C3138 !important;
}

.dark-mode textarea {
    color: #E1E3E6 !important;
    background-color: #121417 !important;
    border: 1px solid #2C3138 !important;
}

.dark-mode .btn.btn-outline-dark {
    color: #8A9199 !important;
    border-color: #2C3138 !important;
}

.dark-mode .btn.btn-outline-dark:hover {
    color: #E1E3E6 !important;
    border-color: #2C3138 !important;
    background-color: #2C3138 !important;
}

.dark-mode .dt-container .dt-paging .dt-paging-button {
    background-color: #2C3138 !important;
}

.dark-mode .dt-container .page-link:hover {
    background-color: rgba(99, 110, 124, 0.65) !important;
}

.dark-mode .dt-container .page-link:active {
    background-color: rgba(99, 110, 124, 0.65) !important;
}

.dark-mode .dt-container .page-link:focus {
    background-color: rgba(99, 110, 124, 0.65) !important;
}

.dark-mode .dt-container .dt-paging-button.page-item.disabled .page-link, .dark-mode .dt-paging-button.page-item.disabled {
    background-color: rgb(45, 48, 51) !important;
}

.dark-mode .page-link.active, .dark-mode .active>.page-link {
    background-color: rgba(99, 110, 124, 0.65) !important;
}

.dark-mode .dt-container .page-link {
    color: #fff !important;
}

.dark-mode .badge-secondary {
    color: #E1E3E6 !important;
    background-color: #2C3138 !important;
}

.dark-mode .badge-secondary i {
    color: #E1E3E6 !important;
}

.dark-mode .card-purchase {
    background-color: #2C3138 !important;
    box-shadow: none !important;
    border: 1px solid #2C3138 !important;
}

.dark-mode .card-purchase * {
    color: #E1E3E6 !important;
    box-shadow: none !important;
}

.dark-mode input[type="checkbox"]:focus {
    box-shadow: none !important;
    background-color: none !important;
}

.dark-mode input[type="checkbox"]:focus-visible {
    box-shadow: none !important;
    background-color: none !important;
}

.dark-mode .form-check-input[type=checkbox]:checked:after {
    border-color: #2588c9 !important;
}

.dark-mode .form-check-input[type=checkbox]:focus:after {
    box-shadow: none !important;
    background-color: none !important;
}

.dark-mode .form-select {
    background-color: #121417 !important;
    color: #E1E3E6 !important;
    border: 1px solid #2C3138 !important;
}

.dark-mode .form-check-input[type=radio]:after {
    background-color: #121417 !important;
}

.dark-mode .form-check-input[type=radio]:before {
    background-color: #121417 !important;
}

.dark-mode .form-check-input[type=radio]:checked:after {
    background-color: #2588c9 !important;
}

.dark-mode .card {
    border: 1px solid #2C3138 !important;
}

.dark-mode .btn-success {
    background-color: #3fb950 !important;
    border-color: #3fb950 !important;
}

.dark-mode .fw-bold.fs-5,
.dark-mode .fw-regular.fs-6,
.dark-mode .fw-600.fs-5 {
    color: #E1E3E6 !important;
}

.dark-mode .input_add_rem {
    background-color: #111 !important;
    color: #E1E3E6 !important;
}

.dark-mode .btn.btn-minus.btn-floating,
.dark-mode .btn.btn-plus.btn-floating {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #E1E3E6 !important;
}

.dark-mode .btn.btn-minus.btn-floating:hover,
.dark-mode .btn.btn-plus.btn-floating:hover {
    color: #A6A6A8 !important;
}

.dark-mode .quantity_inp {
    border: none !important;
}

.dark-mode .use_balance_disp {
    background-color: #2C3138 !important;
}

.dark-mode #calc_loader {
    background-color: #1A1D21 !important;
}

.dark-mode #calc_loader .loader-spinner {
    border-left-color: #2588c9 !important;
}

.dark-mode .btn.btn-light {
    box-shadow: none !important;
    background-color: #2C3138 !important;
}

.dark-mode .accordion-button {
    background-color: #1A1D21 !important;
    color: #E1E3E6 !important;
}

.dark-mode .accordion-button:hover {
    background-color: rgba(26, 29, 33, 0.6) !important;
    color: #E1E3E6 !important;
}

.dark-mode .accordion-button:focus {
    background-color: rgba(26, 29, 33, 0.6) !important;
    color: #E1E3E6 !important;
}

.dark-mode .accordion-button:active {
    background-color: rgba(26, 29, 33, 0.6) !important;
    color: #E1E3E6 !important;
}

.dark-mode .accordion-body {
    background-color: #1A1D21 !important;
    color: #E1E3E6 !important;
}

.dark-mode .accordion-button:not(.collapsed) {
    background-color: rgba(26, 29, 33, 0.6) !important;
    color: #E1E3E6 !important;
    box-shadow: none !important;
}

.dark-mode .accordion-item {
    border: 0 !important;
    background-color: transparent !important;
}

.dark-mode .accordion-header {
    border: 0 !important;
    background-color: transparent !important;
}

.dark-mode .method {
    background-color: #2C3138 !important;
    color: #E1E3E6 !important;
    border: 1px solid #8A9199 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode.chat {
    --dark-bg-primary: #111827;
    --dark-bg-secondary: #1f2937;
    --dark-bg-tertiary: #374151;
    --dark-text-primary: #f3f4f6;
    --dark-text-secondary: #9ca3af;
    --dark-text-muted: #6b7280;
    --dark-border-color: #374151;
    --dark-brand-blue: #60a5fa;
    --dark-brand-green: #34d399;
    --dark-brand-red: #f87171;
  }
  
  .dark-mode.chat {
    background-color: var(--dark-bg-primary) !important;
  }
  
  .dark-mode.chat .bg-white {
    background-color: var(--dark-bg-secondary) !important;
  }
  
  .dark-mode.chat .bg-gray-100,
  .dark-mode.chat .hover\:bg-gray-100:hover,
  .dark-mode.chat .bg-gray-50 {
    background-color: var(--dark-bg-tertiary) !important;
  }
  
  .dark-mode.chat .bg-gray-200,
  .dark-mode.chat .hover\:bg-gray-200:hover {
    background-color: #4b5563 !important;
  }
  
  .dark-mode.chat .bg-gray-800 {
      background-color: #1f2937 !important;
  }
  .dark-mode.chat .bg-gray-500 {
      background-color: #4b5563 !important;
  }
  
  .dark-mode.chat .bg-green-100 {
    background-color: #064e3b !important;
  }
  .dark-mode.chat .bg-blue-50 {
      background-color: #1e3a8a !important;
  }
  
  .dark-mode.chat .bg-orange-100 {
    background-color: #432c1b !important;
  }
  
  .dark-mode.chat .bg-blue-500 {
      background-color: #2563eb !important;
  }
  .dark-mode.chat .hover\:bg-blue-600:hover {
      background-color: #1d4ed8 !important;
  }
  
  .dark-mode.chat .text-gray-900,
  .dark-mode.chat .text-gray-800,
  .dark-mode.chat .text-gray-700 {
    color: var(--dark-text-primary) !important;
  }
  
  .dark-mode.chat .text-gray-600,
  .dark-mode.chat .text-gray-500,
  .dark-mode.chat .ph {
    color: var(--dark-text-secondary) !important;
  }
  .dark-mode.chat .fa-solid, .dark-mode.chat .fas {
     color: var(--dark-text-secondary) !important;
  }
  
  .dark-mode.chat .text-orange-700 {
    color: #fcd34d !important;
  }
  
  .dark-mode.chat .text-blue-500,
  .dark-mode.chat .text-blue-600 {
    color: var(--dark-brand-blue) !important;
  }
  .dark-mode.chat .text-purple-600 {
      color: #a78bfa !important;
  }
  
  .dark-mode.chat .border-gray-200,
  .dark-mode.chat .border-t,
  .dark-mode.chat .border-b,
  .dark-mode.chat .border-r,
  .dark-mode.chat .border {
    border-color: var(--dark-border-color) !important;
  }
  
  .dark-mode.chat hr {
    border-color: var(--dark-border-color) !important;
  }
  
  .dark-mode.chat .focus\:border-blue-500:focus,
  .dark-mode.chat .focus\:border-gray-500:focus {
    border-color: var(--dark-brand-blue) !important;
  }
  
  .dark-mode.chat .ring-1,
  .dark-mode.chat .ring-black,
  .dark-mode.chat .ring-opacity-5 {
      --tw-ring-color: rgba(255, 255, 255, 0.1) !important;
  }
  
  .dark-mode.chat input,
  .dark-mode.chat textarea {
      background-color: var(--dark-bg-tertiary) !important;
      color: var(--dark-text-primary) !important;
      border-color: var(--dark-border-color) !important;
  }
  .dark-mode.chat input::placeholder,
  .dark-mode.chat textarea::placeholder {
      color: var(--dark-text-secondary) !important;
  }
  
  .dark-mode.chat .animate-spin {
      color: var(--dark-bg-tertiary);
  }
  .dark-mode.chat .fill-blue-600 {
      fill: var(--dark-brand-blue) !important;
  }
  
  .dark-mode.chat .reason-btn-report {
      color: var(--dark-brand-blue);
      border-color: var(--dark-brand-blue);
  }

  .dark-mode.chat .dropdown {
    color: #E1E3E6;
  }

  .dark-mode .btn.btn-sm.btn-outline-primary.mt-3.rounded-pill:hover {
    background-color: #358FD4;
    color: #E1E3E6;
  }
  
  .dark-mode.chat .reason-btn-report:hover,
  .dark-mode.chat .reason-btn-report.selected {
      background-color: var(--dark-brand-blue) !important;
      color: var(--dark-bg-primary) !important;
  }
  
  .dark-mode.chat .bg-red-600 {
      background-color: var(--dark-brand-red) !important;
  }
  
  .dark-mode.chat .bg-green-600 {
      background-color: var(--dark-brand-green) !important;
  }
  
  .dark-mode.chat .modal-content,
  .dark-mode.chat #modalContent,
  .dark-mode.chat #preview-modal .bg-white {
      background-color: var(--dark-bg-secondary) !important;
      border-color: var(--dark-border-color) !important;
  }
  
  .dark-mode.chat .modal-header,
  .dark-mode.chat .modal-footer {
      border-color: var(--dark-border-color) !important;
  }
  
  .dark-mode.chat .modal-title,
  .dark-mode.chat .modal-body,
  .dark-mode.chat .modal-body p,
  .dark-mode.chat .modal-body h2,
  .dark-mode.chat .modal-body h4,
  .dark-mode.chat #preview-content p {
      color: var(--dark-text-primary) !important;
  }
  
  .dark-mode.chat .btn-close,
  .dark-mode.chat #close-preview-modal {
      filter: invert(1) grayscale(1) brightness(2);
  }
  
  .dark-mode.chat .bg-gray-300 {
      background-color: var(--dark-bg-tertiary) !important;
  }
  
  .dark-mode.chat .hover\:bg-gray-400:hover {
      background-color: #4b5563 !important;
  }

.dark-mode::-webkit-scrollbar,
.dark-mode .overflow-y-auto::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dark-mode::-webkit-scrollbar-track,
.dark-mode .overflow-y-auto::-webkit-scrollbar-track {
    background-color: var(--dark-bg-tertiary);
}

.dark-mode::-webkit-scrollbar-thumb,
.dark-mode .overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: var(--dark-brand-blue);
    border-radius: 5px;
}

.dark-mode .support-card {
    background-color: #1A1D21;
    color: #E1E3E6;
    border-color: #2C3138;
    box-shadow: none;
}

.dark-mode .support-card i {
    color: #60a5fa;
}

.dark-mode .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #2C3138;
    color: #358FD4;
    border-color: #358FD4;
}

.dark-mode .nav-tabs .nav-link:hover {
    background-color: #2C3138;
    color: #358FD4;
    border-color: #358FD4;
}

.dark-mode .nav-tabs .nav-link {
    color: #E1E3E6;
    border-color: #2C3138;
}

.dark-mode .list-group-item {
    border-color: #2C3138;
}

.dark-mode .paginationjs .paginationjs-pages li>a {
    color: #E1E3E6;
    background-color: #2C3138;
}

.dark-mode .paginationjs .paginationjs-pages li>a:hover {
    color: #E1E3E6 !important;
    background-color: #1A1D21 !important;
}

.dark-mode .card-header.bg-light {
    background-color: #1A1D21 !important;
}