:root {
  --bp-ink: #0b1220;
  --bp-ink-soft: #334155;
  --bp-muted: #64748b;
  --bp-bg: #f6fbff;
  --bp-bg-2: #eef7ff;
  --bp-surface: #ffffff;
  --bp-surface-2: #f8fbff;
  --bp-line: #d7e8fb;
  --bp-line-strong: #b8d9f6;
  --bp-primary: #2563eb;
  --bp-primary-strong: #1d4ed8;
  --bp-primary-dark: #123c9c;
  --bp-cyan: #06b6d4;
  --bp-cyan-soft: #e0f7ff;
  --bp-mint: #14b8a6;
  --bp-mint-soft: #dcfdfa;
  --bp-violet: #6d5dfc;
  --bp-violet-soft: #eef2ff;
  --bp-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  --bp-shadow-sm: 0 8px 22px rgba(15, 23, 42, .06);

  --primary-color: var(--bp-primary);
  --base-color: var(--bp-primary);
  --secondary-color: var(--bp-cyan);
  --admin-premium-bg: #f4f9ff;
  --admin-premium-bg-soft: #eaf4ff;
  --admin-premium-accent: var(--bp-primary);
  --admin-premium-accent-soft: rgba(37, 99, 235, .15);
  --admin-premium-border: rgba(37, 99, 235, .18);
  --admin-premium-text: #475569;
  --admin-premium-text-strong: var(--bp-ink);
  --xpay-admin-bg: #f4f9ff;
  --xpay-admin-card: #ffffff;
  --xpay-admin-ink: var(--bp-ink);
  --xpay-admin-muted: #64748b;
  --xpay-admin-line: #d7e8fb;
  --xpay-admin-soft: #eef7ff;
  --xpay-admin-orange: var(--bp-primary);
  --xpay-admin-orange-dark: var(--bp-primary-strong);
  --xpay-admin-green: #0f9f8e;
  --xpay-admin-red: #dc2626;
  --xxx-orange: var(--bp-primary);
  --xxx-orange-deep: var(--bp-primary-strong);
  --xxx-orange-soft: rgba(37, 99, 235, .12);
  --xxx-doc-orange: var(--bp-primary);
  --xxx-doc-orange-strong: var(--bp-primary-strong);
  --xxx-doc-orange-soft: rgba(37, 99, 235, .10);
  --vxp-neon-1: var(--bp-primary);
  --vxp-neon-2: var(--bp-cyan);
}

html {
  accent-color: var(--bp-primary);
}

body,
body.xxx-public-page,
body.xxx-dashboard-page {
  color: var(--bp-ink);
  background:
    linear-gradient(180deg, #f8fcff 0%, #eef7ff 44%, #ffffff 100%) !important;
}

::selection {
  color: #fff;
  background: rgba(37, 99, 235, .82);
}

a,
.text--base,
.highlight,
.title span {
  color: var(--bp-primary) !important;
}

.btn--base,
.btn--base:focus,
.btn--base:visited,
.btn-xauth-primary,
.xland-btn-primary,
.xpay-admin-btn.is-primary,
.xpay-admin-save,
button[type="submit"].btn--base,
input[type="submit"].btn--base {
  color: #fff !important;
  border-color: var(--bp-primary) !important;
  background: linear-gradient(135deg, var(--bp-primary) 0%, var(--bp-cyan) 100%) !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .20) !important;
}

.btn--base:hover,
.btn-xauth-primary:hover,
.xland-btn-primary:hover,
.xpay-admin-btn.is-primary:hover,
.xpay-admin-save:hover {
  color: #fff !important;
  border-color: var(--bp-primary-strong) !important;
  background: linear-gradient(135deg, var(--bp-primary-strong) 0%, #0891b2 100%) !important;
}

.btn-xauth-ghost,
.btn--base.outline,
.btn--base.btn--border,
.xland-btn-ghost,
.xpay-admin-btn {
  color: var(--bp-primary-strong) !important;
  border-color: var(--bp-line-strong) !important;
  background: #ffffff !important;
}

.btn-xauth-ghost:hover,
.btn--base.outline:hover,
.btn--base.btn--border:hover,
.xland-btn-ghost:hover,
.xpay-admin-btn:hover {
  color: var(--bp-primary-dark) !important;
  border-color: rgba(37, 99, 235, .35) !important;
  background: #eff6ff !important;
}

.xxx-brand,
.xxxpub-brand {
  color: var(--bp-ink) !important;
}

.xxx-brand__mark,
.xxxpub-brand-mark,
.xauth-brand-mark,
.xnav-brand-mark,
.xtop-brand-mark,
.sidebar-logo .xxx-brand__mark {
  color: #fff !important;
  background: linear-gradient(135deg, #0f172a 0%, var(--bp-primary) 48%, var(--bp-cyan) 100%) !important;
  border: 0 !important;
  box-shadow: 0 18px 34px rgba(37, 99, 235, .24) !important;
}

.xxx-brand__mark::after,
.xxxpub-brand-mark::after,
.xauth-brand-mark::after {
  border-color: rgba(255, 255, 255, .38) !important;
}

.xxx-brand__wordmark strong,
.xxxpub-brand-copy strong,
.xauth-brand-name,
.xnav-brand-text-main,
.xtop-brand-copy strong,
.sidebar-logo .xxx-brand__wordmark strong {
  color: var(--bp-ink) !important;
  letter-spacing: .02em !important;
}

.xxx-brand__wordmark em,
.xxxpub-brand-copy span,
.xnav-brand-text-sub,
.xtop-brand-copy span,
.sidebar-logo .xxx-brand__wordmark em {
  color: var(--bp-primary) !important;
}

.card,
.dashboard-card,
.custom-card,
.table-area,
.profile-card,
.dashbord-item,
.dashboard-list-item,
.xpay-admin-card,
.xpay-admin-panel,
.xpay-seller-card,
.modal-content {
  border-color: rgba(37, 99, 235, .14) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: var(--bp-shadow-sm) !important;
}

.form--control,
input,
select,
textarea,
.nice-select {
  border-color: var(--bp-line) !important;
}

.form--control:focus,
input:focus,
select:focus,
textarea:focus,
.nice-select.open {
  border-color: var(--bp-primary) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}

/* Public landing */
body.landing-page {
  --xl-fg: var(--bp-ink);
  --xl-muted: var(--bp-muted);
  --xl-muted-2: #8ba0b8;
  --xl-bg: #ffffff;
  --xl-bg-soft: #f6fbff;
  --xl-bg-2: #eef7ff;
  --xl-border: var(--bp-line);
  --xl-border-soft: #e4f0fc;
  --xl-accent: var(--bp-primary);
  --xl-accent-strong: var(--bp-primary-strong);
  --xl-accent-bg: #eff6ff;
  --xl-accent-border: #bfdbfe;
  --xl-shadow-sm: var(--bp-shadow-sm);
  --xl-shadow-md: 0 16px 34px rgba(37, 99, 235, .10);
  --xl-shadow-lg: 0 28px 60px rgba(15, 23, 42, .14);
}

.xland {
  color: var(--bp-ink) !important;
  background: #fff !important;
}

.xland .header-section.home,
.header-section.home {
  border-bottom: 1px solid rgba(184, 217, 246, .75) !important;
  background: rgba(255, 255, 255, .88) !important;
  backdrop-filter: blur(16px);
}

.header-section.home .main-menu li a:hover,
.header-section.home .main-menu li a.active {
  color: var(--bp-primary-strong) !important;
  background: #eff6ff !important;
}

.xland-hero {
  background:
    linear-gradient(135deg, rgba(239, 246, 255, .98) 0%, #ffffff 48%, rgba(224, 247, 255, .72) 100%) !important;
}

.xland-section--soft,
.xland-trust,
.xland-pay {
  background: #f4f9ff !important;
}

.xland-section--dark {
  background: linear-gradient(135deg, #07111f 0%, #102a56 100%) !important;
  color: #fff !important;
}

.xland-kicker,
.xland-section-eyebrow,
.xland-step-num,
.xland-proof-icon,
.xland-product-icon,
.xland-mock-icon {
  color: var(--bp-primary-strong) !important;
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.xland-kicker-dot {
  background: var(--bp-mint) !important;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, .16) !important;
}

.xland-hero h1 em,
.xland-mock-url svg,
.xland-testimonial-mark {
  color: var(--bp-primary) !important;
}

.xland-mock {
  border-color: var(--bp-line) !important;
  background: linear-gradient(180deg, #fff 0%, #f6fbff 100%) !important;
  box-shadow: 0 28px 60px rgba(15, 23, 42, .13) !important;
}

.xland-mock::before {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(6, 182, 212, .04)) !important;
}

.xland-mock-card.is-primary {
  border-color: #bfdbfe !important;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%) !important;
}

.xland-mock-tx-status.is-paid {
  color: #047857 !important;
  border-color: #a7f3d0 !important;
  background: #ecfdf5 !important;
}

.xland-mock-tx-status.is-pending {
  color: #5b21b6 !important;
  border-color: #c4b5fd !important;
  background: #f5f3ff !important;
}

.xland-pay-mark.is-link,
.xland-pay-mark.is-boleto {
  color: var(--bp-primary-strong) !important;
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.xland-product:hover {
  border-color: #bfdbfe !important;
}

.xland-cta {
  background: linear-gradient(135deg, #0b1220 0%, #123c9c 55%, #06b6d4 100%) !important;
}

/* Auth modal */
.xauth-modal,
.xauth-card,
.xauth-panel {
  color: var(--bp-ink) !important;
  border-color: var(--bp-line) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .18) !important;
}

.xauth-kicker,
.xauth-switch button.is-active,
.xauth-tab.is-active {
  color: var(--bp-primary-strong) !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

/* User, merchant, agent dashboards */
body.xxx-dashboard-page--user,
body.xxx-dashboard-page--merchant,
body.xxx-dashboard-page--agent {
  --primary-color: var(--bp-primary) !important;
  background: #f4f9ff !important;
}

body.xxx-dashboard-page .main-body-wrapper,
body.xxx-dashboard-page .body-wrapper,
body.xxx-dashboard-page .xxx-shell-content {
  background: transparent !important;
}

.xnav-aside,
.sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f1f8ff 100%) !important;
  border-color: var(--bp-line) !important;
  box-shadow: 10px 0 30px rgba(15, 23, 42, .06) !important;
}

.xtop,
.navbar-wrapper {
  background: rgba(255, 255, 255, .92) !important;
  border-color: var(--bp-line) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
}

.xnav-link,
.sidebar-menu .sidebar-menu-item > a,
.admin-quick-link {
  color: var(--bp-ink-soft) !important;
}

.xnav-link:hover,
.xnav-link.is-active,
.xnav-link.is-active span,
.sidebar-menu .sidebar-menu-item.active > a,
.sidebar-menu .sidebar-menu-item > a:hover,
.admin-quick-link:hover {
  color: var(--bp-primary-strong) !important;
  background: #eff6ff !important;
}

.xnav-link.is-active .xnav-link-icon,
.xnav-link.is-active .xnav-link-icon svg,
.sidebar-menu .sidebar-menu-item.active > a .menu-icon,
.sidebar-menu .sidebar-menu-item > a:hover .menu-icon,
.admin-quick-link i {
  color: var(--bp-primary) !important;
}

.xnav-card,
.xnav-foot-card,
.sidebar-user-area,
.admin-quick-links {
  border-color: var(--bp-line) !important;
  background: #ffffff !important;
  box-shadow: var(--bp-shadow-sm) !important;
}

.xxx-mobile-shortcuts,
.xmobile-shortcuts,
.mobile-shortcuts {
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--bp-line) !important;
}

/* Admin */
body.xxx-dashboard-page--admin {
  background: #f4f9ff !important;
}

.xxx-dashboard-page--admin .body-wrapper {
  background: #f4f9ff !important;
}

.xpay-admin-eyebrow,
.xpay-section-eyebrow,
.xpay-admin-table th,
.xpay-seller-table th {
  color: var(--bp-primary-strong) !important;
}

.xpay-admin-table th,
.xpay-seller-table th {
  background: #eff6ff !important;
}

.xpay-field label,
.xpay-provider-card label {
  color: #475569 !important;
}

.xpay-field input:focus,
.xpay-field select:focus,
.xpay-admin-table input:focus,
.xpay-seller-table input:focus,
.xpay-provider-card input:focus {
  border-color: var(--bp-primary) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}

/* Developer docs and checkout */
.xxx-doc-callout--orange,
.xxx-doc-chip,
.developer-page-container .bg--orange {
  color: var(--bp-primary-strong) !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

.c-card__icon--blue,
.c-coupon__btn,
.c-pix__copy,
.c-cta {
  background: linear-gradient(135deg, var(--bp-primary), var(--bp-cyan)) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .18) !important;
}

/* BanPay identity reinforcement: keep cloned/original orange accents out of active UI. */
.xland-screen [style*="#f97316"],
.xland-screen [style*="#ea580c"],
.xland-screen [style*="#d95d1e"],
.xland-screen [style*="#e85d1c"],
.page-wrapper [style*="#f97316"],
.page-wrapper [style*="#ea580c"],
.page-wrapper [style*="#d95d1e"],
.page-wrapper [style*="#e85d1c"],
.admin-premium-shell [style*="#f97316"],
.admin-premium-shell [style*="#ea580c"],
.admin-premium-shell [style*="#e85d1c"] {
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, .35) !important;
}

.xxx-cookie__btn--primary,
.xland-dash-action--danger,
.xland-hero-card .btn-danger,
.badge.bg-warning,
.badge.bg-orange,
.status-orange,
.text-orange,
.bg-orange {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.xxx-doc-callout--orange,
.pl-status.detected,
.plp-status.detected,
.xst-status.PROCESSING,
.st-badge.PROCESSING {
  background: #eff6ff !important;
  color: #1e40af !important;
  border-color: #bfdbfe !important;
}

.aos-init:not(.aos-animate) {
  opacity: 1;
  transform: none;
}

/* Final public-page polish. */
.xland-faq summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important;
}

.xland-foot,
.xland-foot * {
  border-color: rgba(37, 99, 235, .12);
}

.xland-foot-brand-mark {
  background: linear-gradient(135deg, #22c7ee, #2563eb) !important;
  color: #fff !important;
}

.xland-foot-badge {
  background: #f8fbff !important;
}

/* BanPay app shell: cold, clean logged-in UI. */
body.xxx-dashboard-page,
body.xxx-dashboard-page .page-wrapper,
body.xxx-dashboard-page .main-wrapper,
body.xxx-dashboard-page .main-body-wrapper,
body.xxx-dashboard-page .xxx-shell-layout,
body.xxx-dashboard-page .xxx-shell-main,
body.xxx-dashboard-page .xxx-shell-body,
body.xxx-dashboard-page .xdash-col,
body.xxx-dashboard-page .body-wrapper {
  background: #f6fbff !important;
}

body.xxx-dashboard-page .xnav-aside,
body.xxx-dashboard-page .sidebar,
body.xxx-dashboard-page .xnav-head,
body.xxx-dashboard-page .xtop,
body.xxx-dashboard-page .navbar-wrapper,
body.xxx-dashboard-page footer,
body.xxx-dashboard-page .xpay-surface,
body.xxx-dashboard-page .xpay-hero,
body.xxx-dashboard-page .xpay-metric,
body.xxx-dashboard-page .xnav-card,
body.xxx-dashboard-page .xnav-foot-card,
body.xxx-dashboard-page .xs-card,
body.xxx-dashboard-page .card,
body.xxx-dashboard-page .table-wrapper,
body.xxx-dashboard-page .custom-card,
body.xxx-dashboard-page .profile-card {
  background: #ffffff !important;
  border-color: #dbeafe !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .05) !important;
}

body.xxx-dashboard-page .xnav-bg-soft,
body.xxx-dashboard-page .xnav-card,
body.xxx-dashboard-page .xnav-hover,
body.xxx-dashboard-page .xs-icon,
body.xxx-dashboard-page .xpay-kicker,
body.xxx-dashboard-page .xpay-status.warning,
body.xxx-dashboard-page .xpay-status.processing,
body.xxx-dashboard-page .xpay-status.PENDING,
body.xxx-dashboard-page .xst-status.PENDING,
body.xxx-dashboard-page #detailModal .st-badge.PENDING,
body.xxx-dashboard-page .plp-status.waiting,
body.xxx-dashboard-page .vcr-status.PENDENTE {
  background: #eff6ff !important;
  color: #1e40af !important;
  border-color: #bfdbfe !important;
}

body.xxx-dashboard-page .xnav-link:hover,
body.xxx-dashboard-page .xnav-link.is-active,
body.xxx-dashboard-page .sidebar-menu .sidebar-menu-item.active > a,
body.xxx-dashboard-page .sidebar-menu .sidebar-menu-item > a:hover,
body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: #93c5fd !important;
}

body.xxx-dashboard-page .xxx-shortcuts-grid {
  background: rgba(255, 255, 255, .96) !important;
  border-color: #bfdbfe !important;
}

body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card,
body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card:hover {
  color: #334155 !important;
  border-color: #dbeafe !important;
}

body.xxx-dashboard-page .xxx-shortcuts-grid .xs-icon,
body.xxx-dashboard-page .xnav-link-icon,
body.xxx-dashboard-page .xnav-brand-mark,
body.xxx-dashboard-page .xpay-icon,
body.xxx-dashboard-page .xpay-hero svg,
body.xxx-dashboard-page .xpay-btn svg {
  color: #2563eb !important;
}

body.xxx-dashboard-page .xnav-brand-mark,
body.xxx-dashboard-page .xtop-brand-mark,
body.xxx-dashboard-page .xxx-shell-logo-mark,
body.xxx-dashboard-page .xpay-btn-primary,
body.xxx-dashboard-page .xpay-btn-success,
body.xxx-dashboard-page .btn--base,
body.xxx-dashboard-page .btn-primary,
body.xxx-dashboard-page .xrm-submit,
body.xxx-dashboard-page .xst-btn.primary,
body.xxx-dashboard-page .xak-btn--primary,
body.xxx-dashboard-page .xpay-btn.xpay-btn-primary {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .18) !important;
}

body.xxx-dashboard-page .xpay-btn-primary svg,
body.xxx-dashboard-page .xpay-btn-success svg,
body.xxx-dashboard-page .btn--base svg,
body.xxx-dashboard-page .btn-primary svg {
  color: #ffffff !important;
}

body.xxx-dashboard-page .xpay-metric.is-primary {
  background: linear-gradient(135deg, #ecfeff, #eff6ff) !important;
  border-color: #bae6fd !important;
}

body.xxx-dashboard-page .xpay-metric span,
body.xxx-dashboard-page .xpay-section-eyebrow,
body.xxx-dashboard-page .xpay-admin-eyebrow,
body.xxx-dashboard-page .xpay-kicker,
body.xxx-dashboard-page .xpay-status,
body.xxx-dashboard-page .text--warning,
body.xxx-dashboard-page .text-warning {
  color: #1d4ed8 !important;
}

body.xxx-dashboard-page .xxx-2fa-banner {
  background: linear-gradient(135deg, #eff6ff, #ecfeff) !important;
  border-color: #bfdbfe !important;
  color: #0f172a !important;
}

body.xxx-dashboard-page .xxx-2fa-banner__icon {
  background: #dbeafe !important;
  color: #2563eb !important;
}

body.xxx-dashboard-page .xxx-2fa-banner__cta,
body.xxx-dashboard-page .xxx-2fa-banner__cta:hover {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, .18) !important;
}

body.xxx-dashboard-page .xpay-table tr,
body.xxx-dashboard-page .xpay-table td,
body.xxx-dashboard-page .xpay-table th,
body.xxx-dashboard-page footer,
body.xxx-dashboard-page footer * {
  border-color: #e0efff !important;
}

body.xxx-dashboard-page .apexcharts-series-markers .apexcharts-marker,
body.xxx-dashboard-page .xpay-status-dot {
  color: #14b8a6 !important;
}

@media (max-width: 767px) {
  body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    color: #ffffff !important;
  }
  body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active .xs-label,
  body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active .xs-icon {
    color: #ffffff !important;
  }
}


/* BanPay shortcut label final override. */
body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active .xs-label {
  color: #1d4ed8 !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  body.xxx-dashboard-page .xxx-shortcuts-grid .xs-card.is-active .xs-label {
    color: #ffffff !important;
  }
}

/* Pix and floating action cleanup. */
body.xxx-dashboard-page .xwd-warning,
body.xxx-dashboard-page .alert-warning,
body.xxx-dashboard-page .xak-alert--warn {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1e40af !important;
}

body.xxx-dashboard-page .xwd-warning strong,
body.xxx-dashboard-page .alert-warning strong,
body.xxx-dashboard-page .xak-alert--warn strong {
  color: #1e40af !important;
}

body.xxx-dashboard-page .xwd-hero,
body.xxx-dashboard-page .xwd-card,
body.xxx-dashboard-page .xwd-summary,
body.xxx-dashboard-page .xwd-form-head,
body.xxx-dashboard-page .xwd-history th,
body.xxx-dashboard-page .xwd-history td {
  background: #ffffff !important;
  border-color: #dbeafe !important;
}

body.xxx-dashboard-page .xwd-submit:hover {
  background: #1d4ed8 !important;
}

body.xxx-dashboard-page .qr-scan {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border-color: rgba(255,255,255,.55) !important;
  box-shadow: 0 18px 36px rgba(37,99,235,.26) !important;
}

/* BanPay monogram: remove cloned XXXPay X mark. */
.xxx-brand__mark,
.xnav-brand-mark,
.xtop-brand-mark,
.xfoot-brand-icon,
.sidebar-logo .xxx-brand__mark {
  position: relative !important;
  overflow: hidden !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.xxx-brand__mark span {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

.xxx-brand__mark span::before,
.xxx-brand__mark span::after {
  content: none !important;
}

.xxx-brand__mark::before,
.xnav-brand-mark::before,
.xtop-brand-mark::before,
.xfoot-brand-icon::before {
  content: "" !important;
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: inherit !important;
  transform: rotate(12deg) !important;
}

.xnav-brand-mark,
.xtop-brand-mark,
.xfoot-brand-icon {
  font-size: 9.5px !important;
}

/* BanPay admin final shell cleanup. */
body.xxx-dashboard-page--admin {
  --banpay-admin-ink: #0b1220;
  --banpay-admin-muted: #64748b;
  --banpay-admin-link: #334155;
  --banpay-admin-primary: #2563eb;
  --banpay-admin-primary-strong: #1d4ed8;
  --banpay-admin-cyan: #06b6d4;
  --banpay-admin-soft: #eff6ff;
  --banpay-admin-line: #dbeafe;
}

body.xxx-dashboard-page--admin .sidebar-menu-header,
body.xxx-dashboard-page--admin .sidebar .sidebar-menu-header,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper .sidebar-menu-header {
  color: var(--banpay-admin-primary) !important;
  border-color: var(--banpay-admin-line) !important;
  letter-spacing: .12em !important;
}

body.xxx-dashboard-page--admin .sidebar-menu-wrapper a,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper a span,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper .menu-title,
body.xxx-dashboard-page--admin .sidebar-menu li a,
body.xxx-dashboard-page--admin .sidebar-menu li a span,
body.xxx-dashboard-page--admin .admin-quick-link,
body.xxx-dashboard-page--admin .admin-quick-link span {
  color: var(--banpay-admin-link) !important;
  border-color: transparent !important;
}

body.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover span,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a span,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active span,
body.xxx-dashboard-page--admin .admin-quick-link:hover,
body.xxx-dashboard-page--admin .admin-quick-link:hover span {
  color: var(--banpay-admin-primary-strong) !important;
}

body.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active,
body.xxx-dashboard-page--admin .admin-quick-link:hover {
  background: var(--banpay-admin-soft) !important;
  border-color: #bfdbfe !important;
}

body.xxx-dashboard-page--admin .admin-quick-link,
body.xxx-dashboard-page--admin .admin-quick-links a,
body.xxx-dashboard-page--admin .user-wrapper,
body.xxx-dashboard-page--admin .profile-wrapper,
body.xxx-dashboard-page--admin .admin-top-strip,
body.xxx-dashboard-page--admin .dropdown-menu {
  background: #ffffff !important;
  border-color: var(--banpay-admin-line) !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .08) !important;
}

body.xxx-dashboard-page--admin .sidebar-menu-wrapper i,
body.xxx-dashboard-page--admin .sidebar-menu-wrapper svg,
body.xxx-dashboard-page--admin .admin-quick-link i,
body.xxx-dashboard-page--admin .admin-quick-link svg {
  color: var(--banpay-admin-primary) !important;
  fill: currentColor !important;
}

body.xxx-dashboard-page--admin .menu-icon,
body.xxx-dashboard-page--admin .admin-quick-link i,
body.xxx-dashboard-page--admin .admin-quick-link svg,
body.xxx-dashboard-page--admin .sidebar-mobile-menu,
body.xxx-dashboard-page--admin .sidebar-toggler,
body.xxx-dashboard-page--admin .navbar-toggler {
  background: var(--banpay-admin-soft) !important;
  border-color: #bfdbfe !important;
  color: var(--banpay-admin-primary) !important;
}

body.xxx-dashboard-page--admin .badge,
body.xxx-dashboard-page--admin .badge--warning,
body.xxx-dashboard-page--admin .badge-warning,
body.xxx-dashboard-page--admin .text-warning,
body.xxx-dashboard-page--admin .text--warning {
  background: #ecfeff !important;
  border-color: #bae6fd !important;
  color: var(--banpay-admin-primary-strong) !important;
}

body.xxx-dashboard-page--admin .btn--primary,
body.xxx-dashboard-page--admin .btn-primary,
body.xxx-dashboard-page--admin .btn--base,
body.xxx-dashboard-page--admin .btn-base,
body.xxx-dashboard-page--admin .btn--success,
body.xxx-dashboard-page--admin .btn-success {
  background: linear-gradient(135deg, var(--banpay-admin-primary), var(--banpay-admin-cyan)) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, .2) !important;
}

/* BanPay admin specificity lock. */
body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link,
body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper .menu-title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu li a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu li a span {
  color: #334155 !important;
  border-color: transparent !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-header,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar .sidebar-menu-header,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper .sidebar-menu-header {
  color: #2563eb !important;
  border-color: #dbeafe !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link:hover span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active span {
  color: #1d4ed8 !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper li.active > a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu-wrapper a.active {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .menu-icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link i,
body.xxx-dashboard-page.xxx-dashboard-page--admin .admin-quick-link svg,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-mobile-menu,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-toggler,
body.xxx-dashboard-page.xxx-dashboard-page--admin .navbar-toggler {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #2563eb !important;
}

/* BanPay admin menu exact override. */
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a .menu-title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a .menu-title {
  color: #334155 !important;
  border-color: transparent !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a:hover span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a:hover .menu-title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item.active > a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item.active > a span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item.active > a .menu-title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a:hover span,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a:hover .menu-title {
  color: #1d4ed8 !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item a:hover,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-menu .sidebar-menu-item.active > a,
body.xxx-dashboard-page.xxx-dashboard-page--admin .sidebar-submenu .sidebar-menu-item a:hover {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

/* BanPay admin breadcrumb icon cleanup. */
body.xxx-dashboard-page.xxx-dashboard-page--admin .breadcrumb-area .left .icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-header .left .icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-title .icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .top-area .icon {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, .18) !important;
  color: #ffffff !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .breadcrumb-area .left .icon *,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-header .left .icon *,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-title .icon *,
body.xxx-dashboard-page.xxx-dashboard-page--admin .top-area .icon * {
  color: #ffffff !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .breadcrumb-area .title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-header .title,
body.xxx-dashboard-page.xxx-dashboard-page--admin .page-title,
body.xxx-dashboard-page.xxx-dashboard-page--admin h1,
body.xxx-dashboard-page.xxx-dashboard-page--admin h2,
body.xxx-dashboard-page.xxx-dashboard-page--admin h3 {
  color: #0b1220 !important;
}

/* BanPay admin purple residue cleanup. */
body.xxx-dashboard-page.xxx-dashboard-page--admin .navbar-wrapper .dashboard-title-part .left .icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .navbar-wrapper .dashboard-title-part .icon,
body.xxx-dashboard-page.xxx-dashboard-page--admin .main-body-wrapper .dashboard-title-part .left .icon {
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, .18) !important;
  color: #ffffff !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .navbar-wrapper .dashboard-title-part .left .icon *,
body.xxx-dashboard-page.xxx-dashboard-page--admin .navbar-wrapper .dashboard-title-part .icon *,
body.xxx-dashboard-page.xxx-dashboard-page--admin .main-body-wrapper .dashboard-title-part .left .icon * {
  color: #ffffff !important;
}

body.xxx-dashboard-page.xxx-dashboard-page--admin .apexcharts-legend-marker,
body.xxx-dashboard-page.xxx-dashboard-page--admin .apexcharts-tooltip-marker {
  background: #06b6d4 !important;
  color: #06b6d4 !important;
}