:root {
  --page: #07110b;
  --page-deep: #0a1710;
  --ink: #eff8f1;
  --ink-soft: #a3b7a8;
  --line: rgb(151 210 169 / 0.14);
  --glass: rgb(13 32 20 / 0.58);
  --glass-strong: rgb(12 29 18 / 0.84);
  --glass-line: rgb(213 255 225 / 0.14);
  --shadow: rgb(0 0 0 / 0.34);
  --radius-panel: 24px;
  --radius-control: 999px;
  --bidx-green: #7adb99;
  --accent: var(--primary, var(--bidx-green));
  --accent-bright: var(--primary, var(--bidx-green));
  --accent-ink: #06110a;
  --black: var(--page);
  --dark: var(--page-deep);
  --dark2: var(--glass-strong);
  --bgLight: var(--page-deep);
  --bgLight2: var(--glass-strong);
  --borderColor: var(--line);
  --fontColor: var(--ink-soft);
  --fontColor2: var(--ink-soft);
  --secondary: var(--accent);
  --success: var(--accent);
  --gradiant: linear-gradient(90deg, var(--accent-bright) 0%, var(--accent) 100%);
  --gradiantAlpha: linear-gradient(90deg, color-mix(in srgb, var(--accent) 4%, transparent) 0%, color-mix(in srgb, var(--accent-bright) 4%, transparent) 100%);
  --bidx-panel-background: linear-gradient(145deg, rgb(255 255 255 / 0.16), transparent 45%), var(--glass);
  --bidx-panel-backdrop: blur(24px) saturate(145%);
}

html {
  min-height: 100%;
  overflow-x: hidden;
  background: var(--page);
  color-scheme: dark;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 32%, rgb(74 166 103 / 0.12), transparent 26rem),
    radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 42rem),
    linear-gradient(180deg, var(--page), var(--page-deep));
  color: var(--ink-soft);
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}

body,
button,
input,
select,
textarea {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body :is(h1, h2, h3, h4, h5, h6, p, a, span, label, button, input, select, textarea, table, text, .nav-link, .dropdown-item, .badge) {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.container {
  width: min(1400px, calc(100% - 48px));
  max-width: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--ink);
  font-family: inherit;
  letter-spacing: -0.045em;
  line-height: 1.05;
  text-wrap: balance;
}

p,
.text-muted,
.text-secondary,
small {
  color: var(--ink-soft) !important;
  line-height: 1.6;
}

a {
  color: var(--accent);
}

a:hover {
  color: var(--accent-bright);
}

hr {
  border-color: var(--line);
  opacity: 1;
}

.bidx-glass,
:is(
  .home-section .countings .box,
  .referral-section .referral-box,
  .pricing-section .pricing-box,
  .feature-section .feature-box,
  .how-it-work .process-box,
  .top-investor .investor-wrapper,
  .latest-transaction .transaction-wrapper,
  .testimonial-section .review-box,
  .blog-section .blog-box,
  .blog-details .side-bar .side-box,
  .contact-section .info-box,
  .contact-section .form-box,
  .login-section .form-box,
  .payment-gateway .box,
  .wallet-box,
  .profile-setting .sidebar-wrapper,
  .refferal-box,
  .message-wrapper .messages-box,
  .message-wrapper .inbox-wrapper,
  .checkout-section .side-bar .side-box,
  .checkout-section .card,
  .support-area,
  .bd-callout,
  .cookies-allert,
  .card,
  .table-responsive,
  .modal .modal-content
),
#content .card-box,
#content .quick-links .link-item,
#sidebar .level-box {
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
}

#content .overlay {
  background: transparent;
}

.bg-white,
.bg-light {
  background-color: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
}

.text-dark,
.text-black {
  color: var(--ink) !important;
}

nav.navbar,
#sidebar,
.bottom-nav {
  border-color: var(--glass-line);
  background: var(--glass-strong);
  box-shadow: 0 18px 50px var(--shadow);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}

nav.navbar.fixed-top {
  transition: transform 340ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease, border-color 180ms ease;
  will-change: transform;
}

nav.navbar.fixed-top.bidx-nav-hidden {
  transform: translateY(calc(-100% - 1rem));
}

.navbar .nav-link,
.navbar .navbar-toggler,
.bottom-nav a,
.bottom-nav button,
#sidebar a {
  color: var(--ink);
}

.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .navbar-toggler:hover,
.bottom-nav .link-item:hover i,
.bottom-nav .link-item.active i,
#sidebar a:hover,
#sidebar a.active {
  color: var(--accent-bright);
}

.btn,
.btn-custom,
.gold-btn,
.cookieButton,
.send-file-btn,
.submit-btn {
  border-radius: var(--radius-control);
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

:is(.btn, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn):hover {
  transform: translateY(-1px);
}

:is(.btn-primary, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn),
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  border-color: var(--accent-bright) !important;
  background: var(--accent-bright) !important;
  color: var(--accent-ink) !important;
}

:is(.btn-primary, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn)::before,
:is(.btn-primary, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn)::after {
  background: transparent !important;
}

:is(.btn-primary, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn):hover,
:is(.btn-primary, .btn-custom, .gold-btn, .cookieButton, .send-file-btn, .submit-btn):active {
  border-color: var(--accent-bright) !important;
  background: var(--accent-bright) !important;
  color: var(--accent-ink) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--accent) 22%, transparent) !important;
}

:is(.btn-secondary, .btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-black2, .btn-action) {
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--ink) 5%, transparent) !important;
  color: var(--ink) !important;
}

:is(.btn-secondary, .btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-black2, .btn-action):hover {
  border-color: var(--accent) !important;
  background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: var(--accent-bright) !important;
}

.btn-action-icon:not(.footer-section .btn-action-icon) {
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--ink) 5%, transparent) !important;
  color: var(--ink) !important;
}

.btn-action-icon:not(.footer-section .btn-action-icon):hover {
  border-color: var(--accent) !important;
  background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: var(--accent-bright) !important;
}

body :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]), textarea, select) {
  border: 1px solid var(--line) !important;
  border-radius: 14px;
  background-color: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink) !important;
  caret-color: var(--accent);
}

body :is(.form-control, .form-select, input, textarea, select)::placeholder {
  color: var(--ink-soft) !important;
  opacity: 0.72;
}

body :is(.form-control, .form-select, input, textarea, select):disabled,
body :is(.form-control, .form-select, input, textarea, select)[readonly] {
  background-color: color-mix(in srgb, var(--ink) 2.5%, transparent) !important;
  color: var(--ink-soft) !important;
  opacity: 0.72;
}

body select option {
  background: var(--page-deep) !important;
  color: var(--ink) !important;
}

.form-check-input {
  border-color: var(--line) !important;
  background-color: color-mix(in srgb, var(--ink) 5%, transparent) !important;
  accent-color: var(--accent);
}

.input-group-text {
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink-soft) !important;
}

.form-check-input:checked {
  border-color: var(--accent) !important;
  background-color: var(--accent) !important;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--accent-bright) !important;
  outline-offset: 4px;
  box-shadow: none !important;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--ink-soft);
  --bs-table-border-color: var(--line);
  --bs-table-striped-bg: color-mix(in srgb, var(--ink) 3.5%, transparent);
  --bs-table-striped-color: var(--ink);
  --bs-table-hover-bg: color-mix(in srgb, var(--accent) 8%, transparent);
  --bs-table-hover-color: var(--ink);
  margin-bottom: 0;
  color: var(--ink-soft) !important;
}

.table > :not(caption) > * > * {
  border-color: var(--line) !important;
  background-color: transparent !important;
  color: inherit !important;
}

.table thead,
.table thead th {
  color: var(--ink) !important;
}

.table-responsive {
  overflow: auto;
}

.modal-backdrop.show {
  opacity: 0.76;
}

.modal .modal-content,
.dropdown-menu,
.user-dropdown,
.notification-dropdown,
.datepicker,
.select2-dropdown,
.apexcharts-menu {
  border: 1px solid var(--line) !important;
  background: var(--glass-strong) !important;
  color: var(--ink-soft) !important;
  box-shadow: 0 24px 70px var(--shadow) !important;
}

.modal-header,
.modal-footer,
.dropdown-divider,
.nav-tabs {
  border-color: var(--line) !important;
}

.modal-title,
.dropdown-header {
  color: var(--ink) !important;
}

.btn-close {
  filter: invert(1) grayscale(1);
}

.dropdown-item {
  color: var(--ink-soft) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: var(--ink) !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
[role="tab"] {
  border-color: transparent;
  border-radius: var(--radius-control);
  color: var(--ink-soft);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active,
.nav-pills .nav-link:hover {
  border-color: var(--line);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--accent-bright);
}

.pagination {
  gap: 0.4rem;
}

.pagination .page-link {
  display: grid;
  min-width: 2.5rem;
  min-height: 2.5rem;
  place-items: center;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-control) !important;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink-soft) !important;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
}

.pagination .page-item.disabled .page-link {
  opacity: 0.45;
}

.badge,
.badge.bg-primary {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-control) !important;
  background: color-mix(in srgb, var(--accent) 14%, transparent) !important;
  color: var(--accent-bright) !important;
}

.alert,
.list-group-item {
  border-color: var(--line) !important;
  background-color: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink-soft) !important;
}

/* Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-results__option {
  color: var(--ink-soft) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--ink-soft) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: color-mix(in srgb, var(--accent) 14%, transparent) !important;
  color: var(--ink) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--accent) !important;
}

/* Bootstrap datepicker */
.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
  color: var(--ink-soft) !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new,
.datepicker table tr td.disabled,
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: color-mix(in srgb, var(--ink-soft) 48%, transparent) !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td span:hover,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: color-mix(in srgb, var(--ink) 7%, transparent) !important;
  color: var(--ink) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  text-shadow: none !important;
}

/* Owl carousel */
.owl-theme .owl-dots .owl-dot span,
.owl-carousel .owl-dots .owl-dot {
  border-color: var(--line) !important;
  background: color-mix(in srgb, var(--ink) 14%, transparent) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
}

/* Notiflix */
#NotiflixNotifyWrap .notiflix-notify {
  border: 1px solid var(--glass-line) !important;
  background: var(--glass-strong) !important;
  color: var(--ink) !important;
  box-shadow: 0 24px 70px var(--shadow) !important;
}

#NotiflixNotifyWrap .notiflix-notify-message {
  color: var(--ink) !important;
}

/* ApexCharts */
.apexcharts-tooltip,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip,
.apexcharts-tooltip-title,
.apexcharts-menu {
  border-color: var(--glass-line) !important;
  background: var(--glass-strong) !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 50px var(--shadow) !important;
}

.apexcharts-tooltip-text,
.apexcharts-xaxistooltip-text,
.apexcharts-yaxistooltip-text,
.apexcharts-menu-item {
  color: var(--ink-soft) !important;
}

.apexcharts-menu-item:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: var(--ink) !important;
}

.bidx-motion-ready [data-bidx-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms cubic-bezier(.16, 1, .3, 1), transform 700ms cubic-bezier(.16, 1, .3, 1);
}

.bidx-motion-ready [data-bidx-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.bidx-motion-ready [data-bidx-stagger] > [data-bidx-stagger-item] {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 700ms cubic-bezier(.16, 1, .3, 1) var(--bidx-stagger-delay, 0ms),
    transform 700ms cubic-bezier(.16, 1, .3, 1) var(--bidx-stagger-delay, 0ms);
}

.bidx-motion-ready [data-bidx-stagger].is-revealed > [data-bidx-stagger-item] {
  opacity: 1;
  transform: translateY(0);
}

* {
  scrollbar-color: var(--accent) var(--page-deep);
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: var(--page-deep);
}

*::-webkit-scrollbar-thumb {
  border: 2px solid var(--page-deep);
  border-radius: var(--radius-control);
  background: var(--accent);
}

::selection {
  background: color-mix(in srgb, var(--accent) 36%, transparent);
  color: var(--ink);
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --bidx-panel-background: var(--glass-strong);
    --bidx-panel-backdrop: none;
  }

  nav.navbar,
  #sidebar,
  .bottom-nav {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  [data-bidx-reveal],
  [data-bidx-reveal].is-revealed {
    opacity: 1 !important;
    transform: none !important;
  }

  nav.navbar.fixed-top.bidx-nav-hidden {
    transform: none !important;
  }
}

/* ---------- site shell ---------- */

/* Floating public navigation */
nav.navbar.fixed-top.bidx-glass {
  top: 14px;
  right: 0;
  left: 0;
  width: min(1400px, calc(100% - 48px));
  min-height: 66px;
  padding: 8px 10px 8px 14px;
  margin-inline: auto;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-control);
  background: var(--bidx-panel-background);
  z-index: 1030;
}

.navbar .bidx-shell-nav {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

.bidx-brand {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 0;
  margin: 0;
  color: var(--ink);
  text-decoration: none;
}

.bidx-brand:hover {
  color: var(--ink);
}

.bidx-brand-mark {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  padding: 4px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--glass-line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 13%, var(--glass-strong));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 0 16px color-mix(in srgb, var(--accent) 22%, transparent);
}

.navbar .bidx-brand-mark img,
.footer-section .bidx-brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.bidx-brand-name {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 750;
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar .main-nav {
  flex: 0 1 auto;
  justify-self: center;
}

.navbar .main-nav .navbar-nav {
  gap: 3px;
  align-items: center;
  margin: 0;
}

.navbar .main-nav .nav-item {
  margin: 0;
}

.navbar .main-nav .nav-link {
  padding: 9px 13px;
  border-radius: var(--radius-control);
  color: var(--ink-soft);
  font-size: 0.79rem;
  font-weight: 620;
  letter-spacing: 0;
  text-transform: none;
  transition: color 180ms ease, background-color 180ms ease;
}

.navbar .main-nav .nav-link::before {
  display: none;
}

.navbar .main-nav .nav-link:hover,
.navbar .main-nav .nav-link.active {
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  color: var(--ink);
}

.navbar .main-nav .dropdown-menu {
  padding: 8px;
  border: 1px solid var(--glass-line);
  border-radius: 16px;
  background: var(--glass-strong);
  box-shadow: 0 18px 50px var(--shadow);
}

.navbar .main-nav .dropdown-item {
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--ink-soft);
  font-size: 0.8rem;
}

.navbar .main-nav .dropdown-item:hover,
.navbar .main-nav .dropdown-item:focus,
.navbar .main-nav .dropdown-item.active {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--ink);
}

.bidx-header-actions,
.bidx-header-actions > #pushNotificationArea {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bidx-header-actions {
  min-width: 0;
  justify-self: end;
}

.bidx-header-actions > #pushNotificationArea {
  position: static;
  padding: 0;
  margin: 0;
}

.bidx-header-actions > #pushNotificationArea:not(:has(.user-panel)) {
  display: none;
}

.navbar .header-cta {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 10px 17px;
  border: 1px solid var(--accent-bright);
  border-radius: var(--radius-control);
  background: var(--accent-bright);
  color: var(--accent-ink) !important;
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 180ms ease, filter 180ms ease;
}

.navbar .header-cta:hover {
  color: var(--accent-ink) !important;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.navbar .header-cta:active {
  transform: translateY(1px) scale(0.985);
}

.navbar .header-cta:focus-visible,
.navbar .navbar-toggler:focus-visible,
.footer-section a:focus-visible,
.footer-section button:focus-visible,
.bidx-breadcrumb a:focus-visible {
  outline: 2px solid var(--accent-bright);
  outline-offset: 3px;
}

.navbar .header-cta i {
  font-size: 0.78rem;
}

.navbar .profile {
  position: static;
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 5%, transparent);
}

.navbar .profile img {
  width: 34px;
  height: 34px;
  object-fit: cover;
}

.navbar .user-panel .user-dropdown {
  top: 58px;
  width: 220px;
  padding: 7px;
  border: 1px solid var(--glass-line);
  border-radius: 16px;
  background: var(--glass-strong);
  box-shadow: 0 18px 50px var(--shadow);
}

.navbar .user-panel:hover .user-dropdown {
  top: 50px;
}

.navbar .user-panel .user-dropdown li a {
  padding: 9px 8px;
  margin: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ink-soft);
}

.navbar .user-panel .user-dropdown li a:hover,
.navbar .user-panel .user-dropdown li a:focus {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--ink);
}

.navbar .navbar-toggler {
  position: static;
  display: none;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--ink);
}

.navbar .navbar-toggler i {
  color: var(--ink);
  font-size: 1rem;
}

/* Breadcrumb hero */
.banner-section {
  position: relative;
  display: flex;
  min-height: 430px;
  align-items: end;
  padding: 164px 0 76px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background-position: center;
  background-size: cover;
  text-align: left;
  isolation: isolate;
}

.banner-section::before {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  background: linear-gradient(180deg, rgb(7 17 11 / 0.78) 0%, rgb(7 17 11 / 0.5) 42%, rgb(7 17 11 / 0.96) 100%);
  content: "";
  z-index: -1;
}

.bidx-banner-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.banner-section .bidx-banner-title {
  max-width: 15ch;
  margin: 0 0 28px;
  color: var(--ink);
  font-size: clamp(2.5rem, 4.8vw, 4.7rem);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-align: start;
  text-shadow: 0 12px 40px var(--shadow);
  text-transform: none;
  -webkit-text-stroke: 0;
}

.bidx-breadcrumb {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 8px 14px;
  border-radius: var(--radius-control);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 36px var(--shadow);
}

.banner-section .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}

.banner-section .breadcrumb-item,
.banner-section .breadcrumb-item a {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 620;
  letter-spacing: 0.045em;
  text-decoration: none;
  text-transform: capitalize;
}

.banner-section .breadcrumb-item a:hover,
.banner-section .breadcrumb-item.active {
  color: var(--accent-bright);
}

.banner-section .breadcrumb-item + .breadcrumb-item::before {
  color: var(--ink-soft);
}

/* Four-column public footer */
.footer-section.site-footer {
  position: relative;
  padding: clamp(68px, 8vw, 104px) 0 0;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: var(--page-deep);
}

.footer-section.site-footer::before {
  display: none;
}

.footer-section.site-footer .overlay {
  background: transparent;
}

.footer-layout {
  display: grid;
  grid-template-columns: minmax(240px, 1.15fr) minmax(180px, 0.8fr) minmax(160px, 0.65fr) minmax(260px, 1fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: start;
}

.footer-section .footer-box {
  min-width: 0;
}

.footer-section .bidx-brand {
  display: inline-flex;
  margin: 0 0 22px;
}

.footer-section .bidx-brand-mark {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

.footer-section .footer-brand .company-bio {
  max-width: 38ch;
  margin: 0 0 26px;
  color: var(--ink-soft) !important;
  font-size: 0.84rem;
  line-height: 1.7;
}

.footer-section h4 {
  display: block;
  margin: 7px 0 25px;
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  text-transform: none;
}

.footer-section h4::before {
  display: none;
}

.footer-section ul {
  max-width: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-section ul li {
  margin: 0 0 13px;
  color: var(--ink-soft);
  font-size: 0.82rem;
  line-height: 1.55;
}

.footer-section .footer-contact li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.footer-section .footer-contact li i {
  width: 20px;
  margin-top: 4px;
  color: var(--accent);
  text-align: center;
}

.footer-section .footer-contact li span {
  overflow-wrap: anywhere;
}

.footer-section .footer-links {
  padding-inline: 0 !important;
}

.footer-section ul li a {
  color: var(--ink-soft);
  text-decoration: none;
  transition: color 180ms ease;
}

.footer-section ul li a:hover {
  color: var(--accent-bright);
}

.footer-section .social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.footer-section .social-links a {
  display: inline-grid;
  width: 38px;
  height: 38px;
  margin: 0;
  place-items: center;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--ink-soft);
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.footer-section .social-links a:hover {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--glass-line));
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-bright);
  transform: translateY(-2px);
}

.footer-section .social-links a i {
  color: currentColor;
  font-size: 0.85rem;
}

.footer-section .footer-newsletter .input-box {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px;
  gap: 0;
  align-items: stretch;
  box-sizing: border-box;
  height: 50px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--radius-control);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 16px 42px var(--shadow);
}

.footer-section .footer-newsletter .input-box .form-control,
.footer-section .footer-newsletter .input-box .form-control:focus {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0 16px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink);
  font-size: 0.82rem;
  box-shadow: none;
}

.footer-section .footer-newsletter .input-box .form-control::placeholder {
  color: var(--ink-soft);
  opacity: 0.8;
}

.footer-section .footer-newsletter .input-box .btn-action-icon {
  position: static;
  display: grid;
  width: 100%;
  height: 100%;
  margin: 0;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: var(--accent-bright);
  color: var(--accent-ink);
  transition: transform 180ms ease, filter 180ms ease;
}

.footer-section .footer-newsletter .input-box .btn-action-icon:hover {
  filter: brightness(1.08);
  transform: rotate(-4deg) translateY(-1px);
}

.footer-section .footer-newsletter .input-box .btn-action-icon:active {
  transform: translateY(1px) scale(0.97);
}

.footer-section .footer-newsletter .input-box .btn-action-icon i {
  color: var(--accent-ink);
  font-size: 0.82rem;
}

.footer-section .copyright {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 25px 0 27px;
  margin: clamp(56px, 7vw, 86px) 0 0;
  border-top: 1px solid var(--line);
  color: var(--ink-soft);
  font-size: 0.73rem;
}

.footer-section .copyright .language {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 15px;
  justify-content: flex-end;
  justify-self: end;
  text-align: right !important;
}

.footer-section .copyright a {
  margin: 0;
  color: var(--ink-soft);
  text-decoration: none;
}

.footer-section .copyright a:hover {
  color: var(--accent-bright);
}

[dir="rtl"] .bidx-banner-inner {
  align-items: flex-end;
}

[dir="rtl"] .banner-section .breadcrumb {
  justify-content: flex-end;
}

[dir="rtl"] .banner-section .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding: 0 0 0 0.5rem;
}

[dir="rtl"] .footer-section .copyright .language {
  justify-content: flex-start;
  justify-self: start;
  text-align: left !important;
}

@media (max-width: 1200px) {
  .navbar .bidx-shell-nav {
    gap: 12px;
  }

  .navbar .main-nav .nav-link {
    padding-inline: 10px;
  }

  .footer-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  nav.navbar.fixed-top.bidx-glass {
    top: 10px;
    width: calc(100% - 32px);
    min-height: 62px;
    padding: 8px;
  }

  .navbar .bidx-shell-nav {
    display: flex;
    gap: 10px;
  }

  .navbar .bidx-brand {
    min-width: 0;
    flex: 0 1 auto;
  }

  .bidx-header-actions {
    flex: 0 0 auto;
    margin-inline-start: auto;
  }

  .navbar .main-nav.collapse,
  .navbar .main-nav.collapsing {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: 0;
    width: 100%;
    padding: 9px;
    border: 1px solid var(--glass-line);
    border-radius: 20px;
    background: var(--glass-strong);
    box-shadow: 0 18px 50px var(--shadow);
  }

  .navbar .main-nav.collapse:not(.show) {
    display: none !important;
  }

  .navbar .main-nav.collapse.show,
  .navbar .main-nav.collapsing {
    display: block !important;
  }

  .navbar .main-nav .navbar-nav {
    align-items: stretch;
    max-height: calc(100dvh - 104px);
    overflow-y: auto;
  }

  .navbar .main-nav .nav-link {
    padding: 11px 13px;
  }

  .navbar .main-nav .dropdown-menu {
    position: static;
    margin: 2px 0 7px;
    box-shadow: none;
  }

  .navbar .navbar-toggler {
    display: grid !important;
  }
}

@media (max-width: 640px) {
  nav.navbar.fixed-top.bidx-glass {
    width: calc(100% - 20px);
  }

  .bidx-brand-name {
    max-width: 22vw;
  }

  .navbar .header-cta {
    min-height: 44px;
    padding: 9px 13px;
  }

  .navbar .header-cta i {
    display: none;
  }

  .banner-section {
    min-height: 360px;
    padding: 142px 0 58px;
  }

  .banner-section .bidx-banner-title {
    margin-bottom: 22px;
    font-size: clamp(2.5rem, 13vw, 3.7rem);
  }

  .bidx-breadcrumb {
    padding: 7px 12px;
  }

  .footer-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .footer-section .footer-brand .company-bio {
    max-width: 48ch;
  }

  .footer-section .copyright {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .footer-section .copyright .language {
    justify-self: end;
  }

  [dir="rtl"] .footer-section .copyright .language {
    justify-self: start;
  }
}

@media (max-width: 420px) {
  .bidx-brand-name {
    display: none;
  }

  .bidx-header-actions {
    gap: 10px;
  }

  .navbar .header-cta {
    padding-inline: 12px;
  }

  .banner-section .breadcrumb-item,
  .banner-section .breadcrumb-item a {
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-transparency: reduce) {
  nav.navbar.fixed-top.bidx-glass,
  .bidx-breadcrumb,
  .footer-section .input-box {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* ---------- sections: hero / about / how it works / investment ---------- */

.bidx-section-kicker {
  margin: 0 0 18px !important;
  color: var(--accent-bright) !important;
  font-size: 0.76rem;
  font-weight: 760;
  letter-spacing: 0.15em;
  line-height: 1.5;
  text-transform: uppercase;
}

.bidx-section-heading {
  max-width: 760px;
  margin: 0;
  text-align: start;
}

.bidx-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.6rem, 5.5vw, 5.8rem);
  font-weight: 590;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.bidx-section-heading h2 :is(span, strong),
.bidx-hero-copy h1 :is(span, strong) {
  color: var(--accent-bright) !important;
}

/* Full-height film stage with the admin-managed background image. */
.home-section.bidx-film-hero {
  position: relative;
  height: auto;
  min-height: 100dvh;
  padding: 0;
  overflow: hidden;
  background: var(--page-deep);
  isolation: isolate;
}

.home-section.bidx-film-hero::before {
  inset: 0;
  width: auto;
  height: auto;
  z-index: -2 !important;
}

.home-section.bidx-film-hero::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 18%, rgb(2 9 5 / 0.2) 52%, rgb(2 9 5 / 0.88) 100%),
    linear-gradient(0deg, rgb(2 8 4 / 0.42), transparent 32%);
  content: "";
  pointer-events: none;
  z-index: -1;
}

[dir="rtl"] .home-section.bidx-film-hero::after,
.rtl .home-section.bidx-film-hero::after {
  background:
    linear-gradient(270deg, transparent 18%, rgb(2 9 5 / 0.2) 52%, rgb(2 9 5 / 0.88) 100%),
    linear-gradient(0deg, rgb(2 8 4 / 0.42), transparent 32%);
}

.bidx-hero-shell {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 100dvh;
  gap: clamp(28px, 5vw, 62px);
  align-content: end;
  padding-block: clamp(126px, 16vh, 190px) clamp(30px, 6vh, 72px);
}

.home-section .text-box.bidx-hero-copy {
  width: min(650px, 100%);
  padding: clamp(28px, 4.2vw, 56px);
  justify-self: end;
  text-align: start;
}

.home-section .text-box.bidx-hero-copy h1 {
  max-width: 11ch;
  margin: 0;
  color: var(--ink);
  font-size: clamp(3rem, 6.3vw, 6.8rem);
  font-weight: 590;
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.bidx-hero-actions {
  margin-top: 30px !important;
}

.bidx-hero-actions .btn-custom {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  text-decoration: none;
}

.home-section .countings.bidx-signal-strip {
  display: grid !important;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  padding: 10px !important;
  float: none !important;
  text-align: start;
}

.home-section .countings .box.bidx-signal-cell {
  display: flex;
  width: auto !important;
  min-width: 0;
  min-height: 112px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  margin: 0 !important;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ink) 3%, transparent);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.home-section .countings .box.bidx-signal-cell h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: clamp(1.45rem, 2.4vw, 2.35rem);
  font-variant-numeric: tabular-nums;
  font-weight: 620;
  letter-spacing: -0.045em;
  line-height: 1;
}

.home-section .countings .box.bidx-signal-cell h5 {
  order: -1;
  margin: 0 0 18px;
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-weight: 730;
  letter-spacing: 0.12em;
  line-height: 1.45;
  text-transform: uppercase;
}

/* Editorial two-column model section. */
.about-section.bidx-about-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 36%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 26rem),
    var(--page);
}

.bidx-about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(44px, 8vw, 128px);
  align-items: center;
}

.about-section .bidx-about-media {
  min-width: 0;
  padding-inline: 0 !important;
}

.about-section .img-box.bidx-glass {
  position: relative;
  min-height: 560px;
  padding: 14px;
  margin: 0;
  overflow: hidden;
  float: none;
}

.about-section .img-box.bidx-glass::after {
  position: absolute;
  inset: 14px;
  border-radius: calc(var(--radius-panel) - 9px);
  background: linear-gradient(0deg, rgb(2 8 4 / 0.54), transparent 44%);
  content: "";
  pointer-events: none;
}

.about-section .img-box.bidx-glass img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 532px;
  aspect-ratio: auto;
  border-radius: calc(var(--radius-panel) - 9px);
  object-fit: cover;
}

.bidx-about-copy {
  min-width: 0;
}

.bidx-about-copy .header-text {
  margin-bottom: 28px !important;
}

.bidx-about-copy > p {
  max-width: 62ch;
  margin: 0;
  color: var(--ink-soft) !important;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.75;
  text-wrap: pretty;
}

.bidx-about-copy > .btn-custom {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  padding: 12px 22px;
  margin-top: 30px !important;
  text-decoration: none;
}

/* Connected process track. */
.how-it-work.bidx-how-section {
  position: relative;
  padding: clamp(96px, 12vw, 170px) 0;
  overflow: hidden;
  background: var(--page-deep);
}

.bidx-how-intro {
  display: grid;
  grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
  gap: clamp(38px, 7vw, 100px);
  align-items: center;
  margin-bottom: clamp(52px, 8vw, 92px);
}

.how-it-work .bidx-how-intro .img-box {
  min-height: 350px;
  padding: 12px;
  margin: 0;
  overflow: hidden;
  float: none;
}

.how-it-work .bidx-how-intro .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 326px;
  aspect-ratio: auto;
  border-radius: calc(var(--radius-panel) - 10px);
  object-fit: cover;
}

.bidx-process-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
}

.bidx-process-track::before {
  position: absolute;
  top: 42px;
  inset-inline: 0;
  height: 1px;
  background: var(--line);
  content: "";
}

.how-it-work .process-box.bidx-glass {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 290px;
  flex-direction: column;
  padding: 26px;
  margin: 0;
}

.how-it-work .process-box.bidx-glass::before,
.how-it-work .process-box.bidx-glass::after {
  display: none;
}

.bidx-process-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 52px;
}

.bidx-process-ordinal {
  color: var(--accent-bright);
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-variant-numeric: tabular-nums;
  font-weight: 540;
  letter-spacing: -0.06em;
  line-height: 1;
}

.bidx-process-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 9%, var(--page-deep));
  color: var(--accent-bright);
}

.bidx-process-icon i {
  color: currentColor;
  font-size: 1rem;
}

.how-it-work .process-box.bidx-glass h4 {
  margin: auto 0 12px;
  color: var(--ink);
  font-size: 1.18rem;
  font-weight: 670;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.how-it-work .process-box.bidx-glass p {
  margin: 0;
  color: var(--ink-soft) !important;
  font-size: 0.9rem;
  line-height: 1.65;
  text-wrap: pretty;
}

/* Plan allocation grid. */
.pricing-section.bidx-pricing-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 24rem),
    var(--page);
}

.bidx-pricing-heading {
  margin-bottom: clamp(48px, 7vw, 78px);
}

.bidx-pricing-heading > p {
  max-width: 62ch;
  margin: 24px 0 0 !important;
  color: var(--ink-soft) !important;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.7;
  text-align: start;
}

.bidx-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 18px;
  align-items: stretch;
}

.bidx-plan-cell {
  display: flex;
  min-width: 0;
}

.pricing-section .pricing-box.bidx-glass {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 520px;
  flex-direction: column;
  padding: clamp(28px, 3vw, 42px);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.pricing-section .pricing-box.bidx-glass:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, var(--glass-line));
  transform: translateY(-4px);
}

.pricing-section .pricing-box.bidx-plan-featured {
  border-color: var(--accent) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow), 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}

.pricing-section .pricing-box.bidx-glass > h4 {
  min-height: 2.5em;
  margin: 0 0 32px;
  color: var(--ink-soft);
  font-size: 0.76rem;
  font-weight: 730;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
}

.pricing-section .pricing-box.bidx-glass > h2 {
  margin: 0 0 18px;
  overflow-wrap: anywhere;
  color: var(--accent-bright) !important;
  font-size: clamp(3rem, 5vw, 5.4rem);
  font-variant-numeric: tabular-nums;
  font-weight: 550;
  letter-spacing: -0.075em;
  line-height: 0.88;
}

.pricing-section .pricing-box.bidx-glass > h6 {
  min-height: 3em;
  margin: 0;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.5;
}

.pricing-section .pricing-box.bidx-glass ul,
.rtl .pricing-section .pricing-box.bidx-glass ul {
  display: grid;
  gap: 0;
  padding: 26px 0 0;
  margin: 30px 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.pricing-section .pricing-box.bidx-glass ul li {
  position: relative;
  padding-block: 12px;
  padding-inline: 22px 0;
  margin: 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink-soft);
  font-size: 0.84rem;
  line-height: 1.55;
}

.pricing-section .pricing-box.bidx-glass ul li::before {
  position: absolute;
  top: 18px;
  inset-inline-start: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  content: "";
}

.pricing-section .pricing-box.bidx-glass ul li span {
  padding: 3px 7px;
  border-radius: var(--radius-control);
  background: color-mix(in srgb, var(--accent) 13%, transparent) !important;
  color: var(--accent-bright);
  font-size: 0.7rem;
  font-weight: 700;
}

.pricing-section .pricing-box.bidx-glass > .investNow {
  min-height: 50px;
  padding: 13px 20px;
  margin-top: auto;
}

@media (max-width: 1024px) {
  .bidx-about-layout,
  .bidx-how-intro {
    grid-template-columns: 1fr;
  }

  .about-section .img-box.bidx-glass {
    min-height: 480px;
  }

  .about-section .img-box.bidx-glass img {
    min-height: 452px;
  }

  .bidx-how-intro .bidx-section-heading {
    max-width: 820px;
  }
}

@media (max-width: 767px) {
  .bidx-section-heading h2 {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }

  .home-section.bidx-film-hero::after {
    background:
      linear-gradient(0deg, rgb(2 9 5 / 0.94) 0%, rgb(2 9 5 / 0.34) 62%, transparent 88%),
      linear-gradient(90deg, rgb(2 9 5 / 0.14), transparent);
  }

  .bidx-hero-shell {
    gap: 16px;
    align-content: center;
    padding-block: 96px calc(24px + env(safe-area-inset-bottom));
  }

  .home-section .text-box.bidx-hero-copy {
    padding: 22px;
  }

  .home-section .text-box.bidx-hero-copy .bidx-section-kicker {
    margin-bottom: 12px !important;
  }

  .home-section .text-box.bidx-hero-copy h1 {
    max-width: 12ch;
    font-size: clamp(2.25rem, 10.5vw, 3rem);
    line-height: 0.94;
  }

  .bidx-hero-actions {
    margin-top: 18px !important;
  }

  .bidx-hero-actions .btn-custom {
    min-height: 46px;
    padding: 11px 20px;
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings.bidx-signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px !important;
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings .box.bidx-signal-cell {
    min-height: 72px;
    padding: 11px 12px;
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings .box.bidx-signal-cell h3 {
    font-size: clamp(1.1rem, 5vw, 1.45rem);
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings .box.bidx-signal-cell h5 {
    margin-bottom: 8px;
    font-size: 0.58rem;
    line-height: 1.25;
  }

  .about-section.bidx-about-section,
  .how-it-work.bidx-how-section,
  .pricing-section.bidx-pricing-section {
    padding: 88px 0 104px;
  }

  .bidx-about-layout,
  .bidx-how-intro {
    gap: 34px;
  }

  .about-section .img-box.bidx-glass,
  .how-it-work .bidx-how-intro .img-box {
    min-height: 280px;
  }

  .about-section .img-box.bidx-glass img,
  .how-it-work .bidx-how-intro .img-box img {
    min-height: 252px;
  }

  .bidx-process-track {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-inline-start: 28px;
  }

  .bidx-process-track::before {
    top: 0;
    bottom: 0;
    inset-inline-start: 13px;
    inset-inline-end: auto;
    width: 1px;
    height: auto;
  }

  .how-it-work .process-box.bidx-glass {
    min-height: 250px;
    padding: 24px;
  }

  .how-it-work .process-box.bidx-glass::before {
    position: absolute;
    top: 34px;
    inset-inline-start: -22px;
    display: block;
    width: 11px;
    height: 11px;
    border: 3px solid var(--page-deep);
    border-radius: 50%;
    background: var(--accent);
    box-shadow: none;
    content: "";
  }

  .bidx-process-meta {
    margin-bottom: 38px;
  }

  .bidx-pricing-heading {
    margin-bottom: 42px;
  }
}

@media (max-width: 430px) {
  .home-section.bidx-film-hero .bidx-hero-shell > .countings.bidx-signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 6px !important;
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings .box.bidx-signal-cell {
    min-height: 64px;
    padding: 8px 10px;
  }

  .home-section.bidx-film-hero .bidx-hero-shell > .countings .box.bidx-signal-cell:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .pricing-section .pricing-box.bidx-glass {
    min-height: 0;
    padding: 26px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-section .pricing-box.bidx-glass:hover,
  .bidx-hero-actions .btn-custom:hover,
  .bidx-about-copy > .btn-custom:hover {
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .bidx-hero-copy,
  .bidx-signal-strip,
  .about-section .img-box.bidx-glass,
  .how-it-work .img-box.bidx-glass,
  .how-it-work .process-box.bidx-glass,
  .pricing-section .pricing-box.bidx-glass {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* ---------- sections: stats / commitments / investors / flows / referrals ---------- */

.statistics_area.bidx-stat-section {
  position: relative;
  padding: clamp(72px, 9vw, 118px) 0;
  overflow: hidden;
  background: var(--page-deep);
}

.bidx-stat-band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  padding: 10px;
  overflow: hidden;
}

.bidx-stat-cell {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 174px;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: end;
  padding: clamp(22px, 3vw, 34px);
}

.bidx-stat-cell:not(:last-child)::after {
  position: absolute;
  inset-block: 20px;
  inset-inline-end: 0;
  width: 1px;
  background: var(--line);
  content: "";
}

.bidx-stat-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  align-self: start;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.bidx-stat-icon img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.bidx-stat-copy {
  min-width: 0;
}

.bidx-stat-copy h6 {
  margin: 0 0 14px;
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-weight: 740;
  letter-spacing: 0.13em;
  line-height: 1.5;
  text-transform: uppercase;
}

.bidx-stat-copy h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: clamp(2.25rem, 4.3vw, 4.8rem);
  font-variant-numeric: tabular-nums;
  font-weight: 570;
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.feature-section.bidx-why-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 20%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 26rem),
    var(--page);
}

.bidx-why-heading,
.bidx-investor-heading,
.bidx-flow-heading {
  margin-bottom: clamp(48px, 7vw, 78px);
}

.bidx-why-heading h3,
.bidx-investor-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.6rem, 5.5vw, 5.8rem);
  font-weight: 590;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.bidx-why-heading h3 :is(span, strong),
.bidx-investor-heading h3 :is(span, strong) {
  color: var(--accent-bright) !important;
}

.bidx-why-heading > p,
.bidx-investor-heading > p,
.bidx-flow-heading > p,
.bidx-referral-copy .header-text > p {
  max-width: 62ch;
  margin: 24px 0 0 !important;
  color: var(--ink-soft) !important;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.7;
  text-align: start;
  text-wrap: pretty;
}

.bidx-commitment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.feature-section .feature-box.bidx-commitment-card {
  display: flex;
  min-width: 0;
  min-height: 320px;
  flex-direction: column;
  padding: clamp(26px, 3.2vw, 42px);
  transition: border-color 180ms ease, transform 180ms ease;
}

.feature-section .feature-box.bidx-commitment-card:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, var(--glass-line));
  transform: translateY(-4px);
}

.bidx-commitment-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 58px;
}

.bidx-commitment-ordinal {
  color: var(--accent-bright);
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  letter-spacing: 0.14em;
}

.feature-section .bidx-commitment-card .icon-box {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 9%, var(--page-deep));
}

.feature-section .bidx-commitment-card .icon-box img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.feature-section .bidx-commitment-card .icon-box i {
  color: var(--accent-bright);
  font-size: 1.35rem;
  line-height: 1;
}

.feature-section .bidx-commitment-card .text-box,
.rtl .feature-section .bidx-commitment-card .text-box {
  width: auto;
  min-width: 0;
  padding: 0;
  margin-top: auto;
}

.feature-section .bidx-commitment-card h4 {
  padding: 0;
  margin: 0 0 14px;
  border: 0;
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.feature-section .bidx-commitment-card p {
  max-width: 54ch;
  margin: 0;
  color: var(--ink-soft) !important;
  font-size: 0.92rem;
  line-height: 1.68;
  text-wrap: pretty;
}

.top-investor.bidx-investor-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  margin-top: 0;
  overflow: hidden;
  background: var(--page-deep);
}

.top-investor.bidx-investor-section::before {
  display: none;
}

.top-investor .investor-wrapper.bidx-investor-list {
  padding: 10px;
  overflow: hidden;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.bidx-investor-list .owl-stage {
  display: flex;
}

.bidx-investor-list .owl-item {
  display: flex;
  min-width: 0;
}

.bidx-investor-list .owl-item:not(:last-child) {
  border-inline-end: 1px solid var(--line);
}

.top-investor .investor-wrapper .investor-box.bidx-investor-row {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 174px;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 24px;
  border-radius: 0;
  overflow: visible;
  text-align: start;
}

.top-investor .bidx-investor-row .img-box {
  width: 52px;
  height: 52px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}

.top-investor .bidx-investor-row .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
}

.top-investor .bidx-investor-row .text-box {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 18px;
  align-items: center;
}

.top-investor .bidx-investor-row .text-box h4,
.top-investor .bidx-investor-row .text-box h5,
.top-investor .bidx-investor-row .text-box h6 {
  margin: 0;
  color: var(--ink);
  text-align: start;
}

.top-investor .bidx-investor-row .text-box h5 {
  overflow: hidden;
  font-size: 0.94rem;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top-investor .bidx-investor-row .text-box h6.title {
  margin-top: 5px;
  color: var(--ink-soft);
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.top-investor .bidx-investor-row .text-box h4.bidx-investor-amount {
  color: var(--accent-bright);
  font-family: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;
  font-size: 0.84rem;
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: -0.025em;
  line-height: 1.45;
  text-align: end;
}

.bidx-investor-amount span {
  display: block;
  margin-bottom: 4px;
  color: var(--ink-soft);
  font-family: Poppins, sans-serif;
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.latest-transaction.bidx-flow-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  margin-top: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 70%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28rem),
    var(--page);
}

.latest-transaction.bidx-flow-section::before {
  display: none;
}

.bidx-flow-heading h2,
.bidx-referral-copy .header-text h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.6rem, 5.5vw, 5.8rem);
  font-weight: 590;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.bidx-flow-heading h2 :is(span, strong),
.bidx-referral-copy .header-text h2 :is(span, strong) {
  color: var(--accent-bright) !important;
}

.bidx-flow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.latest-transaction .transaction-wrapper.bidx-flow-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.bidx-flow-panel-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border-bottom: 1px solid var(--line);
}

.bidx-flow-title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

.bidx-flow-icon,
.bidx-referral-panel-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  color: var(--accent-bright);
}

.bidx-flow-icon i,
.bidx-referral-panel-icon i {
  color: currentColor;
  font-size: 0.9rem;
}

.bidx-flow-label {
  display: block;
  margin-bottom: 5px;
  color: var(--accent-bright);
  font-size: 0.64rem;
  font-weight: 740;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.bidx-flow-title h3,
.bidx-referral-panel-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 650;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.bidx-flow-cta,
.bidx-referral-cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 10px 17px;
  flex: 0 0 auto;
  font-size: 0.78rem;
  text-decoration: none;
}

.latest-transaction .transaction-wrapper .bidx-data-list {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.latest-transaction .bidx-data-list .table,
.latest-transaction .bidx-data-list .table tbody {
  width: 100%;
}

.latest-transaction .bidx-data-list .table tr td span.currency {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.latest-transaction .bidx-data-list .table tr td span.currency img {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 11px;
  object-fit: cover;
}

.referral-section.bidx-referral-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background: var(--page-deep);
}

.referral-section.bidx-referral-section::after {
  display: none;
}

.bidx-referral-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: center;
}

.bidx-referral-copy {
  min-width: 0;
}

.bidx-referral-cta {
  margin-top: 32px;
}

.bidx-referral-panel {
  min-width: 0;
  padding: 12px clamp(20px, 3vw, 34px);
}

.bidx-referral-panel-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0 26px;
  border-bottom: 1px solid var(--line);
}

.referral-section .referral-box.bidx-referral-step {
  display: grid;
  min-width: 0;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: start;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.referral-section .referral-box.bidx-referral-step:last-child {
  border-bottom: 0;
}

.bidx-referral-step-number {
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  letter-spacing: 0.13em;
}

.bidx-referral-step-copy {
  min-width: 0;
}

.referral-section .bidx-referral-step .level {
  margin: 0;
  color: var(--ink);
  font-size: 0.98rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.referral-section .bidx-referral-step .level .text-stroke {
  background: none;
  color: var(--ink);
  font-size: inherit;
  font-weight: inherit;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
}

.bidx-referral-step-copy p {
  max-width: 46ch;
  margin: 6px 0 0;
  color: var(--ink-soft) !important;
  font-size: 0.76rem;
  line-height: 1.55;
}

.referral-section .bidx-referral-step > h3.text-primary {
  margin: 0;
  color: var(--accent-bright) !important;
  font-family: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: -0.04em;
  text-align: end;
}

@media (max-width: 1100px) {
  .bidx-flow-grid,
  .bidx-referral-layout {
    grid-template-columns: 1fr;
  }

  .bidx-referral-layout {
    gap: 48px;
  }
}

@media (max-width: 767px) {
  .statistics_area.bidx-stat-section,
  .feature-section.bidx-why-section,
  .top-investor.bidx-investor-section,
  .latest-transaction.bidx-flow-section,
  .referral-section.bidx-referral-section {
    padding: 88px 0 104px;
  }

  .bidx-stat-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
  }

  .bidx-stat-cell {
    min-height: 148px;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 20px;
  }

  .bidx-stat-cell::after,
  .bidx-stat-cell:not(:last-child)::after {
    inset: auto 12px 0;
    width: auto;
    height: 1px;
  }

  .bidx-stat-cell:nth-child(odd)::before {
    position: absolute;
    inset-block: 12px;
    inset-inline-end: 0;
    width: 1px;
    background: var(--line);
    content: "";
  }

  .bidx-stat-cell:last-child::after,
  .bidx-stat-cell:nth-last-child(2):nth-child(odd)::after,
  .bidx-stat-cell:nth-child(odd):last-child::before {
    display: none;
  }

  .bidx-stat-copy h3 {
    font-size: clamp(1.8rem, 9vw, 2.75rem);
  }

  .bidx-why-heading h3,
  .bidx-investor-heading h3,
  .bidx-flow-heading h2,
  .bidx-referral-copy .header-text h2 {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }

  .bidx-commitment-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .feature-section .feature-box.bidx-commitment-card {
    min-height: 276px;
    padding: 26px;
  }

  .bidx-commitment-meta {
    margin-bottom: 44px;
  }

  .top-investor .investor-wrapper.bidx-investor-list {
    padding: 8px;
  }

  .top-investor .investor-wrapper .investor-box.bidx-investor-row {
    min-height: 156px;
    padding: 20px;
  }

  .bidx-flow-panel-head {
    padding: 20px;
  }

  .latest-transaction .bidx-data-list .table,
  .latest-transaction .bidx-data-list .table tbody {
    display: block;
    width: 100%;
  }

  .latest-transaction .bidx-data-list .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .latest-transaction .bidx-data-list .table tr {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "name amount"
      "gateway date";
    gap: 6px 18px;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid var(--line);
  }

  .latest-transaction .bidx-data-list .table tr:last-child {
    border-bottom: 0;
  }

  .latest-transaction .bidx-data-list .table tr td {
    min-width: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    color: var(--ink-soft);
    font-size: 0.75rem;
    line-height: 1.45;
    text-transform: none;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(1) {
    grid-area: name;
    color: var(--ink);
    font-size: 0.88rem;
    font-weight: 610;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(2) {
    grid-area: amount;
    color: var(--accent-bright);
    font-family: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
    font-weight: 720;
    letter-spacing: -0.025em;
    text-align: end;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(3) {
    grid-area: gateway;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(4) {
    grid-area: date;
    font-variant-numeric: tabular-nums;
    text-align: end;
  }

  .latest-transaction .bidx-data-list .table tr {
    padding: 17px 20px;
  }

  .bidx-referral-panel {
    padding-inline: 20px;
  }
}

@media (max-width: 480px) {
  .bidx-stat-cell {
    padding: 16px;
  }

  .bidx-stat-icon {
    width: 38px;
    height: 38px;
  }

  .bidx-stat-copy h6 {
    font-size: 0.6rem;
    letter-spacing: 0.1em;
  }

  .top-investor .investor-wrapper .investor-box.bidx-investor-row {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 14px;
  }

  .top-investor .bidx-investor-row .img-box {
    width: 46px;
    height: 46px;
  }

  .top-investor .bidx-investor-row .text-box {
    grid-template-columns: 1fr;
  }

  .top-investor .bidx-investor-row .text-box h4.bidx-investor-amount {
    margin-top: 7px;
    text-align: start;
  }

  .bidx-investor-amount span {
    display: inline;
    margin: 0 6px 0 0;
  }

  [dir="rtl"] .bidx-investor-amount span,
  .rtl .bidx-investor-amount span {
    margin: 0 0 0 6px;
  }

  .bidx-flow-panel-head {
    align-items: stretch;
    flex-direction: column;
  }

  .bidx-flow-cta {
    width: 100%;
  }

  .latest-transaction .bidx-data-list .table tr {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "name"
      "amount"
      "gateway"
      "date";
    gap: 7px;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(2),
  .latest-transaction .bidx-data-list .table tr td:nth-child(4) {
    text-align: start;
  }

  .latest-transaction .bidx-data-list .table tr td:nth-child(2) {
    margin: 2px 0 4px;
  }

  .referral-section .referral-box.bidx-referral-step {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
  }

  .referral-section .bidx-referral-step > h3.text-primary {
    grid-column: 2;
    text-align: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feature-section .feature-box.bidx-commitment-card:hover,
  .bidx-flow-cta:hover,
  .bidx-referral-cta:hover {
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .bidx-stat-band,
  .feature-section .feature-box.bidx-commitment-card,
  .top-investor .investor-wrapper.bidx-investor-list,
  .latest-transaction .transaction-wrapper.bidx-flow-panel,
  .bidx-referral-panel {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* ---------- sections: testimonials / blog / faq / contact / payment (B3c) ---------- */

.testimonial-section.bidx-testimonial-section {
  position: relative;
  z-index: 1;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 34%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 27rem),
    var(--page);
}

.testimonial-section.bidx-testimonial-section::after {
  display: none;
}

.bidx-testimonial-section > .overlay {
  padding: 0;
  background: transparent;
}

.bidx-testimonial-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.66fr) minmax(0, 1.34fr);
  gap: clamp(42px, 8vw, 116px);
  align-items: center;
}

.testimonial-section .header-text.bidx-testimonial-heading {
  width: auto;
  max-width: 520px;
  padding: 0;
}

.bidx-testimonial-heading h3,
.bidx-blog-heading h2,
.bidx-faq-heading h3,
.bidx-contact-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.6rem, 5.5vw, 5.8rem);
  font-weight: 590;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.bidx-testimonial-heading h3 :is(span, strong),
.bidx-blog-heading h2 :is(span, strong),
.bidx-faq-heading h3 :is(span, strong),
.bidx-contact-heading h3 :is(span, strong) {
  color: var(--accent-bright) !important;
}

.bidx-testimonial-wrapper,
.bidx-testimonial-carousel {
  min-width: 0;
}

.bidx-testimonial-carousel .owl-stage {
  display: flex;
}

.testimonial-section .bidx-testimonial-carousel .owl-item {
  display: flex;
  min-width: 0;
  padding: 10px;
}

.testimonial-section .review-box.bidx-review-card {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 350px;
  padding: clamp(26px, 3vw, 38px);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  transition: border-color 180ms ease, transform 180ms ease;
}

.testimonial-section .review-box.bidx-review-card:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, var(--glass-line));
  transform: translateY(-4px);
}

.bidx-review-copy {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}

.testimonial-section .bidx-review-card .quote {
  width: 38px;
  height: 38px;
  margin: 0 0 30px;
  object-fit: contain;
  opacity: 0.88;
}

.testimonial-section .bidx-review-card p.bidx-review-quote {
  max-width: 56ch;
  margin: 0;
  color: var(--ink-soft) !important;
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  font-style: normal;
  line-height: 1.72;
  text-wrap: pretty;
}

.testimonial-section .bidx-review-card .user-box.bidx-review-attribution {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 24px;
  margin-top: auto;
  border-top: 1px solid var(--line);
}

.testimonial-section .bidx-review-attribution .img {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}

.testimonial-section .bidx-review-attribution .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
}

.testimonial-section .bidx-review-attribution > .text {
  width: auto;
  min-width: 0;
  padding: 0;
}

.testimonial-section .bidx-review-attribution h5 {
  margin: 0 0 5px;
  color: var(--ink);
  font-size: 0.94rem;
  font-weight: 660;
  letter-spacing: -0.02em;
}

.testimonial-section .bidx-review-attribution h6.title {
  margin: 0;
  color: var(--accent-bright);
  font-size: 0.66rem;
  font-weight: 720;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}

.testimonial-section .bidx-testimonial-carousel .owl-nav,
.rtl .testimonial-section .bidx-testimonial-carousel .owl-nav {
  position: static;
  display: flex !important;
  justify-content: flex-end;
  gap: 10px;
  margin: 16px 10px 0;
}

.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-next,
.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-prev {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  margin: 0;
  border: 1px solid var(--line) !important;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 10%, transparent) !important;
  color: var(--accent-bright) !important;
}

.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-next:hover,
.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-prev:hover {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
}

.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-next span::before,
.testimonial-section .bidx-testimonial-carousel .owl-nav .owl-prev span::before {
  color: currentColor;
}

.testimonial-section .bidx-testimonial-carousel .owl-dots {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  padding-inline: 12px;
  margin-top: 16px;
}

.testimonial-section .bidx-testimonial-carousel .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  margin: 0;
}

.testimonial-section .bidx-testimonial-carousel .owl-dots .owl-dot.active {
  width: 24px;
}

.blog-section.bidx-blog-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 24%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28rem),
    var(--page-deep);
}

.bidx-blog-heading {
  margin-bottom: clamp(48px, 7vw, 78px);
}

.bidx-blog-heading > p,
.bidx-faq-heading > p,
.bidx-contact-heading > p {
  max-width: 62ch;
  margin: 24px 0 0 !important;
  color: var(--ink-soft) !important;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.7;
  text-align: start;
  text-wrap: pretty;
}

.bidx-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.blog-section .blog-box.bidx-blog-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 10px;
  overflow: hidden;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  transition: border-color 180ms ease, transform 180ms ease;
}

.blog-section .blog-box.bidx-blog-card:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, var(--glass-line));
  transform: translateY(-4px);
}

.blog-section .bidx-blog-card .img-box {
  border-radius: 17px;
  overflow: hidden;
  background: var(--page-deep);
}

.blog-section .bidx-blog-card .img-box img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(.16, 1, .3, 1);
}

.blog-section .bidx-blog-card:hover .img-box img {
  transform: scale(1.035);
}

.blog-section .bidx-blog-card .text-box {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 20px 22px;
}

.blog-section .bidx-blog-card .date-author {
  margin: 0 0 20px;
  font-family: inherit;
  font-size: inherit;
  text-transform: none;
}

.blog-section .bidx-blog-card .date-author span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 6px 12px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.blog-section .bidx-blog-card h4 {
  margin: 0 0 14px;
  font-size: clamp(1.15rem, 1.8vw, 1.48rem);
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1.28;
}

.blog-section .bidx-blog-card h4 a {
  color: var(--ink) !important;
  text-decoration: none;
}

.blog-section .bidx-blog-card h4 a:hover {
  color: var(--accent-bright) !important;
}

.blog-section .bidx-blog-card p {
  max-width: 54ch;
  margin: 0 0 24px;
  color: var(--ink-soft) !important;
  font-size: 0.9rem;
  line-height: 1.68;
  text-wrap: pretty;
}

.blog-section .bidx-blog-card .read-more {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  color: var(--accent-bright);
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 720;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-section .bidx-blog-card .read-more i {
  color: currentColor;
  transform: none;
  transition: transform 180ms ease;
}

.blog-section .bidx-blog-card .read-more:hover i {
  transform: translateX(4px);
}

[dir="rtl"] .blog-section .bidx-blog-card .read-more:hover i,
.rtl .blog-section .bidx-blog-card .read-more:hover i {
  transform: translateX(-4px) rotate(180deg);
}

[dir="rtl"] .blog-section .bidx-blog-card .read-more i,
.rtl .blog-section .bidx-blog-card .read-more i {
  transform: rotate(180deg);
}

.faq-section.bidx-faq-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background: var(--page);
}

.bidx-faq-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: start;
}

.bidx-faq-heading > .mail-to {
  max-width: 520px;
  padding: 24px;
  margin-top: 34px;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  color: var(--ink-soft);
  font-family: inherit;
  font-size: 0.9rem;
  line-height: 1.65;
}

.faq-section .accordion.bidx-faq-list {
  display: grid;
  min-width: 0;
  gap: 12px;
}

.faq-section .accordion-item.bidx-faq-item {
  min-width: 0;
  padding: 0 28px;
  overflow: hidden;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.faq-section .bidx-faq-item .accordion-header {
  margin: 0;
}

.faq-section .bidx-faq-item .accordion-button {
  position: relative;
  width: 100%;
  min-height: 76px;
  padding: 24px 76px 24px 0;
  border: 0 !important;
  background: transparent !important;
  color: var(--ink);
  font-size: 1.02rem;
  font-weight: 680;
  letter-spacing: -0.015em;
  line-height: 1.45;
  text-align: start;
  box-shadow: none !important;
}

.faq-section .bidx-faq-item .accordion-button::before {
  display: none;
}

.faq-section .bidx-faq-item .accordion-button::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 4px;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0;
  background: none !important;
  color: var(--accent-bright);
  content: "+";
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  opacity: 1;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 180ms ease;
}

.faq-section .bidx-faq-item .accordion-button:not(.collapsed) {
  color: var(--ink);
}

.faq-section .bidx-faq-item .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(45deg);
}

.faq-section .bidx-faq-item .accordion-button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -5px;
}

.faq-section .bidx-faq-item .accordion-button .index {
  position: absolute;
  top: 50%;
  inset-inline-end: 40px;
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.64rem;
  font-variant-numeric: tabular-nums;
  font-weight: 740;
  letter-spacing: 0.1em;
  transform: translateY(-50%);
}

.faq-section .bidx-faq-item .accordion-body {
  max-width: 62ch;
  padding: 0 0 26px;
  border: 0;
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.7;
}

.faq-section .bidx-faq-item .accordion-body :last-child {
  margin-bottom: 0;
}

[dir="rtl"] .faq-section .bidx-faq-item .accordion-button,
.rtl .faq-section .bidx-faq-item .accordion-button {
  padding: 24px 0 24px 76px;
  text-align: start;
}

.contact-section.bidx-contact-section {
  position: relative;
  padding: clamp(96px, 12vw, 180px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 72%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28rem),
    var(--page-deep);
}

.bidx-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 18px;
  align-items: stretch;
}

.bidx-contact-info-panel,
.contact-section .form-box.bidx-contact-form-panel {
  min-width: 0;
  padding: clamp(28px, 4vw, 52px);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.contact-section .header-text.bidx-contact-heading {
  margin: 0 0 46px;
}

.bidx-contact-details {
  display: grid;
}

.contact-section .info-box.bidx-contact-detail {
  display: grid;
  min-width: 0;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 20px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.contact-section .bidx-contact-detail .icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 9%, transparent);
}

.contact-section .bidx-contact-detail .icon img {
  display: block;
  width: 21px;
  height: 21px;
  object-fit: contain;
}

.contact-section .bidx-contact-detail .text,
.rtl .contact-section .bidx-contact-detail .text {
  width: auto;
  min-width: 0;
  padding: 0;
}

.contact-section .bidx-contact-detail .text h4 {
  margin: 0 0 6px;
  color: var(--accent-bright);
  font-size: 0.66rem;
  font-weight: 740;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.contact-section .bidx-contact-detail .text p {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink) !important;
  font-size: 0.9rem;
  line-height: 1.55;
}

.contact-section .info-box.bidx-contact-social {
  display: block;
  padding-bottom: 0;
  border-bottom: 0;
}

.bidx-contact-social .social-links h5 {
  margin: 0 0 16px;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.contact-section .bidx-contact-social .social-links a,
.rtl .contact-section .bidx-contact-social .social-links a {
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  margin: 0 8px 8px 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  color: var(--accent-bright);
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

[dir="rtl"] .contact-section .bidx-contact-social .social-links a,
.rtl .contact-section .bidx-contact-social .social-links a {
  margin: 0 0 8px 8px;
}

.contact-section .bidx-contact-social .social-links a:hover {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--accent-ink);
  transform: translateY(-2px);
}

.bidx-contact-form-heading {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--line);
}

.bidx-contact-form-heading .bidx-section-kicker {
  display: block;
}

.bidx-contact-form-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  font-weight: 620;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.contact-section .bidx-contact-form-panel form .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.contact-section .bidx-contact-form-panel form .input-box .form-control {
  width: 100%;
  height: 54px;
  padding: 14px 16px;
  border: 1px solid var(--line) !important;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent) !important;
  color: var(--ink);
}

.contact-section .bidx-contact-form-panel form .input-box .form-control:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);
}

.contact-section .bidx-contact-form-panel form .input-box textarea.form-control {
  height: 164px;
  min-height: 164px;
  resize: vertical;
}

.contact-section .bidx-contact-form-panel .btn-custom {
  min-height: 50px;
  margin-top: 8px;
}

.payment-gateway.bidx-payment-section {
  padding: 48px 0 clamp(96px, 10vw, 140px);
  overflow: hidden;
  background: var(--page-deep);
}

.bidx-payment-band {
  min-width: 0;
  padding: 12px;
  overflow: hidden;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.bidx-payment-carousel,
.bidx-payment-carousel .owl-stage-outer,
.bidx-payment-carousel .owl-stage,
.bidx-payment-carousel .owl-item {
  min-width: 0;
}

.bidx-payment-carousel:not(.owl-loaded) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bidx-payment-carousel:not(.owl-loaded) .bidx-payment-logo {
  flex: 1 1 110px;
}

.payment-gateway .bidx-payment-carousel .owl-item {
  padding: 4px;
}

.payment-gateway .box.bidx-payment-logo {
  display: grid;
  width: 100%;
  max-width: 132px;
  height: 72px;
  place-items: center;
  padding: 12px;
  margin: auto;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.payment-gateway .bidx-payment-logo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.58;
  transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.payment-gateway .bidx-payment-logo:hover img {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.04);
}

@media (max-width: 1100px) {
  .bidx-testimonial-layout,
  .bidx-faq-layout,
  .bidx-contact-layout {
    grid-template-columns: 1fr;
  }

  .bidx-testimonial-layout,
  .bidx-faq-layout {
    gap: 48px;
  }

  .bidx-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .testimonial-section.bidx-testimonial-section,
  .blog-section.bidx-blog-section,
  .faq-section.bidx-faq-section,
  .contact-section.bidx-contact-section {
    padding: 88px 0 104px;
  }

  .bidx-testimonial-heading h3,
  .bidx-blog-heading h2,
  .bidx-faq-heading h3,
  .bidx-contact-heading h3 {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }

  .testimonial-section .review-box.bidx-review-card {
    min-height: 330px;
    padding: 26px;
  }

  .bidx-blog-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .bidx-faq-layout {
    gap: 36px;
  }

  .bidx-contact-info-panel,
  .contact-section .form-box.bidx-contact-form-panel {
    padding: 26px;
  }
}

@media (max-width: 480px) {
  .testimonial-section .bidx-testimonial-carousel .owl-item {
    padding-inline: 4px;
  }

  .testimonial-section .review-box.bidx-review-card {
    min-height: 0;
    padding: 24px 20px;
  }

  .testimonial-section .bidx-testimonial-carousel .owl-nav,
  .rtl .testimonial-section .bidx-testimonial-carousel .owl-nav,
  .testimonial-section .bidx-testimonial-carousel .owl-dots {
    justify-content: center;
  }

  .blog-section .bidx-blog-card .text-box {
    padding: 22px 16px 20px;
  }

  .faq-section .accordion-item.bidx-faq-item {
    padding: 0 20px;
  }

  .faq-section .bidx-faq-item .accordion-button {
    min-height: 72px;
    padding: 20px 62px 20px 0;
    font-size: 0.94rem;
  }

  [dir="rtl"] .faq-section .bidx-faq-item .accordion-button,
  .rtl .faq-section .bidx-faq-item .accordion-button {
    padding: 20px 0 20px 62px;
  }

  .faq-section .bidx-faq-item .accordion-button .index {
    inset-inline-end: 34px;
  }

  .bidx-contact-info-panel,
  .contact-section .form-box.bidx-contact-form-panel {
    padding: 24px 20px;
  }

  .contact-section .info-box.bidx-contact-detail {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
  }

  .contact-section .bidx-contact-detail .icon {
    width: 42px;
    height: 42px;
  }

  .bidx-payment-band {
    padding: 8px 4px;
  }

  .payment-gateway .bidx-payment-carousel .owl-item {
    padding: 2px;
  }

  .payment-gateway .box.bidx-payment-logo {
    height: 56px;
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .testimonial-section .review-box.bidx-review-card:hover,
  .blog-section .blog-box.bidx-blog-card:hover,
  .blog-section .bidx-blog-card:hover .img-box img,
  .contact-section .bidx-contact-social .social-links a:hover,
  .payment-gateway .bidx-payment-logo:hover img {
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .testimonial-section .review-box.bidx-review-card,
  .blog-section .blog-box.bidx-blog-card,
  .bidx-faq-heading > .mail-to,
  .faq-section .accordion-item.bidx-faq-item,
  .bidx-contact-info-panel,
  .contact-section .form-box.bidx-contact-form-panel,
  .bidx-payment-band {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* ---------- legal / long-form content ---------- */

.terms_condition.bidx-legal-section {
  position: relative;
  padding: clamp(104px, 12vw, 168px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 24rem),
    var(--page-deep);
}

.bidx-legal-shell {
  width: min(100%, 1120px);
  padding: clamp(32px, 4vw, 56px);
  margin: 0 auto;
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
}

.bidx-legal-column {
  width: min(100%, 72ch);
  margin: 0 auto;
}

.privacy_policy_text.bidx-legal-body,
.privacy_policy_text.bidx-legal-body * {
  max-width: 72ch;
}

.privacy_policy_text.bidx-legal-body {
  margin: 0 !important;
  color: var(--ink-soft) !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

.bidx-legal-body .bidx-legal-entry + .bidx-legal-entry {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid var(--line);
}

.bidx-legal-body :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 1rem;
  color: var(--ink);
  font-weight: 620;
  letter-spacing: -0.03em;
  line-height: 1.14;
  text-wrap: balance;
}

.bidx-legal-body h1,
.bidx-legal-body h2 {
  font-size: clamp(1.8rem, 2.2vw, 2rem);
}

.bidx-legal-body h3,
.bidx-legal-body h4 {
  font-size: clamp(1.16rem, 1.6vw, 1.25rem);
}

.bidx-legal-body h5,
.bidx-legal-body h6 {
  font-size: 1rem;
}

.bidx-legal-body :is(p, li, dd, dt, figcaption, span) {
  color: var(--ink-soft) !important;
  line-height: 1.75;
}

.bidx-legal-body p {
  margin: 0 0 1.2rem;
  font-size: 0.98rem;
}

.bidx-legal-body :is(ul, ol) {
  padding-inline-start: 1.4rem;
  margin: 0 0 1.3rem;
}

.bidx-legal-body li + li {
  margin-top: 0.7rem;
}

.bidx-legal-body a {
  color: var(--accent-bright);
  text-decoration-color: color-mix(in srgb, var(--accent) 58%, transparent);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.bidx-legal-body a:hover {
  color: var(--accent);
}

.bidx-legal-body blockquote {
  padding: 1.1rem 0 1.1rem 1.2rem;
  margin: 1.5rem 0;
  border-inline-start: 1px solid var(--line);
  color: var(--ink);
}

.rtl .bidx-legal-body blockquote,
[dir="rtl"] .bidx-legal-body blockquote {
  padding: 1.1rem 1.2rem 1.1rem 0;
}

.bidx-legal-body :is(hr, table, th, td) {
  border-color: var(--line) !important;
}

.bidx-legal-body hr {
  margin: 1.75rem 0;
}

.bidx-legal-body table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--glass-line);
  border-radius: calc(var(--radius-panel) - 6px);
  border-collapse: separate;
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
}

.bidx-legal-body table tbody,
.bidx-legal-body table thead,
.bidx-legal-body table tfoot {
  width: 100%;
}

.bidx-legal-body th,
.bidx-legal-body td {
  padding: 0.9rem 1rem;
  color: var(--ink-soft) !important;
  vertical-align: top;
}

.bidx-legal-body th {
  color: var(--ink) !important;
}

.bidx-legal-body > :last-child,
.bidx-legal-body .bidx-legal-entry > :last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .terms_condition.bidx-legal-section {
    padding: 88px 0 104px;
  }

  .bidx-legal-shell {
    padding: 26px;
  }
}

@media (max-width: 480px) {
  .bidx-legal-shell {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .bidx-legal-body .bidx-legal-entry + .bidx-legal-entry {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .bidx-legal-shell,
  .bidx-legal-body table {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* ---------- dashboard shell ---------- */

.dashboard-shell {
  --dashboard-sidebar-width: 286px;
  --dashboard-shell-gap: 18px;
  --dashboard-bottom-nav-height: 69px;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 27rem),
    radial-gradient(circle at 18% 82%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 31rem),
    var(--page);
}

.dashboard-shell .dashboard-wrapper {
  display: block;
  min-height: 100dvh;
  padding: 0;
  overflow: clip;
}

/* Floating dashboard rail */
.dashboard-shell #sidebar {
  position: fixed;
  inset-block: 16px;
  inset-inline-start: 16px;
  display: flex;
  width: var(--dashboard-sidebar-width);
  height: auto;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
  translate: 0 0;
  transition: translate 280ms cubic-bezier(.16, 1, .3, 1);
  will-change: translate;
  z-index: 1032;
}

.dashboard-shell #sidebar .sidebar-top {
  position: relative;
  display: grid;
  gap: 14px;
  flex: 0 0 auto;
  padding: 16px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell #sidebar .bidx-sidebar-brand {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  width: min-content;
  max-width: calc(100% - 44px);
  padding: 0;
  margin: 0;
  color: var(--ink);
}

.dashboard-shell #sidebar .bidx-brand-mark {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  padding: 4px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--glass-line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 13%, var(--glass-strong));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 0 16px color-mix(in srgb, var(--accent) 22%, transparent);
}

.dashboard-shell #sidebar .bidx-brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.dashboard-shell #sidebar .bidx-brand-name {
  display: inline-block;
  max-width: 178px;
  overflow: hidden;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 750;
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #sidebar .sidebar-top .sidebar-toggler {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--ink);
}

.dashboard-shell #sidebar .level-box {
  display: flex;
  width: auto;
  height: auto;
  min-height: 68px;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 13px 15px;
  margin: 14px 16px 0;
  border-radius: 18px;
  text-align: start;
}

.dashboard-shell #sidebar .level-box .level-copy {
  min-width: 0;
}

.dashboard-shell #sidebar .level-box h4 {
  margin: 0 0 5px;
  overflow: hidden;
  font-size: 0.9rem;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #sidebar .level-box p {
  overflow: hidden;
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #sidebar .level-box .level-badge {
  position: static;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: contain;
}

/* Strongest glass surface in the rail */
.dashboard-shell #sidebar .bidx-wallet-card {
  position: relative;
  flex: 0 0 auto;
  padding: 16px;
  margin: 14px 16px 0 !important;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--glass-line));
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.2), transparent 45%),
    var(--glass-strong);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.18),
    0 18px 46px var(--shadow),
    0 0 34px color-mix(in srgb, var(--accent) 8%, transparent);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  backdrop-filter: blur(28px) saturate(150%);
}

.dashboard-shell #sidebar .wallet-box {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "wallet-title";
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.dashboard-shell #sidebar .wallet-box::before {
  display: none;
}

.dashboard-shell #sidebar .wallet-box h4 {
  grid-area: wallet-title;
  min-width: 0;
  padding-inline-end: 0;
  margin-block-end: 14px !important;
  color: var(--ink-soft);
  font-size: 0.69rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.dashboard-shell #sidebar .wallet-box h5 {
  display: grid;
  grid-column: 1 / -1;
  gap: 2px;
  margin-block-end: 11px;
  color: var(--ink-soft);
  font-size: 0.64rem;
  font-weight: 560;
  letter-spacing: 0.025em;
  line-height: 1.35;
}

.dashboard-shell #sidebar .wallet-box h5 .wallet-value {
  float: none;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.08rem, 1.45vw, 1.3rem);
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: -0.045em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #sidebar .wallet-actions {
  gap: 8px;
  margin-block-start: 14px !important;
}

.dashboard-shell #sidebar .wallet-wrapper .wallet-action {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: calc(50% - 4px);
  min-height: 36px;
  padding: 8px 9px;
  border-radius: var(--radius-control);
  font-size: 0.65rem;
  font-weight: 720;
  line-height: 1;
}

.dashboard-shell #sidebar ul.main {
  display: block;
  min-height: 0;
  flex: 1 1 auto;
  padding: 12px 12px 16px;
  margin: 12px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-color: color-mix(in srgb, var(--accent) 24%, transparent) transparent;
  scrollbar-width: thin;
}

.dashboard-shell #sidebar ul.main::-webkit-scrollbar {
  width: 4px;
}

.dashboard-shell #sidebar ul.main::-webkit-scrollbar-thumb,
.dashboard-shell #sidebar ul.main:hover::-webkit-scrollbar-thumb {
  border-radius: var(--radius-control);
  background: color-mix(in srgb, var(--accent) 24%, transparent);
}

.dashboard-shell #sidebar ul.main li {
  margin: 0;
}

.dashboard-shell #sidebar ul.main li.nav-group-start {
  padding-block-start: 10px;
  margin-block-start: 10px;
  border-block-start: 1px solid var(--line);
}

.dashboard-shell #sidebar ul.main li a {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--ink-soft);
  font-size: 0.75rem;
  font-weight: 560;
  line-height: 1.3;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.dashboard-shell #sidebar ul.main li a i {
  position: static;
  width: 20px;
  flex: 0 0 20px;
  color: var(--ink-soft);
  font-size: 0.93rem;
  text-align: center;
  transition: color 180ms ease;
}

.dashboard-shell #sidebar ul.main li a::before {
  display: none;
  content: none;
}

.dashboard-shell #sidebar ul.main li a:hover,
.dashboard-shell #sidebar ul.main li a.active {
  border-color: color-mix(in srgb, var(--accent) 18%, transparent);
  background: color-mix(in srgb, var(--accent) 11%, transparent);
  color: var(--ink);
  transform: translateY(-1px);
}

.dashboard-shell #sidebar ul.main li a:hover i,
.dashboard-shell #sidebar ul.main li a.active i {
  color: var(--accent-bright);
}

/* Floating dashboard toolbar and content canvas */
.dashboard-shell #content {
  width: calc(100% - var(--dashboard-sidebar-width) - var(--dashboard-shell-gap) - 16px);
  min-width: 0;
  min-height: 100dvh;
  margin-inline-start: auto;
  margin-inline-end: 0;
  background:
    radial-gradient(circle at 72% 10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 25rem),
    var(--page);
  transition: width 280ms cubic-bezier(.16, 1, .3, 1);
}

.dashboard-shell #content.active {
  width: 100% !important;
}

.dashboard-shell #content .overlay {
  min-height: 100dvh;
  padding: 112px 0 48px;
  background: transparent;
}

.dashboard-shell #content .dashboard-topbar {
  position: fixed;
  inset-block-start: 16px;
  inset-inline-start: calc(var(--dashboard-sidebar-width) + var(--dashboard-shell-gap) + 16px);
  inset-inline-end: 24px;
  display: block;
  width: auto;
  height: auto;
  min-height: 68px;
  padding: 8px 10px;
  margin: 0;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-control);
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 18px 50px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
  transition: inset-inline-start 280ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease;
  z-index: 1030;
}

.dashboard-shell #content.active .dashboard-topbar {
  inset-inline-start: 24px;
}

.dashboard-shell #content .dashboard-topbar.active {
  background: var(--bidx-panel-background);
}

.dashboard-shell #content .dashboard-topbar-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 0;
  margin: 0;
}

.dashboard-shell .dashboard-topbar-leading {
  display: flex;
  align-items: center;
}

.dashboard-shell #content .dashboard-topbar .sidebar-toggler,
.dashboard-shell .dashboard-mobile-brand {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--ink);
}

.dashboard-shell #content .dashboard-topbar .sidebar-toggler i {
  color: var(--ink);
}

.dashboard-shell .dashboard-mobile-brand img {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: contain;
}

.dashboard-shell .dashboard-page-heading {
  min-width: 0;
}

.dashboard-shell .dashboard-page-heading > span {
  display: block;
  margin-block-end: 1px;
  color: var(--accent-bright);
  font-size: 0.58rem;
  font-weight: 720;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.dashboard-shell .dashboard-page-heading h1 {
  margin: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1rem, 1.6vw, 1.3rem);
  font-weight: 680;
  letter-spacing: -0.035em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #content .dashboard-topbar-actions {
  position: static;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
}

.dashboard-shell #content .dashboard-topbar .notification-panel,
.dashboard-shell #content .dashboard-topbar .user-panel {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0;
}

.dashboard-shell #content .dashboard-topbar .bidx-user-panel {
  display: inline-block !important;
}

.dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle,
.dashboard-shell #content .dashboard-topbar .profile {
  position: relative;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  margin: 0;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--ink);
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle:hover,
.dashboard-shell #content .dashboard-topbar .profile:hover {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--glass-line));
  background: color-mix(in srgb, var(--accent) 11%, transparent);
  color: var(--accent-bright);
  transform: translateY(-1px);
}

.dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle i {
  color: currentColor;
  font-size: 1rem;
}

.dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle .count {
  inset-block-start: -3px;
  inset-inline-end: -2px;
  display: grid;
  min-width: 18px;
  height: 18px;
  place-items: center;
  padding-inline: 4px;
  border: 2px solid var(--page);
  border-radius: var(--radius-control);
  background: var(--accent-bright);
  color: var(--accent-ink);
  font-size: 0.58rem;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  line-height: 1;
}

.dashboard-shell #content .dashboard-topbar .profile img {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  outline: 0;
  object-fit: cover;
}

.dashboard-shell #content .dashboard-topbar .bidx-user-panel .profile {
  display: flex;
  width: auto;
  max-width: min(240px, 35vw);
  padding: 3px;
  padding-inline-start: 14px;
  border-radius: 999px;
}

.dashboard-shell #content .dashboard-topbar .bidx-user-name {
  min-width: 0;
  margin-inline-end: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown,
.dashboard-shell #content .dashboard-topbar .user-dropdown {
  inset-block-start: calc(100% + 14px);
  inset-inline-end: 0;
  width: min(320px, calc(100vw - 32px));
  padding: 7px;
  overflow: hidden;
  border: 1px solid var(--glass-line);
  border-radius: 18px;
  background: var(--glass-strong);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 22px 60px var(--shadow);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  z-index: 4;
}

.dashboard-shell #content .dashboard-topbar .user-dropdown {
  width: min(220px, calc(100vw - 32px));
}

.dashboard-shell #content .dashboard-topbar .notification-panel:hover .notification-dropdown,
.dashboard-shell #content .dashboard-topbar .notification-panel:focus-within .notification-dropdown,
.dashboard-shell #content .dashboard-topbar .user-panel:hover .user-dropdown,
.dashboard-shell #content .dashboard-topbar .user-panel:focus-within .user-dropdown {
  inset-block-start: calc(100% + 8px);
  visibility: visible;
  opacity: 1;
}

.dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-box {
  max-height: min(310px, calc(100dvh - 130px));
  padding: 0;
  margin: 0;
  overflow-y: auto;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li {
  padding: 3px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li:last-child {
  border-block-end: 0;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a,
.dashboard-shell #content .dashboard-topbar .user-dropdown li a {
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  margin: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--ink-soft);
  font-size: 0.72rem;
  transition: color 180ms ease, background-color 180ms ease;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a:hover,
.dashboard-shell #content .dashboard-topbar .notification-dropdown li a:focus,
.dashboard-shell #content .dashboard-topbar .user-dropdown li a:hover,
.dashboard-shell #content .dashboard-topbar .user-dropdown li a:focus {
  background: color-mix(in srgb, var(--accent) 11%, transparent);
  color: var(--ink);
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a > i,
.dashboard-shell #content .dashboard-topbar .user-dropdown li a > i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  padding: 0;
  margin: 0;
  border-radius: 9px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-bright);
  font-size: 0.76rem;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a .text {
  min-width: 0;
  width: auto;
  flex: 1 1 auto;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a .text p {
  margin: 0 0 3px;
  color: var(--ink);
  font-size: 0.72rem;
  line-height: 1.45;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown li a .text .time {
  color: var(--ink-soft);
  font-size: 0.62rem;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown .bidx-notification-footer {
  position: absolute !important;
  inset-block-end: 0;
  inset-inline: 0;
  padding: 9px 12px;
  border-block-start: 1px solid var(--line);
  background: var(--glass-strong);
  text-align: center;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown .bidx-notification-footer a {
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-weight: 650;
}

.dashboard-shell #content .dashboard-topbar .notification-dropdown {
  padding-block-end: 42px;
}

.dashboard-shell .dashboard-content {
  width: 100%;
  min-width: 0;
}

.dashboard-shell .dashboard-content > .container-fluid {
  width: min(1400px, calc(100% - 48px));
  max-width: none;
  padding-inline: 0;
  margin-inline: auto;
}

/* Mobile dashboard dock */
.dashboard-shell .bottom-nav {
  inset-block-end: 10px;
  inset-inline: 12px;
  display: flex;
  width: auto;
  height: auto;
  min-height: var(--dashboard-bottom-nav-height);
  align-items: stretch;
  justify-content: space-around;
  padding: 8px 6px calc(10px + env(safe-area-inset-bottom));
  margin: 0;
  border: 1px solid var(--glass-line);
  border-radius: 22px;
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 18px 50px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
  z-index: 1031;
}

.dashboard-shell .bottom-nav .link-item {
  width: auto;
  height: auto;
  min-width: 0;
  flex: 1 1 20%;
  margin: 0;
  text-align: center;
  transition: none;
}

.dashboard-shell .bottom-nav .link-item:hover,
.dashboard-shell .bottom-nav .link-item.active {
  margin: 0;
}

.dashboard-shell .bottom-nav .link-item > a,
.dashboard-shell .bottom-nav .link-item > button {
  display: grid;
  gap: 3px;
  width: 100%;
  height: 100%;
  min-height: 46px;
  place-items: center;
  padding: 3px 2px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--ink-soft);
  line-height: 1;
}

.dashboard-shell .bottom-nav .link-item .icon {
  position: static;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: transparent;
  color: currentColor;
}

.dashboard-shell .bottom-nav .link-item i {
  color: currentColor;
  font-size: 0.92rem;
}

.dashboard-shell .bottom-nav .link-item .text,
.dashboard-shell .bottom-nav .link-item:hover .text,
.dashboard-shell .bottom-nav .link-item.active .text {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  color: currentColor;
  font-size: 0.57rem;
  font-weight: 620;
  line-height: 1.15;
  opacity: 1;
  text-overflow: ellipsis;
  visibility: visible;
  white-space: nowrap;
}

.dashboard-shell .bottom-nav .link-item:hover > a,
.dashboard-shell .bottom-nav .link-item:hover > button,
.dashboard-shell .bottom-nav .link-item.active > a,
.dashboard-shell .bottom-nav .link-item.active > button {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--accent-bright);
}

.dashboard-shell .bottom-nav .link-item:hover .icon,
.dashboard-shell .bottom-nav .link-item.active .icon {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}

/* Shared pagination */
#pagination .pagination.bidx-pagination {
  gap: 7px;
  flex-wrap: wrap;
  justify-content: center !important;
}

#pagination .bidx-pagination .page-link {
  display: grid;
  min-width: 40px;
  min-height: 40px;
  place-items: center;
  padding: 7px 11px;
  border: 1px solid var(--glass-line) !important;
  border-radius: var(--radius-control) !important;
  background: color-mix(in srgb, var(--ink) 5%, transparent) !important;
  color: var(--ink-soft) !important;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 620;
  line-height: 1;
  box-shadow: none;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

#pagination .bidx-pagination .page-link:hover,
#pagination .bidx-pagination .page-link:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--glass-line)) !important;
  background: color-mix(in srgb, var(--accent) 11%, transparent) !important;
  color: var(--accent-bright) !important;
  transform: translateY(-1px);
}

#pagination .bidx-pagination .page-item.active .page-link {
  border-color: var(--accent-bright) !important;
  background: var(--accent-bright) !important;
  color: var(--accent-ink) !important;
}

#pagination .bidx-pagination .page-item.disabled .page-link {
  opacity: 0.38;
  pointer-events: none;
}

.dashboard-shell :is(a, button, [tabindex]):focus-visible,
#pagination .bidx-pagination .page-link:focus-visible {
  outline: 2px solid var(--accent-bright);
  outline-offset: 3px;
}

@media (min-width: 992px) {
  .dashboard-shell #sidebar {
    translate: 0 0;
  }

  .dashboard-shell #sidebar.active {
    translate: calc(-100% - 32px) 0;
  }

  .dashboard-shell.rtl #sidebar.active {
    translate: calc(100% + 32px) 0;
  }

  .dashboard-shell #content .dashboard-topbar .sidebar-toggler {
    display: grid !important;
  }
}

@media (max-width: 991px) {
  .dashboard-shell {
    --dashboard-sidebar-width: min(300px, calc(100vw - 24px));
  }

  .dashboard-shell #sidebar {
    inset-block: 12px;
    inset-inline-start: 0;
    width: var(--dashboard-sidebar-width);
    translate: -100% 0;
  }

  .dashboard-shell.rtl #sidebar {
    translate: 100% 0;
  }

  .dashboard-shell #sidebar.active {
    translate: 0 0;
  }

  .dashboard-shell.rtl #sidebar.active {
    translate: 0 0;
  }

  .dashboard-shell #sidebar .bidx-sidebar-brand {
    width: auto;
    min-width: 0;
    max-width: calc(100% - 56px);
  }

  .dashboard-shell #sidebar .bidx-brand-name {
    display: inline-block;
    max-width: 160px;
  }

  .dashboard-shell #sidebar .level-box {
    display: flex !important;
  }

  .dashboard-shell #sidebar .bidx-wallet-card {
    width: calc(100% + 2px);
    padding: 16px 17px;
    margin: 0 -1px !important;
    border: 0;
    border-block: 1px solid var(--line);
    border-radius: 0;
    background: linear-gradient(145deg, rgb(255 255 255 / 0.16), transparent 45%), var(--glass);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .dashboard-shell #sidebar .wallet-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 0;
  }

  .dashboard-shell #sidebar .wallet-box h4 {
    grid-column: 1 / -1;
    margin-block-end: 10px !important;
  }

  .dashboard-shell #sidebar .wallet-box .wallet-balance-item {
    position: relative;
    grid-column: auto;
    min-width: 0;
    gap: 4px;
    padding-inline: 0 12px;
    margin: 0;
    font-size: 0.58rem;
    letter-spacing: 0;
  }

  .dashboard-shell #sidebar .wallet-box .wallet-balance-item + .wallet-balance-item {
    padding-inline: 12px 0;
    border-inline-start: 1px solid var(--line);
  }

  .dashboard-shell #sidebar .wallet-box h5 .wallet-value {
    font-size: 0.84rem;
    letter-spacing: 0;
  }

  .dashboard-shell #sidebar .wallet-actions {
    flex-wrap: nowrap;
    margin-block-start: 12px !important;
  }

  .dashboard-shell #sidebar .wallet-wrapper .wallet-action {
    min-height: 44px;
  }

  .dashboard-shell #sidebar ul.main {
    padding-block-start: 10px;
    margin-block-start: 8px;
  }

  .dashboard-shell #sidebar ul.main li a {
    min-height: 44px;
  }

  .dashboard-shell #content,
  .dashboard-shell #content.active {
    width: 100% !important;
    padding-block-end: calc(var(--dashboard-bottom-nav-height) + env(safe-area-inset-bottom));
    margin-inline: 0;
  }

  .dashboard-shell #content.active {
    max-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: contain;
    touch-action: none;
  }

  .dashboard-shell #content.active::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgb(5 12 10 / 0.48);
    pointer-events: auto;
    touch-action: none;
    z-index: 1031;
  }

  .dashboard-shell #content .dashboard-topbar,
  .dashboard-shell #content.active .dashboard-topbar {
    inset-block-start: 10px;
    inset-inline: 12px;
    min-height: 64px;
    padding: 8px;
  }

  .dashboard-shell #content .dashboard-topbar-inner {
    gap: 9px;
    min-height: 46px;
  }

  .dashboard-shell #content .dashboard-topbar .sidebar-toggler {
    display: none;
  }

  .dashboard-shell #content .dashboard-topbar .navbar-text {
    position: static;
  }

  .dashboard-shell #content .overlay {
    padding-block: 96px 24px;
  }

  .dashboard-shell .dashboard-content {
    padding-block-end: 0;
  }

  .dashboard-shell .dashboard-content > .container-fluid {
    width: calc(100% - 24px);
  }

  .dashboard-shell .dashboard-wrapper {
    padding-block-end: 0;
  }
}

@media (max-width: 480px) {
  .dashboard-shell {
    --dashboard-bottom-nav-height: 74px;
  }

  .dashboard-shell #content,
  .dashboard-shell #content.active {
    padding-block-end: calc(var(--dashboard-bottom-nav-height) + 12px + env(safe-area-inset-bottom));
  }

  .dashboard-shell .bottom-nav {
    inset-block-end: 0;
    inset-inline: 0;
    min-height: var(--dashboard-bottom-nav-height);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    border-inline: 0;
    border-block-end: 0;
    border-radius: 20px 20px 0 0;
  }

  .dashboard-shell .bottom-nav .link-item > a,
  .dashboard-shell .bottom-nav .link-item > button {
    min-height: 52px;
    padding-inline: 1px;
  }

  .dashboard-shell .bidx-stat-carousel {
    display: none !important;
  }

  .dashboard-shell :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]), select) {
    min-height: 44px;
  }

  .dashboard-shell :is(a.btn, button.btn, a.btn-custom, button.btn-custom, .bidx-chip[href], .send-file-btn) {
    min-height: 44px;
  }

  .dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle,
  .dashboard-shell #content .dashboard-topbar .profile,
  .dashboard-shell .dashboard-mobile-brand {
    width: 40px;
    height: 40px;
  }

  .dashboard-shell #content .dashboard-topbar .profile img,
  .dashboard-shell .dashboard-mobile-brand img {
    width: 32px;
    height: 32px;
  }

  .dashboard-shell #content .dashboard-topbar .bidx-user-panel .profile {
    width: auto;
    max-width: min(150px, 39vw);
    padding-inline-start: 10px;
  }

  .dashboard-shell #content .dashboard-topbar .bidx-user-name {
    margin-inline-end: 7px;
    font-size: 0.66rem;
  }

  .dashboard-shell .dashboard-page-heading > span {
    display: none;
  }

  .dashboard-shell .dashboard-page-heading h1 {
    font-size: 0.9rem;
  }

  .dashboard-shell #content .dashboard-topbar-actions {
    gap: 5px;
  }

  .dashboard-shell #content .dashboard-topbar .notification-dropdown {
    width: min(310px, calc(100vw - 24px));
  }

  #pagination .bidx-pagination {
    gap: 5px;
  }

  #pagination .bidx-pagination .page-link {
    min-width: 36px;
    min-height: 36px;
    padding: 6px 9px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-shell #sidebar,
  .dashboard-shell #sidebar .bidx-wallet-card,
  .dashboard-shell #content .dashboard-topbar,
  .dashboard-shell #content .dashboard-topbar.active,
  .dashboard-shell #content .dashboard-topbar .notification-dropdown,
  .dashboard-shell #content .dashboard-topbar .user-dropdown,
  .dashboard-shell .bottom-nav {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell #sidebar,
  .dashboard-shell #content,
  .dashboard-shell #content .dashboard-topbar,
  .dashboard-shell #sidebar ul.main li a,
  .dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle,
  .dashboard-shell #content .dashboard-topbar .profile,
  #pagination .bidx-pagination .page-link {
    transition: none;
  }

  .dashboard-shell #sidebar ul.main li a:hover,
  .dashboard-shell #content .dashboard-topbar .notification-panel .dropdown-toggle:hover,
  .dashboard-shell #content .dashboard-topbar .profile:hover,
  #pagination .bidx-pagination .page-link:hover {
    transform: none;
  }
}
/* ---------- dashboard screens ---------- */

:root {
  --status-warn: #e0ad58;
  --status-idle: #90a197;
}

.dashboard-shell .bidx-dashboard-home {
  min-width: 0;
}

.dashboard-shell .bidx-dashboard-stack {
  display: grid;
  gap: 24px;
  min-width: 0;
  margin: 0;
}

.dashboard-shell .bidx-dashboard-section {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.dashboard-shell .bidx-section-heading {
  display: flex;
  gap: 18px;
  align-items: end;
  justify-content: space-between;
}

.dashboard-shell :is(.bidx-section-kicker, .bidx-panel-kicker) {
  display: block;
  margin-block-end: 5px;
  color: var(--accent-bright);
  font-size: 0.64rem;
  font-weight: 720;
  letter-spacing: 0.1em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dashboard-shell .bidx-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.15;
}

.dashboard-shell .bidx-dashboard-notice {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  margin: 0;
  color: var(--ink-soft);
}

.dashboard-shell .bidx-dashboard-notice-copy {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
  font-size: 0.76rem;
}

.dashboard-shell .bidx-dashboard-notice-copy > i {
  flex: 0 0 auto;
  color: var(--accent-bright);
}

.dashboard-shell .bidx-dashboard-notice .close-btn {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--glass-line);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--ink-soft);
}

.dashboard-shell .bidx-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

/* Reusable glass metric card for balances, totals, and KPI deltas. */
.dashboard-shell #content .bidx-stat-card {
  position: relative;
  display: grid;
  gap: 22px;
  min-width: 0;
  min-height: 138px;
  align-content: space-between;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--glass-line);
  border-radius: 20px;
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 18px 46px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.dashboard-shell .bidx-stat-card::after {
  display: none;
  content: none;
}

.dashboard-shell #content .bidx-stat-card:hover {
  border-color: color-mix(in srgb, var(--accent) 34%, var(--glass-line));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 20px 52px var(--shadow);
  transform: translateY(-2px);
}

.dashboard-shell .bidx-stat-card-top {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.dashboard-shell .bidx-stat-label {
  overflow: hidden;
  color: var(--accent-bright);
  font-size: 0.62rem;
  font-weight: 720;
  letter-spacing: 0.085em;
  line-height: 1.4;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard-shell .bidx-stat-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--accent-bright);
}

.dashboard-shell #content .bidx-stat-icon i {
  color: currentColor;
  font-size: 0.9rem;
}

.dashboard-shell .bidx-stat-card h3 {
  position: relative;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.18rem, 2vw, 1.55rem);
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: -0.05em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

.dashboard-shell .bidx-stat-carousel {
  min-width: 0;
}

.dashboard-shell .bidx-stat-carousel .owl-stage-outer {
  overflow: hidden;
}

.dashboard-shell #content .owl-carousel.card-boxes .bidx-stat-card {
  width: auto;
  min-height: 138px;
  margin-inline: 6px;
  margin-right: 6px;
}

.dashboard-shell .bidx-dashboard-grid {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.dashboard-shell .bidx-dashboard-grid--summary {
  grid-template-columns: minmax(0, 2fr) minmax(240px, 0.8fr);
}

.dashboard-shell .bidx-dashboard-grid--summary > .bidx-team-panel {
  grid-column: 1 / -1;
}

.dashboard-shell .bidx-dashboard-grid--charts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Reusable glass content panel with consistent radius, padding, and depth. */
.dashboard-shell #content .bidx-panel {
  min-width: 0;
  height: auto;
  padding: 22px;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-panel);
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
}

/* Reusable panel heading that pairs a title group with a legend or action. */
.dashboard-shell .bidx-panel-head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding-block-end: 16px;
  margin-block-end: 18px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell .bidx-panel-head > div {
  min-width: 0;
}

.dashboard-shell .bidx-panel-head h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 680;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.dashboard-shell #content .bidx-panel-head > i {
  color: var(--accent-bright);
  font-size: 1rem;
}

.dashboard-shell .bidx-panel-figure {
  display: block;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: -0.055em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell .bidx-copy-field {
  display: flex;
  flex-wrap: nowrap;
  min-height: 46px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--page-deep);
}

.dashboard-shell #content .bidx-copy-field .form-control {
  min-width: 0;
  min-height: 46px;
  padding-inline: 14px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: var(--ink-soft) !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  opacity: 1;
  box-shadow: none;
  -webkit-text-fill-color: var(--ink-soft);
}

.dashboard-shell #content .bidx-copy-field :is(.btn, .btn-custom),
.dashboard-shell.rtl #content .bidx-copy-field :is(.btn, .btn-custom) {
  flex: 0 0 auto;
  min-height: 46px;
  padding-inline: 18px;
  border: 0 !important;
  border-inline-start: 1px solid var(--line) !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
  border-start-end-radius: 13px !important;
  border-end-end-radius: 13px !important;
  background: var(--accent-bright);
  color: var(--accent-ink) !important;
  font-size: 0.7rem;
  font-weight: 700;
}

.dashboard-shell .bidx-actions-panel {
  height: auto;
}

.dashboard-shell .bidx-quick-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard-shell .bidx-quick-actions .btn {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 16px;
  border-radius: var(--radius-control);
  font-size: 0.7rem;
  font-weight: 680;
}

.dashboard-shell #content .bidx-quick-actions .btn i {
  margin: 0;
  color: currentColor !important;
  font-size: 0.82rem;
}

.dashboard-shell .bidx-chart-head-meta {
  display: flex;
  gap: 12px;
  min-width: 0;
  flex: 1 1 300px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.dashboard-shell .bidx-chart-panel .bidx-panel-head {
  flex-wrap: wrap;
  align-items: flex-start;
}

.dashboard-shell .bidx-chart-legend {
  display: flex;
  gap: 7px 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 430px;
  color: var(--ink-soft);
  font-size: 0.62rem;
}

.dashboard-shell .bidx-chart-legend span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  white-space: nowrap;
}

.dashboard-shell .bidx-chart-legend i {
  width: 7px;
  height: 7px;
  margin: 0;
  border-radius: 2px;
  background: var(--accent);
  color: transparent !important;
}

.dashboard-shell .bidx-chart-legend span:nth-child(odd) i {
  background: var(--accent-bright);
}

.dashboard-shell .bidx-chart-panel {
  min-height: 430px;
  overflow: hidden;
}

.dashboard-shell .bidx-chart-panel .chart-information,
.dashboard-shell .bidx-chart-panel .progress-wrapper {
  min-width: 0;
  height: auto;
}

.dashboard-shell .bidx-chart-panel .bidx-chart-canvas,
.dashboard-shell .bidx-chart-panel .apexcharts-canvas {
  width: 100%;
  min-height: 330px;
}

.dashboard-shell .bidx-progress-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}

.dashboard-shell .bidx-chart-panel .progress-wrapper-circle {
  display: block;
  padding: 28px 0 0;
}

.dashboard-shell .bidx-progress-grid .circular-progress {
  min-width: 0;
}

.dashboard-shell .bidx-progress-grid svg.radial-progress {
  min-width: 0;
  max-width: 150px;
}

.dashboard-shell .bidx-progress-grid svg.radial-progress circle {
  stroke: var(--accent-bright);
}

.dashboard-shell .bidx-progress-grid svg.radial-progress circle.incomplete {
  stroke: color-mix(in srgb, var(--accent) 24%, transparent);
  opacity: 1;
}

.dashboard-shell .bidx-progress-grid svg.radial-progress text {
  fill: var(--ink);
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.dashboard-shell .bidx-progress-grid h4 {
  margin-block-start: 16px !important;
  margin-block-end: 0;
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 620;
  letter-spacing: -0.015em;
  line-height: 1.4;
}

.dashboard-shell .bidx-chart-panel .apexcharts-tooltip,
.dashboard-shell .bidx-chart-panel .apexcharts-xaxistooltip {
  border: 1px solid var(--glass-line) !important;
  background: var(--glass-strong) !important;
  color: var(--ink) !important;
  box-shadow: 0 16px 38px var(--shadow) !important;
}

/* Reusable dashboard table with sticky headings and numeric alignment. */
.dashboard-shell .bidx-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--ink-soft);
  font-size: 0.75rem;
}

.dashboard-shell .bidx-table thead th {
  position: sticky;
  inset-block-start: 0;
  padding: 12px 16px;
  border-block-end: 1px solid var(--line);
  background: var(--glass-strong);
  color: var(--accent-bright);
  font-size: 0.61rem;
  font-weight: 720;
  letter-spacing: 0.075em;
  text-align: start;
  text-transform: uppercase;
  z-index: 1;
}

.dashboard-shell .bidx-table tbody td {
  padding: 14px 16px;
  border-block-end: 1px solid var(--line);
  vertical-align: middle;
}

.dashboard-shell .bidx-table tbody tr:last-child td {
  border-block-end: 0;
}

.dashboard-shell .bidx-table :is(.is-amount, [data-type="amount"]) {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-weight: 620;
  text-align: end;
  white-space: nowrap;
}

/* Reusable compact status badge; use accent, warn, or idle modifiers. */
.dashboard-shell .bidx-chip {
  display: inline-flex;
  width: fit-content;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  font-size: 0.59rem;
  font-weight: 720;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard-shell .bidx-chip--accent {
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  color: var(--accent-bright);
}

.dashboard-shell .bidx-chip--warn {
  border-color: color-mix(in srgb, var(--status-warn) 38%, transparent);
  background: color-mix(in srgb, var(--status-warn) 13%, transparent);
  color: var(--status-warn);
}

.dashboard-shell .bidx-chip--idle {
  border-color: color-mix(in srgb, var(--status-idle) 32%, transparent);
  background: color-mix(in srgb, var(--status-idle) 10%, transparent);
  color: var(--status-idle);
}

/* Reusable composed placeholder for panels whose collection has no rows. */
.dashboard-shell .bidx-empty-state {
  display: grid;
  gap: 8px;
  min-height: 150px;
  place-content: center;
  padding: 28px;
  color: var(--ink-soft);
  text-align: center;
}

.dashboard-shell .bidx-empty-state > i {
  margin-block-end: 3px;
  color: var(--accent-bright);
  font-size: 1.2rem;
}

.dashboard-shell .bidx-empty-state :is(h3, p) {
  margin: 0;
}

.dashboard-shell .bidx-empty-state h3 {
  color: var(--ink);
  font-size: 0.88rem;
  font-weight: 650;
}

.dashboard-shell .bidx-empty-state p {
  max-width: 44ch;
  font-size: 0.7rem;
}

/* Reusable label/value list row with hairline separation and numeric support. */
.dashboard-shell .bidx-data-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding-block: 14px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell .bidx-data-row:last-child {
  border-block-end: 0;
}

.dashboard-shell .bidx-data-row :is(.bidx-data-label, .bidx-data-value) {
  min-width: 0;
}

.dashboard-shell .bidx-data-label {
  color: var(--ink-soft);
  font-size: 0.69rem;
}

.dashboard-shell .bidx-data-value {
  color: var(--ink);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 620;
  text-align: end;
}

/* Reusable conversation thread that distinguishes staff and user bubbles by side and hairline. */
.dashboard-shell .bidx-thread {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.dashboard-shell .bidx-thread-msg {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.dashboard-shell .bidx-thread-msg--self {
  justify-items: end;
}

.dashboard-shell .bidx-thread-msg__meta {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  color: var(--ink-soft);
  font-size: 0.69rem;
}

.dashboard-shell .bidx-thread-msg__bubble {
  position: relative;
  display: grid;
  gap: 12px;
  width: min(100%, 720px);
  padding: 16px 18px;
  border: 1px solid var(--glass-line);
  border-radius: 22px;
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 18px 46px var(--shadow);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
}

.dashboard-shell .bidx-thread-msg__bubble::before {
  position: absolute;
  inset-block: 12px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 999px;
  background: var(--accent);
  content: "";
}

.dashboard-shell .bidx-thread-msg--self .bidx-thread-msg__bubble::before {
  inset-inline-start: auto;
  inset-inline-end: 0;
  background: var(--accent-bright);
}

.dashboard-shell .bidx-thread-msg__bubble p {
  margin: 0;
  color: var(--ink);
  line-height: 1.6;
  white-space: pre-line;
}

.dashboard-shell .bidx-thread-msg__bubble .bidx-chip {
  max-width: 100%;
}

.dashboard-shell .bidx-thread-msg__bubble .bidx-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .dashboard-shell .bidx-dashboard-grid--charts {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .dashboard-shell .bidx-dashboard-stack {
    gap: 20px;
  }

  .dashboard-shell .bidx-stat-grid.d-none.d-lg-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .dashboard-shell .bidx-stat-grid .bidx-stat-card {
    width: 100%;
    min-height: 104px;
    margin: 0;
    gap: 12px;
    padding: 12px;
  }

  .dashboard-shell .bidx-stat-card-top {
    gap: 6px;
    align-items: flex-start;
  }

  .dashboard-shell .bidx-stat-label {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    font-size: 0.54rem;
    letter-spacing: 0;
    line-height: 1.35;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .dashboard-shell .bidx-stat-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .dashboard-shell #content .bidx-stat-icon i {
    font-size: 0.78rem;
  }

  .dashboard-shell .bidx-stat-card h3 {
    font-size: 0.96rem;
    letter-spacing: 0;
    line-height: 1.18;
  }

  .dashboard-shell .bidx-stat-carousel {
    display: none !important;
  }

  .dashboard-shell .bidx-chart-panel:has(.bidx-progress-grid) {
    min-height: auto;
  }

  .dashboard-shell .bidx-progress-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
  }

  .dashboard-shell .bidx-progress-grid .circular-progress {
    display: grid;
    min-height: 124px;
    grid-template-rows: 86px minmax(2.6em, auto);
    align-items: start;
    justify-items: center;
  }

  .dashboard-shell .bidx-progress-grid svg.radial-progress {
    inline-size: min(84px, 100%);
    width: 84px;
    height: 84px;
    max-width: none;
  }

  .dashboard-shell .bidx-progress-grid svg.radial-progress text {
    font-size: 7px;
    letter-spacing: 0;
  }

  .dashboard-shell .bidx-progress-grid h4 {
    max-width: 100%;
    margin-block-start: 8px !important;
    overflow: visible;
    font-size: 0.58rem;
    letter-spacing: 0;
    line-height: 1.25;
    overflow-wrap: normal;
    text-wrap: balance;
    white-space: normal;
  }

  .dashboard-shell .bidx-dashboard-grid--summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-panel {
    padding: 18px;
  }

  .dashboard-shell .bidx-dashboard-notice,
  .dashboard-shell .bidx-dashboard-notice-copy {
    align-items: flex-start;
  }

  .dashboard-shell .bidx-dashboard-notice-copy {
    flex-wrap: wrap;
  }

  .dashboard-shell .bidx-dashboard-notice-copy .btn {
    margin-inline-start: 26px;
  }
}

@media (max-width: 360px) {
  .dashboard-shell .bidx-progress-grid {
    gap: 8px;
  }

  .dashboard-shell .bidx-progress-grid .circular-progress {
    min-height: 104px;
    grid-template-rows: 66px minmax(2.4em, auto);
  }

  .dashboard-shell .bidx-progress-grid svg.radial-progress {
    inline-size: min(64px, 100%);
    width: 64px;
    height: 64px;
  }

  .dashboard-shell .bidx-progress-grid svg.radial-progress text {
    font-size: 5.5px;
  }

  .dashboard-shell .bidx-progress-grid h4 {
    font-size: 0.54rem;
    line-height: 1.2;
  }
}

@media (max-width: 420px) {
  .dashboard-shell .bidx-section-heading {
    align-items: flex-start;
  }

  .dashboard-shell .bidx-section-heading h2 {
    font-size: 1.18rem;
  }

  .dashboard-shell .bidx-copy-field {
    display: flex;
    gap: 0;
    padding: 0;
    border-radius: 14px;
  }

  .dashboard-shell #content .bidx-copy-field .form-control,
  .dashboard-shell #content .bidx-copy-field :is(.btn, .btn-custom) {
    min-height: 46px;
  }

  .dashboard-shell #content .bidx-copy-field .form-control {
    width: 1%;
  }

  .dashboard-shell #content .bidx-copy-field :is(.btn, .btn-custom) {
    width: auto;
  }

  .dashboard-shell .bidx-quick-actions .btn {
    flex: 1 1 calc(50% - 5px);
    padding-inline: 11px;
  }

  .dashboard-shell .bidx-chart-panel {
    min-height: 0;
  }

  .dashboard-shell .bidx-chart-panel .bidx-chart-canvas,
  .dashboard-shell .bidx-chart-panel .apexcharts-canvas {
    min-height: 300px;
  }

  .dashboard-shell .bidx-table,
  .dashboard-shell .bidx-table tbody,
  .dashboard-shell .bidx-table tr,
  .dashboard-shell .bidx-table td {
    display: block;
    width: 100%;
  }

  .dashboard-shell .bidx-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .dashboard-shell .bidx-table tbody tr {
    padding: 8px 14px;
    border-block-end: 1px solid var(--line);
  }

  .dashboard-shell .bidx-table tbody tr:last-child {
    border-block-end: 0;
  }

  .dashboard-shell .bidx-table tbody td {
    display: grid;
    gap: 3px;
    padding: 8px 0;
    border: 0;
    text-align: start;
  }

  .dashboard-shell .bidx-table tbody td::before {
    color: var(--accent-bright);
    content: attr(data-label);
    font-size: 0.57rem;
    font-weight: 720;
    letter-spacing: 0.065em;
    text-transform: uppercase;
  }

  .dashboard-shell .bidx-table :is(.is-amount, [data-type="amount"]) {
    text-align: start;
  }

  .dashboard-shell .bidx-data-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    align-items: start;
  }

  .dashboard-shell .bidx-thread-msg__bubble {
    width: 100%;
  }

  .dashboard-shell .bidx-data-value {
    text-align: start;
  }
}

@media (max-width: 360px) {
  .dashboard-shell .bidx-stat-grid.d-none.d-lg-grid {
    gap: 12px;
  }

  .dashboard-shell .bidx-stat-grid .bidx-stat-card {
    min-height: 98px;
    gap: 10px;
    padding: 10px;
  }

  .dashboard-shell .bidx-stat-label {
    font-size: 0.5rem;
  }

  .dashboard-shell .bidx-stat-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }

  .dashboard-shell .bidx-stat-card h3 {
    font-size: 0.82rem;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-shell #content :is(.bidx-stat-card, .bidx-panel, .bidx-thread-msg__bubble) {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell .bidx-stat-card {
    transition: none;
  }

  .dashboard-shell .bidx-stat-card:hover {
    transform: none;
  }
}

/* Reusable dashboard filter toolbar for table/report screens. */
.dashboard-shell .bidx-filter-bar {
  margin-block-end: 18px;
}

.dashboard-shell .bidx-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.dashboard-shell .bidx-filter-grid .input-box,
.dashboard-shell .bidx-filter-grid .btn-custom {
  min-width: 0;
  min-height: 44px;
}

.dashboard-shell .bidx-table-panel {
  height: auto;
  overflow: hidden;
}

.dashboard-shell .bidx-table-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

/* Reusable two-column checkout layout with selectable payment cards. */
.dashboard-shell .checkout-section > .bidx-checkout-grid {
  display: block;
}

.dashboard-shell .checkout-section form > .bidx-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
  gap: 18px;
  align-items: stretch;
}

.dashboard-shell .bidx-checkout-primary,
.dashboard-shell .bidx-checkout-summary {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  align-self: stretch;
}

.dashboard-shell .bidx-checkout-summary {
  position: sticky;
  inset-block-start: 92px;
}

.dashboard-shell .checkout-section form,
.dashboard-shell .bidx-checkout-primary > .payment-box,
.dashboard-shell .bidx-checkout-primary .payment-option-wrapper,
.dashboard-shell .bidx-checkout-primary .payment-section {
  min-width: 0;
  min-height: 0;
}

.dashboard-shell .bidx-checkout-primary > .payment-box,
.dashboard-shell .bidx-checkout-primary .payment-option-wrapper,
.dashboard-shell .bidx-checkout-primary .payment-section {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.dashboard-shell .bidx-payment-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: max-content;
  gap: 12px;
  align-content: start;
  align-items: start;
  flex: 1 1 auto;
  min-height: 122px;
  height: 100%;
  max-height: min(440px, 60vh);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
}

.dashboard-shell .bidx-payment-choice {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 122px;
  margin: 0;
}

.dashboard-shell .bidx-choice-input {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-start: 16px;
  inline-size: 1px;
  block-size: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.dashboard-shell .checkout-section .bidx-payment-choice > .bidx-payment-card {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  width: 100%;
  min-height: 122px;
  height: auto;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink-soft);
  cursor: pointer;
  translate: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.dashboard-shell .bidx-choice-input:focus-visible + .bidx-payment-card {
  border-color: var(--accent-bright);
  outline: 2px solid var(--accent-bright);
  outline-offset: 3px;
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: none;
}

.dashboard-shell .bidx-choice-input:checked + .bidx-payment-card {
  border-color: color-mix(in srgb, var(--accent-bright) 72%, transparent);
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12);
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  .dashboard-shell .bidx-choice-input:not(:checked) + .bidx-payment-card:hover {
    border-color: color-mix(in srgb, var(--accent-bright) 38%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1);
    transform: translateY(-1px);
  }
}

.dashboard-shell .checkout-section .bidx-payment-card > .bidx-payment-logo {
  display: grid;
  flex: 0 0 auto;
  inline-size: 64px;
  min-inline-size: 64px;
  block-size: 64px;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  align-self: center;
  padding: 7px;
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--ink) 7%, var(--page-deep));
}

.dashboard-shell .bidx-payment-logo img,
.dashboard-shell .bidx-empty-state img {
  max-width: 100%;
  height: auto;
}

.dashboard-shell .checkout-section .bidx-payment-logo > img {
  display: block;
  inline-size: auto;
  block-size: auto;
  min-inline-size: 0;
  min-block-size: 0;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
}

.dashboard-shell .bidx-payment-check {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  display: grid;
  inline-size: 24px;
  block-size: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-bright);
  color: var(--page-deep);
  font-size: 0.68rem;
  opacity: 0;
  transform: scale(0.78);
  transform-origin: center;
  transition: opacity 160ms ease, transform 160ms ease;
}

.dashboard-shell .bidx-choice-input:checked + .bidx-payment-card .bidx-payment-check {
  opacity: 1;
  transform: scale(1);
}

.dashboard-shell .bidx-payment-card-copy {
  display: grid;
  align-content: center;
  min-width: 0;
}

.dashboard-shell .bidx-payment-card-copy h5,
.dashboard-shell .payment-option-title {
  margin: 0 !important;
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.dashboard-shell .payment-option-title {
  margin-block-end: 14px !important;
}

.dashboard-shell .bidx-payment-card-copy h5 {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
}

.dashboard-shell .bidx-payment-card-copy .gateway-description {
  display: -webkit-box;
  margin-block-start: 5px;
  overflow: hidden;
  color: var(--ink-soft);
  font-size: 0.66rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow-wrap: break-word;
}

.dashboard-shell .bidx-checkout-summary .side-bar {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 0;
  min-height: 0;
}

#content .bidx-checkout-summary .side-bar > .side-box,
#content .bidx-checkout-summary #paymentSummary > .side-box {
  padding: 0;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#content .bidx-checkout-summary .side-bar > .side-box {
  display: grid;
  gap: 16px;
}

#content .bidx-checkout-summary .side-bar > .side-box > * {
  margin: 0 !important;
}

#content .bidx-checkout-summary .side-box .form-control {
  min-height: 44px;
}

.dashboard-shell .bidx-checkout-summary #paymentSummary {
  display: block;
  min-width: 0;
}

.dashboard-shell .bidx-summary-list .list-group,
.dashboard-shell .bidx-summary-list .list-group-item {
  border: 0;
  background: transparent;
}

.dashboard-shell .bidx-summary-list .list-group {
  display: grid;
  gap: 0;
  margin: 0;
}

.dashboard-shell .bidx-summary-list .list-group-item {
  padding-inline: 0;
  color: var(--ink-soft);
}

.dashboard-shell .bidx-data-row--total .bidx-data-value {
  color: var(--accent-bright);
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  font-weight: 750;
}

.dashboard-shell .bidx-empty-state img {
  width: min(92px, 34vw);
  max-height: 92px;
  margin-inline: auto;
  object-fit: contain;
  opacity: 0.62;
}

.dashboard-shell .bidx-checkout-summary .bidx-empty-state {
  min-height: 0;
  max-height: none;
  place-content: initial;
  align-content: start;
  justify-items: start;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ink) 3.5%, transparent);
  text-align: start;
}

.dashboard-shell .bidx-checkout-summary .bidx-empty-state p {
  max-width: 32ch;
  margin-inline: 0;
}

.dashboard-shell .bidx-checkout-summary #no-data-image {
  inline-size: min(80px, 25vw);
  block-size: auto;
  max-inline-size: 80px;
  max-block-size: 72px;
  margin-block: 4px 0;
  margin-inline: 0;
  object-fit: contain;
}

/* Reusable dense plan card used by dashboard investment screens. */
.dashboard-shell .bidx-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-shell .bidx-plan-card {
  display: grid;
  gap: 18px;
  align-content: start;
}

.dashboard-shell .bidx-plan-card-top {
  display: grid;
  gap: 12px;
}

.dashboard-shell .bidx-plan-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.dashboard-shell .bidx-plan-return {
  display: grid;
  gap: 4px;
  padding-block: 4px 10px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell .bidx-plan-return strong {
  overflow-wrap: anywhere;
  color: var(--accent-bright);
  font-size: clamp(2rem, 4.2vw, 3.15rem);
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.dashboard-shell .bidx-plan-return span {
  color: var(--ink-soft);
  font-size: 0.72rem;
}

.dashboard-shell .bidx-plan-specs {
  min-width: 0;
}

.dashboard-shell .bidx-plan-cta {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-block-start: auto;
  padding-inline: 18px;
  width: fit-content;
}

.dashboard-shell .bidx-modal-plan-summary {
  display: grid;
  gap: 6px;
  margin-block-end: 16px;
}

.dashboard-shell .bidx-modal-plan-summary :is(h5, p) {
  margin: 0;
}

.dashboard-shell .bidx-modal-plan-summary h5 {
  color: var(--ink);
  font-weight: 680;
}

@media (max-width: 1199px) {
  .dashboard-shell .bidx-filter-grid,
  .dashboard-shell .bidx-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .dashboard-shell .bidx-checkout-summary {
    position: static;
  }

  .dashboard-shell .checkout-section form > .bidx-checkout-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-checkout-primary,
  .dashboard-shell .bidx-checkout-summary {
    height: auto;
  }

  .dashboard-shell .bidx-payment-choice-grid {
    height: auto;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 767px) {
  .dashboard-shell .bidx-filter-grid,
  .dashboard-shell .bidx-plan-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-payment-choice-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .dashboard-shell .checkout-section .bidx-payment-choice > .bidx-payment-card {
    grid-template-columns: 60px minmax(0, 1fr);
    min-height: 112px;
    padding: 13px;
  }

  .dashboard-shell .checkout-section .bidx-payment-card > .bidx-payment-logo {
    inline-size: 60px;
    min-inline-size: 60px;
    block-size: 60px;
    padding: 7px;
    border-radius: 14px;
  }

  .dashboard-shell .bidx-plan-return strong {
    font-size: 2rem;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-shell .bidx-payment-card,
  .dashboard-shell .bidx-payment-logo {
    background: var(--glass-strong);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell .bidx-payment-card,
  .dashboard-shell .bidx-payment-check {
    transition: none;
  }

  .dashboard-shell .bidx-payment-card:hover,
  .dashboard-shell .bidx-choice-input:focus-visible + .bidx-payment-card,
  .dashboard-shell .bidx-choice-input:checked + .bidx-payment-card {
    transform: none;
  }
}

/* Reusable badge grid and card state styling for dashboard ranking screens. */
.dashboard-shell .bidx-badge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-shell .bidx-badge-card {
  display: grid;
  gap: 18px;
  align-content: start;
}

.dashboard-shell .bidx-badge-card.is-earned {
  border-color: color-mix(in srgb, var(--accent-bright) 34%, var(--glass-line));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-bright) 24%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.16), 0 24px 70px var(--shadow);
}

.dashboard-shell .bidx-badge-card.is-unearned {
  opacity: 0.58;
}

.dashboard-shell .bidx-badge-card-top {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.dashboard-shell .bidx-badge-art {
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
}

.dashboard-shell .bidx-badge-art img {
  width: 48px;
  max-width: 100%;
  height: auto;
}

.dashboard-shell .bidx-badge-card h3 {
  margin: 10px 0 0;
  color: var(--ink);
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 680;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.dashboard-shell .bidx-badge-card p {
  color: var(--ink-soft);
  font-size: 0.72rem;
}

.dashboard-shell .bidx-badge-specs {
  min-width: 0;
}

@media (max-width: 1199px) {
  .dashboard-shell .bidx-badge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .dashboard-shell .bidx-badge-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .dashboard-shell .bidx-badge-card-top {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .dashboard-shell .bidx-badge-art {
    width: 60px;
    height: 60px;
    border-radius: 18px;
  }

  .dashboard-shell .bidx-badge-art img {
    width: 40px;
  }
}
/* Reusable form, upload, and status primitives for profile/security/KYC screens. */
.dashboard-shell :is(.bidx-profile-screen, .bidx-twofa-screen, .bidx-kyc-screen) {
  min-width: 0;
  padding-block-end: 88px;
}

/* Reusable payment and payout gateway shells. */
.dashboard-shell :is(.bidx-gateway-screen, .bidx-payout-screen) {
  min-width: 0;
  padding-block-end: 88px;
}

.dashboard-shell .bidx-gateway-wrap {
  display: grid;
  gap: 18px;
  place-items: center;
}

.dashboard-shell .bidx-gateway-panel {
  display: grid;
  gap: 22px;
  width: min(680px, 100%);
  min-width: 0;
}

.dashboard-shell .bidx-gateway-panel--wide {
  width: min(1080px, 100%);
}

.dashboard-shell .bidx-gateway-head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}

.dashboard-shell .bidx-gateway-head-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.dashboard-shell .bidx-gateway-kicker {
  color: var(--accent-bright);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dashboard-shell .bidx-gateway-head-copy :is(h1, h2, h3, h4, h5, p) {
  margin: 0;
}

.dashboard-shell .bidx-gateway-head-copy h2,
.dashboard-shell .bidx-gateway-head-copy h3 {
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  font-weight: 720;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.dashboard-shell .bidx-gateway-head-copy p {
  color: var(--ink-soft);
  font-size: 0.78rem;
}

.dashboard-shell .bidx-gateway-logo {
  display: grid;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
}

.dashboard-shell .bidx-gateway-logo img {
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
}

.dashboard-shell .bidx-gateway-amount {
  display: grid;
  gap: 6px;
  padding-block-end: 4px;
  border-block-end: 1px solid var(--line);
}

.dashboard-shell .bidx-gateway-amount span {
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 620;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-shell .bidx-gateway-amount strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: clamp(2rem, 4.5vw, 3.35rem);
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.dashboard-shell .bidx-gateway-amount em {
  color: var(--accent-bright);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 650;
}

.dashboard-shell .bidx-gateway-stack,
.dashboard-shell .bidx-gateway-form,
.dashboard-shell .bidx-gateway-copy,
.dashboard-shell .bidx-gateway-actions {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.dashboard-shell .bidx-gateway-stack > :last-child,
.dashboard-shell .bidx-gateway-form > :last-child,
.dashboard-shell .bidx-gateway-copy > :last-child {
  margin-block-end: 0;
}

.dashboard-shell .bidx-gateway-copy p {
  margin: 0;
  color: var(--ink-soft);
}

.dashboard-shell .bidx-gateway-form .row {
  row-gap: 16px;
}

.dashboard-shell .bidx-gateway-form .input-box,
.dashboard-shell .bidx-gateway-form .form-group,
.dashboard-shell .bidx-gateway-form [class*="col-"] {
  min-width: 0;
}

.dashboard-shell .bidx-gateway-form label {
  display: block;
  margin-block-end: 8px;
  color: var(--ink);
  font-size: 0.73rem;
  font-weight: 650;
}

.dashboard-shell .bidx-gateway-form :is(.form-control, .form-select, .input-group-text) {
  min-height: 44px;
}

.dashboard-shell .bidx-gateway-form .input-group {
  align-items: stretch;
}

.dashboard-shell .bidx-gateway-note {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.dashboard-shell .bidx-gateway-note :is(h3, h4, h5, p) {
  margin: 0;
}

.dashboard-shell .bidx-gateway-note p {
  color: var(--ink-soft);
}

.dashboard-shell .bidx-gateway-note img {
  max-width: min(220px, 100%);
  height: auto;
}

.dashboard-shell .bidx-gateway-actions {
  align-items: start;
}

.dashboard-shell .bidx-gateway-submit,
.dashboard-shell .bidx-gateway-actions .btn,
.dashboard-shell .bidx-gateway-actions .btn-custom,
.dashboard-shell .bidx-gateway-actions input[type="submit"] {
  min-height: 44px;
  padding-inline: 20px;
}

.dashboard-shell .bidx-gateway-submit {
  width: 100%;
}

.dashboard-shell .bidx-gateway-inline-action {
  display: flex;
  justify-content: center;
}

.dashboard-shell .bidx-gateway-inline-action .btn,
.dashboard-shell .bidx-gateway-inline-action input[type="submit"] {
  min-width: min(100%, 240px);
}

.dashboard-shell .bidx-gateway-center {
  text-align: center;
}

.dashboard-shell .bidx-gateway-bridge-copy {
  width: min(420px, 100%);
  text-align: center;
}

.dashboard-shell .bidx-gateway-spinner {
  width: 52px;
  height: 52px;
  border: 3px solid color-mix(in srgb, var(--accent) 18%, var(--line));
  border-top-color: var(--accent-bright);
  border-radius: 50%;
  animation: bidx-gateway-spin 0.85s linear infinite;
}

@keyframes bidx-gateway-spin {
  to {
    transform: rotate(360deg);
  }
}

.dashboard-shell .bidx-payout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: 18px;
  align-items: start;
}

.dashboard-shell .bidx-payout-panel {
  display: grid;
  gap: 18px;
}

.dashboard-shell .bidx-payout-summary .list-group,
.dashboard-shell .bidx-payout-summary .list-group-item {
  border: 0;
  background: transparent;
}

.dashboard-shell .bidx-payout-summary .list-group {
  margin: 0;
}

.dashboard-shell .bidx-payout-summary .list-group-item {
  padding-inline: 0;
}

.dashboard-shell .bidx-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-shell .bidx-form-grid > .input-box {
  min-width: 0;
}

.dashboard-shell .bidx-form-grid > [class*="col-"] {
  width: 100%;
  max-width: 100%;
}

.dashboard-shell .bidx-form-grid > .col-12,
.dashboard-shell .bidx-form-grid > .col-md-12 {
  grid-column: 1 / -1;
}

.dashboard-shell .bidx-status-banner {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--bidx-panel-background);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 16px 42px var(--shadow);
  color: var(--ink-soft);
  -webkit-backdrop-filter: var(--bidx-panel-backdrop);
  backdrop-filter: var(--bidx-panel-backdrop);
}

.dashboard-shell .bidx-status-banner > i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--status-idle) 12%, transparent);
  color: var(--status-idle);
}

.dashboard-shell .bidx-status-banner strong,
.dashboard-shell .bidx-status-banner span {
  display: block;
  min-width: 0;
}

.dashboard-shell .bidx-status-banner strong {
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 720;
  letter-spacing: -0.02em;
}

.dashboard-shell .bidx-status-banner span {
  margin-block-start: 3px;
  font-size: 0.72rem;
  line-height: 1.55;
}

.dashboard-shell .bidx-status-banner--approved {
  border-color: color-mix(in srgb, var(--accent) 32%, var(--glass-line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 45%), var(--bidx-panel-background);
}

.dashboard-shell .bidx-status-banner--approved > i {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-bright);
}

.dashboard-shell .bidx-status-banner--pending {
  border-color: color-mix(in srgb, var(--status-warn) 35%, var(--glass-line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--status-warn) 10%, transparent), transparent 45%), var(--bidx-panel-background);
}

.dashboard-shell .bidx-status-banner--pending > i {
  background: color-mix(in srgb, var(--status-warn) 14%, transparent);
  color: var(--status-warn);
}

.dashboard-shell .bidx-status-banner--rejected {
  border-color: color-mix(in srgb, var(--status-warn) 48%, var(--glass-line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--status-warn) 12%, transparent), transparent 45%), var(--bidx-panel-background);
}

.dashboard-shell .bidx-status-banner--rejected > i {
  background: color-mix(in srgb, var(--status-warn) 16%, transparent);
  color: var(--status-warn);
}

.dashboard-shell .bidx-upload-tile {
  display: grid;
  gap: 10px;
  min-height: 132px;
  place-items: center;
  padding: 18px;
  border: 1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink-soft);
  cursor: pointer;
  text-align: center;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.dashboard-shell .bidx-upload-tile:hover,
.dashboard-shell .bidx-upload-tile:focus-within {
  border-color: color-mix(in srgb, var(--accent-bright) 56%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  transform: translateY(-1px);
}

.dashboard-shell .bidx-upload-tile__icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-bright);
}

.dashboard-shell .bidx-upload-tile__text {
  color: var(--ink);
  font-size: 0.76rem;
  font-weight: 650;
}

.dashboard-shell .bidx-upload-tile .form-control {
  width: 100%;
  min-height: 44px;
  padding: 8px;
  border-radius: 12px;
  font-size: 0.7rem;
}

.dashboard-shell :is(.attach-file, .upload-img, .image-input, .image-preview) {
  min-width: 0;
}

.dashboard-shell .attach-file {
  position: relative;
}

.dashboard-shell .attach-file > span.prev {
  display: none;
}

.dashboard-shell .bidx-upload-field {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  color: var(--ink-soft);
}

.dashboard-shell .bidx-upload-field--compact {
  max-width: 100%;
}

.dashboard-shell .bidx-upload-input {
  position: absolute !important;
  inset: 0;
  z-index: 2;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  cursor: pointer;
}

.dashboard-shell .bidx-upload-visual {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 52px;
  padding-block: 6px;
  padding-inline: 6px 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent);
  color: var(--ink-soft);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.dashboard-shell .bidx-upload-field:hover .bidx-upload-visual,
.dashboard-shell .bidx-upload-field:focus-within .bidx-upload-visual {
  border-color: color-mix(in srgb, var(--accent-bright) 48%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
}

.dashboard-shell .bidx-upload-field .bidx-upload-icon {
  position: static;
  inset: auto;
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  place-items: center;
  border-radius: 13px;
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  color: var(--accent-bright);
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.dashboard-shell .bidx-upload-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dashboard-shell .bidx-upload-action,
.dashboard-shell .bidx-upload-filename {
  display: block;
  min-width: 0;
  overflow: hidden;
  letter-spacing: 0;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-shell .bidx-upload-action {
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
}

.dashboard-shell .bidx-upload-filename {
  color: var(--ink-soft);
  font-size: 0.68rem;
}

.dashboard-shell :is(.bidx-upload-preview, #image-preview) {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboard-shell .bidx-upload-preview .preview-image {
  display: block;
  width: min(172px, 100%) !important;
  height: auto;
  max-height: 150px;
  margin-inline: auto;
  object-fit: contain;
}

@media (max-width: 420px) {
  .dashboard-shell .bidx-upload-visual {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding-inline-end: 12px;
  }

  .dashboard-shell .bidx-upload-field .bidx-upload-icon {
    width: 38px;
    height: 38px;
  }
}

.dashboard-shell .bidx-profile-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.dashboard-shell .bidx-profile-rail {
  position: sticky;
  inset-block-start: 92px;
  height: auto;
}

.dashboard-shell .bidx-profile-card {
  display: grid;
  gap: 14px;
  justify-items: center;
  margin: 0;
  text-align: center;
}

.dashboard-shell .bidx-profile-avatar {
  position: relative;
  width: 112px;
  height: 112px;
}

.dashboard-shell .bidx-profile-avatar img {
  width: 112px;
  height: 112px;
  border: 1px solid var(--glass-line);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 16px 38px var(--shadow);
}

.dashboard-shell .bidx-profile-identity h5 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 720;
  letter-spacing: -0.025em;
}

.dashboard-shell .bidx-profile-identity span {
  color: var(--ink-soft);
  font-size: 0.72rem;
}

.dashboard-shell .bidx-profile-meta {
  display: grid;
  gap: 12px;
  margin-block: 18px;
}

.dashboard-shell .bidx-profile-chip-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dashboard-shell .bidx-profile-nav {
  display: grid;
  gap: 8px;
}

.dashboard-shell .bidx-profile-nav .tab {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink-soft);
  font-size: 0.72rem;
  font-weight: 650;
  text-align: start;
}

.dashboard-shell .bidx-profile-nav .tab.active {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--glass-line));
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-bright);
}

.dashboard-shell .bidx-profile-content,
.dashboard-shell .bidx-profile-panel-stack {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.dashboard-shell .bidx-kyc-profile-panel {
  padding: 0;
  border: 0;
  background: transparent;
}

.dashboard-shell .bidx-kyc-state {
  display: grid;
  place-items: center;
  color: var(--ink-soft);
}

.dashboard-shell .bidx-twofa-panel {
  width: min(940px, 100%);
  height: auto;
  justify-self: center;
}

.dashboard-shell .bidx-twofa-panel .bidx-panel-head {
  flex-wrap: wrap;
}

.dashboard-shell .bidx-twofa-panel .bidx-panel-head .btn-custom {
  max-width: 100%;
  flex: 0 1 auto;
  overflow-wrap: anywhere;
  white-space: normal;
}

.dashboard-shell .bidx-twofa-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.82fr) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  margin-block-start: 18px;
}

.dashboard-shell .bidx-twofa-qr {
  display: grid;
  min-height: 260px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
}

.dashboard-shell .bidx-twofa-qr img {
  max-width: min(220px, 100%);
  height: auto;
  border-radius: 16px;
}

.dashboard-shell .bidx-twofa-details {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.dashboard-shell .bidx-twofa-help {
  color: var(--ink-soft);
}

.dashboard-shell .bidx-twofa-help :is(h3, h6, p) {
  margin: 0;
  padding: 0 !important;
}

.dashboard-shell .bidx-twofa-help h3 {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 700;
}

.dashboard-shell .bidx-twofa-help h6 {
  margin-block-start: 10px;
  color: var(--accent-bright);
  font-size: 0.64rem;
  font-weight: 720;
  letter-spacing: 0.08em;
  line-height: 1.45;
}

.dashboard-shell .bidx-twofa-help p {
  margin-block-start: 10px;
  font-size: 0.73rem;
  line-height: 1.65;
}

.dashboard-shell .bidx-twofa-actions {
  margin: 0 !important;
  text-align: start !important;
}

.dashboard-shell .bidx-requirement-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.dashboard-shell .bidx-requirement-list li {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink);
  font-size: 0.74rem;
  font-weight: 620;
}

.dashboard-shell .btn-action-icon {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--glass-line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--accent-bright);
}

@media (max-width: 991px) {
  .dashboard-shell .bidx-profile-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-profile-rail {
    position: static;
  }

  .dashboard-shell .bidx-twofa-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-payout-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .dashboard-shell .bidx-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-shell .bidx-form-grid > .input-box {
    grid-column: 1 / -1;
  }

  .dashboard-shell .bidx-status-banner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .dashboard-shell .bidx-gateway-head {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .dashboard-shell :is(.bidx-profile-screen, .bidx-twofa-screen, .bidx-kyc-screen) {
    padding-inline: 0;
  }

  .dashboard-shell .bidx-profile-avatar,
  .dashboard-shell .bidx-profile-avatar img {
    width: 96px;
    height: 96px;
  }

  .dashboard-shell .bidx-requirement-list li {
    align-items: flex-start;
    flex-direction: column;
  }

  .dashboard-shell .bidx-gateway-logo {
    width: 60px;
    height: 60px;
    border-radius: 18px;
  }

  .dashboard-shell .bidx-gateway-logo img {
    max-height: 42px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-shell :is(.bidx-status-banner, .bidx-upload-tile) {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .dashboard-shell :is(.bidx-gateway-logo, .bidx-gateway-note, .bidx-upload-visual, .bidx-checkout-summary .bidx-empty-state) {
    background: var(--glass-strong);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell :is(.bidx-upload-tile, .bidx-upload-visual) {
    transition: none;
  }

  .dashboard-shell .bidx-upload-tile:hover,
  .dashboard-shell .bidx-upload-tile:focus-within {
    transform: none;
  }

  .dashboard-shell .bidx-gateway-spinner {
    animation: none;
    border-top-color: color-mix(in srgb, var(--accent) 18%, var(--line));
  }
}

/* ---------- auth / error screens ---------- */
body:has(.bidx-auth-screen),
body:has(.bidx-error-screen),
body:has(.bidx-maintenance-screen) {
  margin: 0;
}

.bidx-auth-screen,
.bidx-error-screen,
.bidx-maintenance-screen {
  position: relative;
  display: grid;
  min-height: 100dvh;
  overflow: hidden;
  place-items: center;
  padding-block: clamp(112px, 15vh, 168px) clamp(72px, 10vh, 112px);
  background:
    radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--accent-bright) 24%, transparent), transparent 30rem),
    radial-gradient(circle at 12% 78%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 24rem),
    var(--page);
}

.bidx-auth-screen::before,
.bidx-error-screen::before,
.bidx-maintenance-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at center, black, transparent 72%);
  opacity: 0.2;
}

.bidx-auth-container,
.bidx-error-container {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, calc(100% - 32px));
  place-items: center;
}

.bidx-auth-stack {
  display: grid;
  width: min(460px, 100%);
  gap: 18px;
  justify-items: center;
  min-width: 0;
}

.bidx-auth-stack--wide {
  width: min(760px, 100%);
}

.bidx-auth-logo {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  max-width: 100%;
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 760;
  letter-spacing: 0.04em;
}

.bidx-auth-card {
  width: min(460px, 100%);
  min-width: 0;
}

.bidx-auth-card--wide {
  width: min(760px, 100%);
}

.bidx-auth-card .form-wrapper,
.bidx-auth-card .form-box {
  width: 100%;
  min-width: 0;
}

.bidx-auth-screen .bidx-auth-card .form-box,
.bidx-auth-screen .bidx-auth-card .card {
  display: grid;
  gap: 22px;
  padding: clamp(22px, 5vw, 34px);
  margin: 0;
  border-radius: var(--radius-panel);
}

.bidx-auth-screen .bidx-auth-card .card {
  border: 1px solid var(--glass-line);
  background: var(--bidx-panel-background);
}

.bidx-auth-card form {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.bidx-auth-card .row {
  margin-inline: 0;
  row-gap: 16px !important;
}

.bidx-auth-card .row > [class*="col-"],
.bidx-auth-card .input-box {
  min-width: 0;
  padding-inline: 0;
}

.bidx-auth-card .row > [class*="col-lg-6"] {
  padding-inline: 8px;
}

.bidx-auth-card .row > [class*="col-lg-12"],
.bidx-auth-card .row > [class*="col-md-12"],
.bidx-auth-card .row > .col-12,
.bidx-auth-card .row > .input-box.col-12 {
  padding-inline: 0;
}

.bidx-auth-heading {
  display: grid;
  gap: 8px;
  margin: 0;
  text-align: center;
}

.bidx-auth-heading :is(h3, h4, p),
.bidx-auth-card .card-header,
.bidx-auth-card .card-body p {
  margin: 0;
}

.bidx-auth-heading h4,
.bidx-auth-card .card-header h4 {
  color: var(--ink);
  font-size: clamp(1.45rem, 3.4vw, 1.9rem);
  font-weight: 760;
  letter-spacing: -0.035em;
  line-height: 1.14;
  /* Splits a two-line heading evenly instead of leaving one orphan word. */
  text-wrap: balance;
}

.bidx-auth-heading p,
.bidx-auth-card .card-header p {
  max-width: 34ch;
  margin-inline: auto;
  color: var(--ink-soft);
  font-size: 0.85rem;
  line-height: 1.55;
  /* Stated explicitly: the centering on .bidx-auth-heading is not inherited here,
     a base rule resets the paragraph to text-align: start. */
  text-align: center;
}

.bidx-auth-card :is(.form-control, .form-select, select, input:not([type="checkbox"]):not([type="radio"])) {
  width: 100%;
  min-height: 50px;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 0.88rem;
}

.bidx-auth-card select.form-control {
  appearance: auto;
}

/* Cancel control on the deposit and withdrawal history tables --------------- */
.bidx-cancel-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid color-mix(in srgb, #f2545b 55%, transparent);
  border-radius: var(--radius-control);
  background: transparent;
  color: #f2848a;
  font-size: 0.78rem;
  font-weight: 650;
  white-space: nowrap;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.bidx-cancel-btn:hover,
.bidx-cancel-btn:focus-visible {
  border-color: #f2545b;
  background: color-mix(in srgb, #f2545b 16%, transparent);
  color: #ffb3b7;
}

@media (prefers-reduced-motion: reduce) {
  .bidx-cancel-btn {
    transition: none;
  }
}

/* Cookie consent banner -----------------------------------------------------
   The vendor styles in style.css paint this white with #000 text, which is
   unreadable against the dark theme. Repainted here as a glass panel; this file
   loads after style.css so equal-specificity selectors win on order. */
.cookies-allert {
  padding: 26px 24px 22px;
  border: 1px solid var(--glass-line);
  border-radius: var(--radius-panel);
  background: var(--glass-strong);
  box-shadow: 0 24px 70px var(--shadow);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}

.cookies-allert img {
  width: 68px !important;
  height: 68px;
  margin: 0 auto 4px;
  object-fit: contain;
}

.cookies-allert h4 {
  color: var(--ink);
  font-size: 1.05rem;
  font-weight: 760;
  letter-spacing: -0.02em;
}

.cookies-allert span {
  color: var(--ink-soft);
  font-size: 0.85rem;
  line-height: 1.55;
}

.cookies-allert .seemoreButton {
  color: var(--accent-bright);
  font-weight: 650;
}

.cookies-allert .cookieButton {
  color: var(--page-deep);
  text-shadow: none;
}

.cookies-allert .cookieClose {
  color: var(--ink-soft);
  border-bottom-color: color-mix(in srgb, var(--ink-soft) 40%, transparent);
}

.cookies-allert .cookieClose:hover {
  color: var(--ink);
  border-bottom-color: color-mix(in srgb, var(--ink) 55%, transparent);
}

@media (prefers-reduced-transparency: reduce) {
  .cookies-allert {
    background: var(--page-deep);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Password reveal control ---------------------------------------------------
   The button sits inside the field, so the input needs its right padding
   widened or the typed value runs underneath the icon. */
.bidx-password-field {
  position: relative;
  display: block;
  min-width: 0;
}

/* The generic field rule above is `.bidx-auth-card :is(..., input:not(...):not(...))`,
   which scores (0,3,1) and sets the `padding` shorthand. Matching that specificity
   with the `input` element selector, and sitting later in the file, is what makes
   this win - a plain `.form-control` selector here silently loses. */
.bidx-auth-card .bidx-password-field input.form-control {
  padding-right: 52px;
}

.bidx-password-toggle {
  position: absolute;
  top: 50%;
  right: 9px;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ink-soft);
  cursor: pointer;
  place-items: center;
  transform: translateY(-50%);
  transition: color 180ms ease, background 180ms ease;
}

.bidx-password-toggle:hover,
.bidx-password-toggle[aria-pressed="true"] {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-bright);
}

.bidx-password-toggle:focus-visible {
  outline: 2px solid var(--accent-bright);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .bidx-password-toggle {
    transition: none;
  }
}

.bidx-auth-card input[name="code"] {
  min-height: 60px;
  text-align: center;
  font-size: clamp(1.4rem, 6vw, 2rem);
  font-variant-numeric: tabular-nums;
  font-weight: 720;
  letter-spacing: 0.08em;
}

.bidx-auth-card :is(.btn-custom, .btn, button[type="submit"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: var(--radius-control);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1;
  text-transform: none;
}

.bidx-auth-card .btn-link {
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--accent-bright) !important;
  font-weight: 650;
  text-decoration: none;
}

.bidx-auth-card .links {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  color: var(--ink-soft);
  font-size: 0.78rem;
}

.bidx-auth-card .links a,
.bidx-auth-links a,
.bidx-auth-card .golden-text,
.bidx-auth-card .bottom a {
  color: var(--accent-bright) !important;
  text-decoration: none;
}

.bidx-auth-card .links a:hover,
.bidx-auth-links a:hover,
.bidx-auth-card .golden-text:hover {
  color: var(--accent) !important;
}

.bidx-auth-card .form-check {
  display: flex;
  gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 0;
  margin: 0;
}

.bidx-auth-card .form-check-input {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
}

.bidx-auth-card .form-check-label {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.78rem;
  line-height: 1.35;
}

.bidx-auth-card .text-danger,
.bidx-auth-card .invalid-feedback {
  display: block;
  margin-block-start: 7px;
  color: var(--accent-bright) !important;
  font-size: 0.74rem;
}

.bidx-auth-card .alert {
  margin: 0;
  border-radius: 16px;
}

.bidx-auth-card .captcha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ink) 4.5%, transparent);
}

.bidx-auth-card .captcha img {
  width: 120px;
  max-width: 60%;
  padding: 10px;
}

.bidx-auth-card .captcha .input-group-append {
  position: relative;
  display: grid;
  width: 54px;
  min-height: 58px;
  flex: 0 0 54px;
  place-items: center;
  border: 0 !important;
  border-inline-start: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--accent-bright) !important;
}

.bidx-auth-card .captcha .input-group-append i {
  position: static;
}

.bidx-auth-card .g-recaptcha {
  max-width: 100%;
  overflow-x: auto;
  padding-block: 2px;
}

.bidx-auth-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: min(460px, 100%);
  color: var(--ink-soft);
  font-size: 0.82rem;
  text-align: center;
}

.bidx-error-screen {
  padding-block: clamp(48px, 10vh, 96px);
}

.bidx-error-panel,
.bidx-maintenance-panel {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(640px, 100%);
  gap: 18px;
  justify-items: center;
  min-width: 0;
  padding: clamp(28px, 7vw, 48px);
  text-align: center;
}

.bidx-error-screen .bidx-error-panel > .bidx-error-code {
  color: var(--ink);
  font-size: clamp(5rem, 22vw, 10rem);
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  letter-spacing: -0.07em;
  line-height: 0.86;
  text-shadow: 0 0 34px color-mix(in srgb, var(--accent) 22%, transparent);
}

.bidx-error-panel .error-content {
  display: grid;
  gap: 14px;
  justify-items: center;
}

.bidx-error-panel .error-title:not(.bidx-error-code) {
  color: var(--ink);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 760;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.bidx-error-panel .error-info {
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.65;
}

.bidx-error-panel .text-gradient {
  color: var(--accent-bright);
}

.bidx-error-panel .btn-area {
  margin-block-start: 8px;
}

.bidx-error-button,
.bidx-error-panel .cmn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 24px;
  border: 1px solid var(--accent-bright);
  border-radius: var(--radius-control);
  background: var(--accent-bright);
  color: var(--accent-ink) !important;
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.bidx-error-button:hover,
.bidx-error-panel .cmn-btn:hover {
  filter: brightness(1.07);
  box-shadow: 0 14px 32px color-mix(in srgb, var(--accent) 24%, transparent);
  transform: translateY(-1px);
}

.bidx-maintenance-screen {
  min-height: 100dvh;
  padding: 24px;
}

.bidx-maintenance-panel {
  width: min(680px, 100%);
  margin-inline: auto;
}

.bidx-maintenance-art {
  display: grid;
  width: min(220px, 52vw);
  height: min(220px, 52vw);
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--glass-line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 18px 44px var(--shadow);
}

.bidx-maintenance-art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.bidx-maintenance-panel .pp-infobox-title-prefix {
  color: var(--accent-bright);
  font-size: 0.7rem;
  font-weight: 760;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.bidx-maintenance-panel .pp-infobox-title {
  margin: 0;
  color: var(--ink);
  font-size: clamp(2rem, 8vw, 4.5rem);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 0.95;
}

.bidx-maintenance-panel .pp-infobox-description {
  max-width: 58ch;
  padding: 0;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.7;
}

.bidx-maintenance-panel .pp-infobox-description p {
  margin: 0;
}

:dir(rtl) .bidx-auth-card .links,
.rtl .bidx-auth-card .links {
  direction: rtl;
}

@media (max-width: 767px) {
  .bidx-auth-screen {
    padding-block: 96px 56px;
  }

  .bidx-auth-container,
  .bidx-error-container {
    width: min(100%, calc(100% - 24px));
  }

  .bidx-auth-card .row > [class*="col-lg-6"] {
    width: 100%;
    padding-inline: 0;
  }

  .bidx-auth-card .links {
    align-items: flex-start;
    flex-direction: column;
  }

  .bidx-auth-heading {
    text-align: start;
  }
}

@media (max-width: 420px) {
  .bidx-auth-screen {
    padding-block: 88px 44px;
  }

  .bidx-auth-screen .bidx-auth-card .form-box,
  .bidx-auth-screen .bidx-auth-card .card,
  .bidx-error-panel,
  .bidx-maintenance-panel {
    padding: 20px;
    border-radius: 20px;
  }

  .bidx-auth-heading h4,
  .bidx-auth-card .card-header h4 {
    font-size: 1.58rem;
  }

  .bidx-auth-card .captcha {
    align-items: stretch;
  }

  .bidx-auth-card .g-recaptcha {
    transform: scale(0.9);
    transform-origin: left center;
  }

  :dir(rtl) .bidx-auth-card .g-recaptcha,
  .rtl .bidx-auth-card .g-recaptcha {
    transform-origin: right center;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .bidx-auth-screen .bidx-auth-card .form-box,
  .bidx-auth-screen .bidx-auth-card .card,
  .bidx-error-panel,
  .bidx-maintenance-panel,
  .bidx-auth-card .captcha,
  .bidx-maintenance-art {
    background: var(--glass-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bidx-error-button,
  .bidx-error-panel .cmn-btn {
    transition: none;
  }

  .bidx-error-button:hover,
  .bidx-error-panel .cmn-btn:hover {
    transform: none;
  }
}

/* Portal touch targets: mobile density remains comfortable without changing desktop controls. */
@media (max-width: 767px) {
  .dashboard-shell :where(a[href], button:not([disabled])) {
    min-block-size: 44px !important;
  }
}

/* ---------- B11: native backgrounds and motion system ---------- */

/* Retire every legacy theme-art surface while preserving admin-managed media. */
:is(
  .about-section,
  .pricing-section,
  .feature-section,
  .top-investor,
  .latest-transaction,
  .blog-section,
  .login-section
) {
  background-image:
    radial-gradient(circle at 14% 28%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 26rem),
    radial-gradient(circle at 88% 76%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 42rem) !important;
  background-color: var(--page);
}

.top-investor,
.blog-section,
.login-section {
  background-color: var(--page-deep);
}

.latest-transaction .transaction-wrapper {
  background:
    radial-gradient(circle at 14% 32%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 22rem),
    radial-gradient(circle at 88% 76%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 34rem),
    var(--page-deep) !important;
}

.footer-section {
  background:
    radial-gradient(circle at 12% 32%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 26rem),
    radial-gradient(circle at 90% 82%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 40rem),
    var(--page-deep) !important;
}

.referral-section::after,
.testimonial-section::after {
  display: none;
  background: none !important;
  content: none;
}

.dashboard-shell #sidebar .wallet-box::before {
  background:
    linear-gradient(135deg, transparent 48%, var(--line) 49%, var(--line) 50%, transparent 51%) !important;
}

.dashboard-shell #content {
  background:
    radial-gradient(circle at 14% 28%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28rem),
    radial-gradient(circle at 88% 78%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 44rem),
    var(--page) !important;
}

:is(
  .contact-section form .input-box .form-select,
  .profile-setting form .input-box .form-select,
  .table-search-bar form .input-box .form-select,
  .modal form .input-box .form-select
) {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%),
    linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) calc(50% - 1px),
    calc(100% - 13px) calc(50% - 1px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

.faq-section .accordion-button::after,
.faq-section .bidx-faq-item .accordion-button::after {
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor) !important;
  background-position: center, center !important;
  background-size: 14px 1px, 1px 14px !important;
  background-repeat: no-repeat !important;
  content: "";
  opacity: 1;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 180ms ease;
}

.faq-section .accordion-button:not(.collapsed)::after,
.faq-section .bidx-faq-item .accordion-button:not(.collapsed)::after {
  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(transparent, transparent) !important;
  transform: translateY(-50%) rotate(180deg);
}

/* CSS-only grain: an ambience layer, never an image asset or interaction surface. */
body::before {
  position: fixed;
  inset: 0;
  background:
    repeating-radial-gradient(circle at 18% 24%, rgb(255 255 255 / 0.16) 0 0.45px, transparent 0.7px 3px),
    repeating-radial-gradient(circle at 72% 68%, rgb(0 0 0 / 0.2) 0 0.4px, transparent 0.75px 4px);
  content: "";
  mix-blend-mode: soft-light;
  opacity: 0.035;
  pointer-events: none;
  z-index: 2147483000;
}

[data-bidx-pointer-glow] {
  position: relative;
  isolation: isolate;
}

.bidx-pointer-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle 19rem at var(--bidx-pointer-x, 50%) var(--bidx-pointer-y, 50%), color-mix(in srgb, var(--accent) 15%, transparent), transparent 68%);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

[data-bidx-pointer-glow] > :not(.bidx-pointer-glow) {
  position: relative;
  z-index: 1;
}

:where(
  .bidx-glass:not(nav):not(.bidx-hero-copy):not(.bidx-signal-strip),
  .dashboard-shell .bidx-stat-card,
  .dashboard-shell .bidx-plan-card,
  .dashboard-shell .bidx-panel,
  .dashboard-shell .bidx-payment-card,
  .dashboard-shell .bidx-gateway-panel
) {
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    translate 180ms ease;
}

:where(a.btn, .btn, .btn-custom, button, input[type="submit"], input[type="button"]):not(:disabled) {
  transition: transform 120ms cubic-bezier(.23, 1, .32, 1);
}

:where(a.btn, .btn, .btn-custom, button, input[type="submit"], input[type="button"]):not(:disabled):active {
  transform: scale(0.98);
}

@media (hover: hover) and (pointer: fine) {
  .bidx-pointer-glow {
    opacity: 0.22;
  }

  .bidx-glass:hover:not(.bidx-hero-copy):where(:not(nav):not(.bidx-signal-strip)),
  .dashboard-shell #content :where(
    .bidx-stat-card,
    .bidx-plan-card,
    .bidx-panel,
    .bidx-payment-card,
    .bidx-gateway-panel
  ):hover {
    border-color: color-mix(in srgb, var(--accent) 28%, var(--glass-line));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 28px 76px color-mix(in srgb, var(--shadow) 86%, black);
    translate: 0 -2px;
  }
}

@media (hover: none), (pointer: coarse) {
  :where(
    .bidx-glass:not(nav):not(.bidx-hero-copy):not(.bidx-signal-strip),
    .dashboard-shell .bidx-stat-card,
    .dashboard-shell .bidx-plan-card,
    .dashboard-shell .bidx-panel,
    .dashboard-shell .bidx-payment-card,
    .dashboard-shell .bidx-gateway-panel
  ):hover {
    translate: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-bidx-reveal],
  [data-bidx-stagger] > [data-bidx-stagger-item] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .bidx-pointer-glow {
    display: none;
  }

  .faq-section .accordion-button::after {
    transition: none !important;
  }

  :where(
    .bidx-glass:not(nav):not(.bidx-hero-copy):not(.bidx-signal-strip),
    .dashboard-shell .bidx-stat-card,
    .dashboard-shell .bidx-plan-card,
    .dashboard-shell .bidx-panel,
    .dashboard-shell .bidx-payment-card,
    .dashboard-shell .bidx-gateway-panel,
    a.btn,
    .btn,
    .btn-custom,
    button,
    input[type="submit"],
    input[type="button"]
  ) {
    transition: none !important;
  }

  :where(a.btn, .btn, .btn-custom, button, input[type="submit"], input[type="button"]):active,
  :where(
    .bidx-glass:not(nav):not(.bidx-hero-copy):not(.bidx-signal-strip),
    .dashboard-shell .bidx-stat-card,
    .dashboard-shell .bidx-plan-card,
    .dashboard-shell .bidx-panel,
    .dashboard-shell .bidx-payment-card,
    .dashboard-shell .bidx-gateway-panel
  ):hover {
    transform: none !important;
    translate: none !important;
  }
}

.bidx-error-page {
  --accent: var(--bidx-green);
  --accent-bright: var(--bidx-green);
  background-color: var(--page);
}

.bidx-error-page .bidx-error-screen {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  background: transparent;
}

.error-section .error-content.bidx-error-panel {
  width: min(640px, 100%);
  margin-inline: auto;
  float: none;
}

.bidx-error-screen .bidx-error-panel > .bidx-error-illustration {
  display: block;
  width: 320px;
  max-width: 100%;
  inline-size: 320px;
  max-inline-size: 100%;
  height: auto;
}

.bidx-error-panel > p {
  max-width: 60ch;
  margin: 0;
  color: var(--ink-soft) !important;
  font-size: 0.9rem;
}

@media (max-width: 480px) {
  .bidx-error-screen .bidx-error-panel > .bidx-error-illustration {
    width: 200px;
    inline-size: 200px;
  }
}