/* BETCRAKE backoffice redesign */
:root {
  --bo-bg: #08060d;
  --bo-panel: #100b18;
  --bo-panel-2: #15101f;
  --bo-panel-3: #1d152b;
  --bo-line: rgba(255, 255, 255, 0.09);
  --bo-line-strong: rgba(192, 132, 252, 0.30);
  --bo-text: #faf7fc;
  --bo-muted: #aaa1b5;
  --bo-purple: #a855f7;
  --bo-purple-dark: #6d28d9;
  --bo-purple-soft: rgba(168, 85, 247, 0.14);
  --bo-gold: #ffc94a;
  --bo-green: #22c55e;
  --bo-orange: #f59e0b;
  --bo-red: #ef4444;
  --bo-cyan: #38bdf8;
  --bo-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
  --bo-sidebar-width: 280px;
  --bo-sidebar-closed: 86px;
}

body {
  min-width: 320px;
  color: var(--bo-text);
  background:
    radial-gradient(circle at 20% -10%, rgba(168, 85, 247, 0.14), transparent 30rem),
    radial-gradient(circle at 95% 20%, rgba(255, 201, 74, 0.07), transparent 26rem),
    var(--bo-bg);
  font-family: "Inter", "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.main-body-wrapper {
  min-height: 100vh;
  background: transparent;
}

.main-panel-wrapper {
  width: calc(100% - var(--bo-sidebar-width));
  margin-left: var(--bo-sidebar-width);
  padding: 0 28px 36px;
  background: transparent;
}

.content-wrapper {
  min-height: calc(100vh - 78px);
  margin-top: 0;
  padding-top: 28px;
}

.main-sidebar {
  width: var(--bo-sidebar-width);
  border-right: 1px solid var(--bo-line);
  background:
    linear-gradient(180deg, rgba(168, 85, 247, 0.10), transparent 18rem),
    #100b18 !important;
  box-shadow: 18px 0 50px rgba(0, 0, 0, 0.25);
}

.main-sidebar .navbar-brand-wrapper {
  min-height: 78px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--bo-line);
  background: rgba(8, 6, 13, 0.38);
}

.main-sidebar .navbar-brand {
  display: flex;
  min-width: 0;
  align-items: center;
}

.main-sidebar .navbar-brand img {
  max-width: 164px;
  object-fit: contain;
  object-position: left center;
}

.main-sidebar .sidebar-close {
  top: 16px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 1px solid var(--bo-line);
  border-radius: 11px;
  color: var(--bo-text);
  background: var(--bo-panel-3);
}

#main-sidebar {
  height: calc(100vh - 78px) !important;
  padding: 14px 12px 24px;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 85, 247, 0.45) transparent;
}

#main-sidebar::-webkit-scrollbar {
  width: 6px;
}

#main-sidebar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.45);
}

#main-sidebar .gtranslate_wrapper {
  display: flex;
  min-height: 42px;
  padding: 6px 8px;
  border: 1px solid var(--bo-line);
  border-radius: 12px;
  background: rgba(21, 16, 31, 0.72);
  align-items: center;
  gap: 6px;
}

.main-sidebar .nav {
  display: grid;
  gap: 4px;
}

.main-sidebar .nav > .nav-item {
  margin: 0;
}

.main-sidebar .nav > .nav-item > .nav-link,
.main-sidebar .sub-menu .nav-link {
  display: flex;
  min-height: 44px;
  padding: 10px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--bo-muted) !important;
  align-items: center;
  gap: 10px;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.main-sidebar .nav > .nav-item > .nav-link:hover,
.main-sidebar .nav > .nav-item.active > .nav-link,
.main-sidebar .nav > .nav-item.open > .nav-link,
.main-sidebar .sub-menu .nav-link:hover,
.main-sidebar .sub-menu .nav-item.active .nav-link {
  border-color: var(--bo-line-strong);
  color: var(--bo-text) !important;
  background: var(--bo-purple-soft);
}

.main-sidebar .menu-icon {
  display: inline-grid;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  flex: 0 0 auto;
  place-items: center;
}

.main-sidebar .menu-icon i,
.main-sidebar .text-facebook {
  color: var(--bo-purple) !important;
}

.main-sidebar .menu-title {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 13px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-sidebar .menu-arrow {
  margin-left: auto;
  color: #756b80;
  font-size: 11px;
}

.main-sidebar .sub-menu {
  margin: 4px 0 8px 39px;
  padding: 5px 0 5px 10px;
  border-left: 1px solid var(--bo-line);
}

.main-sidebar .sub-menu .nav-link {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px;
}

.main-sidebar .sub-menu .mr-2 {
  margin-right: 4px !important;
  color: #756b80;
}

.main-sidebar .badge {
  min-width: 22px;
  min-height: 20px;
  padding: 3px 6px;
  border-radius: 999px !important;
  color: #10061a;
  background: var(--bo-gold) !important;
  font-weight: 800;
}

.main-sidebar .nav-header {
  margin: 18px 10px 8px;
  color: var(--bo-purple) !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.main-sidebar .nk-hr {
  border-top-color: var(--bo-line);
}

.navbar-menu-wrapper {
  min-height: 78px;
  margin: 0 -28px;
  padding: 0 28px;
  border-bottom: 1px solid var(--bo-line);
  background: rgba(8, 6, 13, 0.88) !important;
  box-shadow: none;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.navbar-toggler {
  width: 42px;
  height: 42px;
  border: 1px solid var(--bo-line) !important;
  border-radius: 12px;
  color: var(--bo-text) !important;
  background: var(--bo-panel-3) !important;
}

.navbar-toggler i {
  color: inherit !important;
}

.navbar-nav #userProfileDropdown img {
  width: 42px;
  height: 42px;
  border: 1px solid var(--bo-line-strong);
  border-radius: 13px;
  object-fit: cover;
}

.dropdown-menu {
  border: 1px solid var(--bo-line-strong);
  border-radius: 12px;
  background: var(--bo-panel-2);
  box-shadow: var(--bo-shadow);
}

.dropdown-menu .dropdown-item {
  color: var(--bo-muted);
}

.dropdown-menu .dropdown-item:hover {
  color: var(--bo-text);
  background: var(--bo-purple-soft);
}

.main-container.nav-close .main-sidebar {
  width: var(--bo-sidebar-closed);
}

.main-container.nav-close .main-panel-wrapper {
  width: calc(100% - var(--bo-sidebar-closed));
  margin-left: var(--bo-sidebar-closed);
}

.main-container.nav-close .navbar-brand .logo-two img {
  width: 42px;
  max-width: 42px;
}

.main-container.nav-close .main-sidebar .nav > .nav-item:hover > .sub-menu {
  left: calc(100% + 8px);
  border: 1px solid var(--bo-line-strong);
  border-radius: 12px;
  background: var(--bo-panel-2) !important;
  box-shadow: var(--bo-shadow);
}

.bc-admin-dashboard {
  display: grid;
  gap: 22px;
}

.bc-admin-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.bc-admin-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--bo-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bc-admin-page-head h1,
.bc-admin-section__head h2,
.bc-admin-chart-card h3 {
  margin: 0;
  color: var(--bo-text);
  letter-spacing: 0;
}

.bc-admin-page-head h1 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 850;
}

.bc-admin-period {
  display: inline-flex;
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid var(--bo-line);
  border-radius: 12px;
  color: var(--bo-muted);
  background: rgba(21, 16, 31, 0.72);
  align-items: center;
  gap: 9px;
}

.bc-admin-section {
  display: grid;
  gap: 12px;
}

.bc-admin-section__head h2 {
  font-size: 18px;
  font-weight: 850;
}

.bc-admin-grid,
.bc-admin-chart-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.bc-admin-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bc-admin-card,
.bc-admin-chart-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--bo-line);
  border-radius: 8px;
  color: var(--bo-text);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent), var(--bo-panel-2);
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.22);
}

.bc-admin-card {
  display: flex;
  min-height: 152px;
  padding: 20px;
  justify-content: space-between;
  gap: 16px;
}

.bc-admin-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--bo-purple);
  content: "";
}

.bc-admin-card--stake::before { background: var(--bo-purple); }
.bc-admin-card--win::before { background: var(--bo-orange); }
.bc-admin-card--hold::before { background: var(--bo-green); }
.bc-admin-card--deposit::before { background: var(--bo-cyan); }
.bc-admin-card--withdrawal::before { background: var(--bo-red); }
.bc-admin-card--notice::before { background: var(--bo-gold); }

.bc-admin-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

.bc-admin-card__label {
  color: var(--bo-muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.bc-admin-card__value {
  display: block;
  width: 100%;
  margin-top: 9px;
  overflow-wrap: anywhere;
  color: var(--bo-text);
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 850;
  line-height: 1.15;
}

.bc-admin-card__value--compact {
  font-size: clamp(19px, 1.7vw, 24px);
}

.bc-admin-card small {
  margin-top: 10px;
  color: var(--bo-muted);
  line-height: 1.45;
}

.bc-admin-card__icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 46px;
  height: 46px;
  border: 1px solid var(--bo-line);
  border-radius: 14px;
  color: var(--bo-purple);
  background: var(--bo-purple-soft);
  flex: 0 0 auto;
  place-items: center;
}

.bc-admin-action,
.bc-admin-inline-form button,
.bc-admin-segmented button {
  transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease, background 160ms ease;
}

.bc-admin-action {
  display: inline-flex;
  min-height: 34px;
  margin-top: auto;
  padding: 7px 11px;
  border: 1px solid var(--bo-line-strong);
  border-radius: 10px;
  color: var(--bo-text) !important;
  background: var(--bo-purple-soft);
  align-items: center;
  font-size: 13px;
  font-weight: 800;
}

.bc-admin-action:hover,
.bc-admin-inline-form button:hover,
.bc-admin-segmented button:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.bc-admin-inline-form {
  display: grid;
  width: 100%;
  margin-top: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.bc-admin-inline-form input {
  min-width: 0;
  height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--bo-line);
  border-radius: 10px;
  color: var(--bo-text);
  background: var(--bo-panel-3);
}

.bc-admin-inline-form input::placeholder {
  color: #7f7589;
}

.bc-admin-inline-form input:focus {
  border-color: var(--bo-purple);
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.18);
}

.bc-admin-inline-form button {
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 10px;
  color: #10061a;
  background: linear-gradient(135deg, #c084fc, #7c3aed);
  font-weight: 850;
}

.bc-admin-toolbar {
  display: flex;
  padding: 12px;
  border: 1px solid var(--bo-line);
  border-radius: 8px;
  background: rgba(21, 16, 31, 0.76);
  justify-content: flex-start;
}

.bc-admin-segmented {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bc-admin-segmented button {
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid var(--bo-line);
  border-radius: 10px;
  color: var(--bo-muted);
  background: var(--bo-panel-3);
  font-weight: 850;
}

.bc-admin-segmented button.is-active {
  border-color: var(--bo-line-strong);
  color: #10061a;
  background: linear-gradient(135deg, #c084fc, #7c3aed);
}

.bc-admin-chart-card {
  min-height: 340px;
  padding: 18px;
}

.bc-admin-chart-card header {
  margin-bottom: 16px;
}

.bc-admin-chart-card h3 {
  font-size: 16px;
  font-weight: 850;
}

.bc-admin-chart-card__canvas {
  position: relative;
  height: 260px;
}

.card,
.table-responsive,
.payment-method-item {
  border-color: var(--bo-line) !important;
  border-radius: 8px !important;
  background: var(--bo-panel-2) !important;
  color: var(--bo-text);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18) !important;
}

.card-header {
  border-bottom-color: var(--bo-line) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card h1,
.card h2,
.card h3,
.card h4 {
  color: var(--bo-text);
}

.table,
table {
  color: var(--bo-text);
}

table thead th {
  border-bottom-color: var(--bo-line) !important;
  color: var(--bo-muted);
  background: rgba(255, 255, 255, 0.025);
}

table tbody td,
table tbody th {
  border-top-color: var(--bo-line) !important;
}

.form-control,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
  border-color: var(--bo-line);
  color: var(--bo-text);
  background-color: var(--bo-panel-3);
}

.form-control:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
  border-color: var(--bo-purple);
  color: var(--bo-text);
  background-color: var(--bo-panel-3);
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.18);
}

@media (max-width: 1199px) {
  .bc-admin-grid,
  .bc-admin-grid--two,
  .bc-admin-chart-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .main-sidebar {
    width: min(86vw, var(--bo-sidebar-width));
  }

  .main-panel-wrapper,
  .main-container.nav-close .main-panel-wrapper {
    width: 100%;
    margin-left: 0;
    padding: 0 16px 30px;
  }

  .navbar-menu-wrapper {
    margin: 0 -16px;
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .content-wrapper {
    padding-top: 18px;
  }

  .bc-admin-page-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .bc-admin-grid,
  .bc-admin-grid--intro,
  .bc-admin-grid--two,
  .bc-admin-chart-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bc-admin-card {
    min-height: 140px;
  }

  .bc-admin-inline-form {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575px) {
  .main-panel-wrapper,
  .main-container.nav-close .main-panel-wrapper {
    padding-inline: 12px;
  }

  .navbar-menu-wrapper {
    min-height: 58px;
    margin-inline: -12px;
    padding-inline: 12px;
  }

  .bc-admin-page-head h1 {
    font-size: 28px;
  }

  .bc-admin-card,
  .bc-admin-chart-card {
    padding: 16px;
  }

  .bc-admin-card__icon {
    width: 40px;
    height: 40px;
  }
}


/* Shared admin page components */
.page-header {
  margin: 0 0 22px;
  padding: 18px 20px;
  border: 1px solid var(--bo-line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent), var(--bo-panel-2) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18);
}

.page-header .row {
  row-gap: 12px;
}

.page-title {
  color: var(--bo-text) !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 850;
  line-height: 1.2;
}

.page-header .form-inline,
.page-header .input-group,
.page-header .btn-group {
  justify-content: flex-end;
}

.card {
  margin-bottom: 18px;
  overflow: hidden;
}

.card-body,
.card-footer {
  color: var(--bo-text);
  background: transparent !important;
}

.card-footer {
  border-top: 1px solid var(--bo-line) !important;
}

.card > .p-3,
.card > .px-3,
.card .border-bottom {
  border-color: var(--bo-line) !important;
}

.bg-light,
.bg-white,
.table-light,
.table-light > th,
.table-light > td {
  color: var(--bo-text) !important;
  background-color: transparent !important;
}

.btn,
a.btn,
button.btn,
input.btn {
  min-height: 38px;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 800;
  letter-spacing: 0;
}

.btn-sm {
  min-height: 32px;
  padding: 6px 10px !important;
  font-size: 12px !important;
}

.btn-lg {
  min-height: 46px;
  padding: 11px 16px !important;
}

.btn-rounded,
.btn-pill,
.badge-pill {
  border-radius: 999px !important;
}

.btn-primary,
.btn--primary,
.btn-success,
.btn-info,
.btn-outline-primary.active,
.btn-outline-secondary.active,
.btn-outline--primary.active,
.show > .btn-primary.dropdown-toggle {
  border-color: transparent !important;
  color: #10061a !important;
  background: linear-gradient(135deg, #c084fc, #7c3aed) !important;
}

.btn-primary i,
.btn--primary i,
.btn-success i,
.btn-info i,
.btn-outline-primary.active i,
.btn-outline-secondary.active i,
.btn-outline--primary.active i {
  color: inherit !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline--primary,
.btn-dark,
.btn-secondary,
.btn-neutral,
.btn-outline-neutral {
  border: 1px solid var(--bo-line-strong) !important;
  color: var(--bo-text) !important;
  background: var(--bo-purple-soft) !important;
}

.btn-danger,
.btn-outline-danger.active,
.btn--danger {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #fb7185, #dc2626) !important;
}

.btn-warning,
.btn-outline-warning.active {
  border-color: transparent !important;
  color: #10061a !important;
  background: linear-gradient(135deg, #facc15, #f59e0b) !important;
}

.btn:hover,
.btn:focus,
button:hover,
button:focus {
  filter: brightness(1.07);
  outline: none;
}

.btn-group {
  flex-wrap: wrap;
  gap: 8px;
}

.btn-group > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn:not(:first-child) {
  margin-left: 0;
  border-radius: 10px !important;
}

.table-responsive {
  border: 1px solid var(--bo-line) !important;
  border-radius: 8px;
  background: var(--bo-panel-2) !important;
}

.table-responsive table {
  min-width: 760px;
}

.table thead th,
table thead th {
  padding: 14px 16px !important;
  border-top: 0 !important;
  color: var(--bo-muted) !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.table tbody td,
table tbody td,
.table tbody th,
table tbody th {
  padding: 13px 16px !important;
  color: #e9e2ef;
  font-size: 13px;
}

.table tbody tr,
table tbody tr {
  transition: background 140ms ease;
}

.table tbody tr:hover,
table tbody tr:hover {
  background: rgba(168, 85, 247, 0.07);
}

.table a,
table a,
.budget,
.name {
  color: var(--bo-text) !important;
}

.table a:hover,
table a:hover {
  color: var(--bo-purple) !important;
}

.avatar,
.avatar img,
.avatar-sm img,
.navbar-nav #userProfileDropdown img {
  object-fit: cover;
}

.avatar,
.avatar-sm {
  border: 1px solid var(--bo-line-strong);
  background: var(--bo-panel-3);
}

.badge,
.badge[class*="bg-"],
.badge-secondary,
.badge-default {
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid var(--bo-line);
  border-radius: 999px !important;
  color: var(--bo-text) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  font-weight: 850;
}

.badge-primary,
.badge-success,
.badge.bg-success {
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #bbf7d0 !important;
  background: rgba(34, 197, 94, 0.18) !important;
}

.badge-warning,
.badge.bg-orange,
.badge.bg-warning {
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fde68a !important;
  background: rgba(245, 158, 11, 0.18) !important;
}

.badge-danger,
.badge.bg-danger {
  border-color: rgba(239, 68, 68, 0.36) !important;
  color: #fecaca !important;
  background: rgba(239, 68, 68, 0.18) !important;
}

.form-group label,
label,
.col-form-label {
  color: #d4ccd9;
  font-size: 13px;
  font-weight: 800;
}

.form-control,
.custom-select,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 40px;
  border: 1px solid var(--bo-line) !important;
  border-radius: 10px !important;
  color: var(--bo-text) !important;
  background: var(--bo-panel-3) !important;
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder {
  color: #7f7589 !important;
  opacity: 1;
}

.input-group.has_append .form-control,
.input-group .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group-append .btn,
.input-group-append .input-group-text {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group-text {
  display: inline-flex;
  align-items: center;
  color: var(--bo-muted) !important;
}

select.form-control,
.custom-select {
  appearance: auto;
}

textarea.form-control {
  min-height: 120px;
}

.form-control:disabled,
.form-control[readonly],
input:disabled,
select:disabled,
textarea:disabled {
  color: #93889f !important;
  background: rgba(255, 255, 255, 0.04) !important;
  opacity: 1;
}

.modal {
  background: rgba(0, 0, 0, 0.62);
}

.modal-content {
  overflow: hidden;
  border: 1px solid var(--bo-line-strong) !important;
  border-radius: 8px !important;
  color: var(--bo-text);
  background: var(--bo-panel-2) !important;
  box-shadow: var(--bo-shadow);
}

.modal-header,
.modal-footer {
  border-color: var(--bo-line) !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.modal-title,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
  color: var(--bo-text) !important;
}

.modal-body {
  color: var(--bo-muted);
}

.modal .close {
  color: var(--bo-text) !important;
  opacity: 0.85;
}

.alert {
  border: 1px solid var(--bo-line) !important;
  border-radius: 8px;
  color: var(--bo-text);
  background: var(--bo-panel-2);
}

.alert-success {
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.12) !important;
}

.alert-danger,
.alert-error {
  border-color: rgba(239, 68, 68, 0.36) !important;
  color: #fecaca;
  background: rgba(239, 68, 68, 0.12) !important;
}

.alert-warning {
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fde68a;
  background: rgba(245, 158, 11, 0.12) !important;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.page-link {
  min-width: 36px;
  border: 1px solid var(--bo-line) !important;
  border-radius: 10px !important;
  color: var(--bo-muted) !important;
  background: var(--bo-panel-3) !important;
  text-align: center;
}

.page-item.active .page-link,
.page-link:hover {
  color: #10061a !important;
  background: linear-gradient(135deg, #c084fc, #7c3aed) !important;
}

.page-item.disabled .page-link {
  color: #63586f !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.nav-tabs {
  border-bottom: 1px solid var(--bo-line) !important;
  gap: 6px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent !important;
  border-radius: 10px 10px 0 0 !important;
  color: var(--bo-muted) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  border-color: var(--bo-line-strong) !important;
  color: var(--bo-text) !important;
  background: var(--bo-purple-soft) !important;
}

.dashboard-w2 {
  min-height: 148px;
  padding: 20px !important;
  border: 1px solid var(--bo-line) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent), var(--bo-panel-2) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.22) !important;
}

.dashboard-w2::before {
  background: var(--bo-purple) !important;
  opacity: 0.18 !important;
}

.dashboard-w2 .details .amount,
.dashboard-w2 h1,
.dashboard-w2 h2,
.dashboard-w2 h3,
.dashboard-w2 h4,
.dashboard-w2 h5,
.dashboard-w2 h6 {
  color: var(--bo-text) !important;
}

.dashboard-w2 .details h6,
.dashboard-w2 small {
  color: var(--bo-muted) !important;
}

.dashboard-w2 .icon {
  color: var(--bo-purple) !important;
  opacity: 0.85 !important;
}

.payment-method-item {
  padding: 24px !important;
  border: 1px solid var(--bo-line) !important;
  border-radius: 8px;
  background: var(--bo-panel-2);
}

.profilePicPreview,
.image-upload-preview,
.gateway-img,
.deposit-preview img,
img[src*="verify"],
.card-img {
  border: 1px solid var(--bo-line-strong) !important;
  border-radius: 8px !important;
  background-color: var(--bo-panel-3) !important;
}

.nicEdit-main,
.nicEdit-panelContain,
.nicEdit-panel {
  color: var(--bo-text) !important;
  background: var(--bo-panel-3) !important;
}

.nicEdit-panelContain {
  border-color: var(--bo-line) !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: var(--bo-muted) !important;
}

.dataTables_wrapper input,
.dataTables_wrapper select {
  min-height: 34px;
  margin: 0 6px;
}

.ticket-item,
.list-group-item,
.media,
.nk-comment,
.nk-action {
  border-color: var(--bo-line) !important;
  color: var(--bo-text);
  background: transparent !important;
}

.list-group-item:hover,
.nk-comment:hover,
.nk-action:hover {
  background: rgba(168, 85, 247, 0.07) !important;
}

hr,
.dropdown-divider {
  border-color: var(--bo-line) !important;
}

.text-muted,
.text-gray,
.text-secondary,
p,
small {
  color: var(--bo-muted) !important;
}

.text-success { color: #86efac !important; }
.text-danger { color: #fca5a5 !important; }
.text-warning { color: #fde68a !important; }
.text-info { color: #7dd3fc !important; }
.text-primary { color: var(--bo-purple) !important; }

@media (max-width: 991px) {
  .page-header .text-right {
    text-align: left !important;
  }

  .page-header .form-inline,
  .page-header .input-group,
  .page-header .btn-group {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  .page-header {
    padding: 16px;
  }

  .btn,
  a.btn,
  button.btn,
  input.btn {
    white-space: normal;
  }
}


/* Admin list readability hardening */
.card .table-responsive,
.card .table,
.card table,
.table-responsive,
.table-responsive .table,
.table-responsive table,
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollBody,
.dataTables_scrollFoot,
.table-light,
.table-light > th,
.table-light > td {
  color: var(--bo-text) !important;
  background: var(--bo-panel-2) !important;
  background-color: var(--bo-panel-2) !important;
}

.table-responsive thead,
.table-responsive tbody,
.table-responsive tfoot,
.table-responsive tr,
.table-responsive th,
.table-responsive td,
.table thead,
.table tbody,
.table tfoot,
.table tr,
.table th,
.table td,
table.dataTable,
table.dataTable thead,
table.dataTable tbody,
table.dataTable tfoot,
table.dataTable tr,
table.dataTable th,
table.dataTable td,
.table-light thead,
.table-light tbody,
.table-light tfoot,
.table-light tr,
.table-light th,
.table-light td,
.table-light tbody + tbody {
  background: transparent !important;
  background-color: transparent !important;
}

.table .thead-light th,
.table-light thead th,
.table-responsive thead th,
table.dataTable thead th,
table.dataTable thead td {
  color: var(--bo-muted) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  background-color: rgba(255, 255, 255, 0.045) !important;
}

.table-responsive tbody td,
.table-responsive tbody th,
.table tbody td,
.table tbody th,
table.dataTable tbody td,
table.dataTable tbody th,
.table-light tbody td,
.table-light tbody th,
.table-light > tbody > tr > td,
.table-light > tbody > tr > th {
  color: #eee7f4 !important;
  background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) td,
.table-striped tbody tr:nth-of-type(odd) th,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
  background: rgba(255, 255, 255, 0.025) !important;
  background-color: rgba(255, 255, 255, 0.025) !important;
}

.table-hover tbody tr:hover,
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th,
.table tbody tr:hover,
.table tbody tr:hover td,
.table tbody tr:hover th,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
table.dataTable tbody tr:hover,
table.dataTable tbody tr:hover td,
table.dataTable tbody tr:hover th {
  color: var(--bo-text) !important;
  background: rgba(168, 85, 247, 0.10) !important;
  background-color: rgba(168, 85, 247, 0.10) !important;
}

.table-responsive tbody tr + tr,
.table tbody tr + tr,
table.dataTable tbody tr + tr {
  border-top: 1px solid var(--bo-line) !important;
}

.table-responsive .list,
.table-responsive tbody.list,
tbody.list,
.list,
.list tr,
.list td,
.list th,
.list-group,
.list-group-item,
.list-wrapper,
.list-wrapper ul,
.list-wrapper ul li,
.navbar_search_result,
.navbar_search_result li {
  color: var(--bo-text) !important;
  background: transparent !important;
  background-color: transparent !important;
}

.table-responsive .media,
.table-responsive .media-body,
.table-responsive .media-body span,
.table-responsive .name,
.table-responsive td span:not(.badge),
.table-responsive td strong,
.table-responsive td b,
.table-responsive td small,
.table-responsive td div,
table.dataTable td span:not(.badge),
table.dataTable td strong,
table.dataTable td b,
table.dataTable td small,
table.dataTable td div {
  color: inherit !important;
}

.table-responsive .text-muted,
.table-responsive td.text-muted,
.table-responsive th.text-muted,
table.dataTable .text-muted,
table.dataTable td.text-muted,
table.dataTable th.text-muted {
  color: #b9afc4 !important;
}

.table-responsive a:not(.btn),
.table a:not(.btn),
table.dataTable a:not(.btn) {
  color: #faf7fc !important;
  font-weight: 800;
}

.table-responsive a:not(.btn):hover,
.table a:not(.btn):hover,
table.dataTable a:not(.btn):hover {
  color: var(--bo-purple) !important;
}

.table-responsive .dropdown-menu,
.table .dropdown-menu,
table.dataTable .dropdown-menu {
  background: var(--bo-panel-2) !important;
}

.card .bg-light,
.card .bg-white,
.card .border-bottom.bg-light,
.card .border-bottom.bg-white,
.card-footer.bg-light,
.card-footer.bg-white {
  color: var(--bo-text) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  background-color: rgba(255, 255, 255, 0.025) !important;
}

.dataTables_scrollBody,
.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 85, 247, 0.45) rgba(255, 255, 255, 0.04);
}

.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.45);
}


/* Pagination normalization */
.card-footer nav,
.table-responsive + .card-footer nav,
nav[aria-label="..."] {
  display: flex;
  justify-content: flex-end;
}

.pagination {
  margin: 0;
  align-items: center;
}

.pagination .page-item {
  display: inline-flex;
}

.pagination .page-link,
.pagination span.page-link,
.pagination a.page-link {
  display: inline-flex !important;
  width: auto;
  min-width: 36px;
  height: 36px;
  padding: 0 12px !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  font-size: 13px !important;
}

.pagination .page-link svg,
.pagination svg,
nav[role="navigation"] svg,
nav[aria-label="Pagination Navigation"] svg {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  vertical-align: middle;
}

nav[role="navigation"] > div:first-child:not(.pagination),
nav[aria-label="Pagination Navigation"] > div:first-child:not(.pagination) {
  display: none !important;
}

nav[role="navigation"] p,
nav[aria-label="Pagination Navigation"] p {
  margin: 0;
  color: var(--bo-muted) !important;
  font-size: 13px;
}


/* Admin profile dropdown trigger */
.bc-admin-profile-menu {
  display: flex;
  align-items: center;
}

.bc-admin-profile-menu__toggle.nav-link {
  display: inline-flex;
  min-height: 42px;
  padding: 5px 12px 5px 13px !important;
  border: 1px solid var(--bo-line);
  border-radius: 12px;
  color: var(--bo-text) !important;
  background: var(--bo-panel-3);
  align-items: center;
  gap: 9px;
}

.bc-admin-profile-menu__toggle.nav-link:hover,
.bc-admin-profile-menu__toggle.nav-link:focus,
.bc-admin-profile-menu.show .bc-admin-profile-menu__toggle.nav-link {
  border-color: var(--bo-line-strong);
  background: var(--bo-purple-soft);
}

.bc-admin-profile-menu__label {
  color: var(--bo-purple);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bc-admin-profile-menu__name {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  color: var(--bo-text);
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bc-admin-profile-menu__toggle i {
  color: var(--bo-muted);
  font-size: 10px;
}

.bc-admin-profile-menu .dropdown-menu {
  min-width: 190px;
  margin-top: 10px;
  padding: 8px;
}

.bc-admin-profile-menu .dropdown-item {
  display: flex;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  font-weight: 750;
}

.bc-admin-profile-menu .dropdown-item i {
  width: 16px;
  color: var(--bo-purple);
  text-align: center;
}

@media (max-width: 575px) {
  .bc-admin-profile-menu__label {
    display: none;
  }

  .bc-admin-profile-menu__name {
    max-width: 118px;
  }
}


/* Solid admin profile button */
.bc-admin-profile-menu__toggle.nav-link {
  min-height: 42px;
  padding: 8px 14px !important;
  border: 1px solid rgba(192, 132, 252, 0.55) !important;
  border-radius: 8px !important;
  color: #10061a !important;
  background: linear-gradient(135deg, #c084fc, #7c3aed) !important;
  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.24) !important;
}

.bc-admin-profile-menu__toggle.nav-link:hover,
.bc-admin-profile-menu__toggle.nav-link:focus,
.bc-admin-profile-menu.show .bc-admin-profile-menu__toggle.nav-link {
  border-color: rgba(255, 255, 255, 0.36) !important;
  background: linear-gradient(135deg, #d8b4fe, #8b5cf6) !important;
}

.bc-admin-profile-menu__label,
.bc-admin-profile-menu__name,
.bc-admin-profile-menu__toggle i {
  color: #10061a !important;
}


/* Profile button and mobile sidebar readability */
.bc-admin-profile-menu__toggle.nav-link {
  min-height: 52px !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(255, 201, 74, 0.95) !important;
  border-radius: 8px !important;
  color: #10061a !important;
  background: #ffc94a !important;
  box-shadow: 0 12px 28px rgba(255, 201, 74, 0.22) !important;
  gap: 11px;
}

.bc-admin-profile-menu__toggle.nav-link:hover,
.bc-admin-profile-menu__toggle.nav-link:focus,
.bc-admin-profile-menu.show .bc-admin-profile-menu__toggle.nav-link {
  border-color: rgba(255, 255, 255, 0.72) !important;
  background: #ffd76d !important;
}

.bc-admin-profile-menu__label {
  color: rgba(16, 6, 26, 0.78) !important;
  font-size: 12px !important;
}

.bc-admin-profile-menu__name {
  max-width: 190px !important;
  color: #10061a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.bc-admin-profile-menu__toggle i {
  color: #10061a !important;
  font-size: 12px !important;
}

@media (max-width: 991px) {
  .main-sidebar,
  .main-container.nav-close .main-sidebar,
  .main-container.nav-open .main-sidebar {
    width: min(96vw, 390px) !important;
    max-width: 390px !important;
  }

  .main-container.nav-close .main-sidebar .nav-item .menu-title,
  .main-container.nav-close .main-sidebar .nav-item .menu-arrow,
  .main-container.nav-close .main-sidebar .nav-item .sub-menu .nav-item .menu-title,
  .main-sidebar .nav-item .menu-title,
  .main-sidebar .nav-item .menu-arrow {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .main-sidebar .nav > .nav-item > .nav-link,
  .main-sidebar .sub-menu .nav-link,
  .main-container.nav-close .main-sidebar .nav-item .nav-link {
    min-height: 46px;
    padding: 10px 12px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .main-sidebar .menu-title,
  .main-container.nav-close .main-sidebar .nav-item .menu-title,
  .main-container.nav-close .main-sidebar .nav-item .sub-menu .nav-item .menu-title {
    max-width: calc(100% - 48px);
    overflow: visible !important;
    line-height: 1.25;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  .main-sidebar .menu-icon {
    margin-top: -3px;
  }

  .main-sidebar .sub-menu {
    margin-left: 34px;
    padding-left: 9px;
  }

  .main-container.nav-close .nav-item > .sub-menu,
  .main-container.nav-close .main-sidebar .nav > .nav-item:hover > .sub-menu {
    position: static !important;
    width: auto !important;
    border: 0 !important;
    border-left: 1px solid var(--bo-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

@media (max-width: 575px) {
  .bc-admin-profile-menu__toggle.nav-link {
    min-height: 48px !important;
    padding: 9px 13px !important;
  }

  .bc-admin-profile-menu__label {
    display: inline-block !important;
  }

  .bc-admin-profile-menu__name {
    max-width: 132px !important;
    font-size: 14px !important;
  }
}


/* Normal profile dropdown button */
.bc-admin-profile-menu__toggle.nav-link {
  display: inline-flex !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  padding: 9px 14px !important;
  border: 1px solid var(--bo-line-strong) !important;
  border-radius: 8px !important;
  color: var(--bo-text) !important;
  background: var(--bo-purple-soft) !important;
  box-shadow: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.bc-admin-profile-menu__toggle.nav-link:hover,
.bc-admin-profile-menu__toggle.nav-link:focus,
.bc-admin-profile-menu.show .bc-admin-profile-menu__toggle.nav-link {
  border-color: rgba(192, 132, 252, 0.55) !important;
  color: var(--bo-text) !important;
  background: rgba(168, 85, 247, 0.22) !important;
}

.bc-admin-profile-menu__toggle.nav-link span,
.bc-admin-profile-menu__toggle.nav-link i,
.bc-admin-profile-menu__label,
.bc-admin-profile-menu__name {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  color: var(--bo-text) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: 0 !important;
  text-overflow: clip !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.bc-admin-profile-menu__toggle.nav-link i {
  font-size: 13px !important;
}

@media (max-width: 575px) {
  .bc-admin-profile-menu__toggle.nav-link {
    min-width: 104px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
  }
}