/**
 * BizzaPay brand layer — loaded after style.css on every page.
 * Type pairing matches the mobile app (bible A1.3):
 *   Aspekta — titles, balances, display
 *   Outfit  — body, forms, buttons, tables
 */

@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/aspekta/Aspekta-300.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/aspekta/Aspekta-400.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/aspekta/Aspekta-500.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/aspekta/Aspekta-600.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/aspekta/Aspekta-700.woff2") format("woff2");
}

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/outfit/Outfit-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/outfit/Outfit-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/outfit/Outfit-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/outfit/Outfit-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/outfit/Outfit-Bold.woff2") format("woff2");
}

:root {
  --bp-primary: #2648e6;
  --bp-primary-dark: #1b34b0;
  --bp-primary-soft: #e8edff;
  --bp-ink: #0b0b0f;
  --bp-paper: #f6f7fb;
  --bp-white: #ffffff;
  --bp-muted: #6b7280;
  --bp-line: #e6e8f0;
  --bp-success: #16a34a;
  --bp-warning: #f59e0b;
  --bp-danger: #dc2626;
  --bp-radius: 16px;
  --bp-radius-sm: 12px;
  --bp-scroll-track: #eef0f6;
  --bp-scroll-thumb: #c5cad6;
  --bp-scroll-thumb-hover: #2648e6;
  --bp-header-h: 80px;
  --bp-header-bg: #ffffff;
  --font-ui: "Outfit", system-ui, -apple-system, sans-serif;
  --font-display: "Aspekta", "Outfit", system-ui, sans-serif;

  --theme-deafult: #2648e6;
  --theme-secondary: #1b34b0;
  --body-font-color: #0b0b0f;
  --light-background: rgba(246, 247, 251, 0.86);
  --light-bg: #f6f7fb;
  --light2: #f6f7fb;
  --light-slate: #f6f7fb;
  --chart-border: #e6e8f0;
  --recent-box-bg: #f6f7fb;
  --balance-profie-bg: #e8edff;
  --view-border-marker: #2648e6;
  --light-shade-primary: #e8edff;
  --dark-primary: #2648e6;
  --fc-button-bg-color: #2648e6;
  --fc-button-active-bg-color: #2648e6;
  --fc-button-active-border-color: #2648e6;
  --fc-button-border-color: #2648e6;
  --fc-button-hover-bg-color: #1b34b0;
  --fc-button-hover-border-color: #1b34b0;
  --bs-font-sans-serif: "Outfit", system-ui, -apple-system, sans-serif;
  --bs-body-font-family: "Outfit", system-ui, -apple-system, sans-serif;
  --bs-body-color: #0b0b0f;
  --bs-primary: #2648e6;
  --bs-link-color: #2648e6;
}

html[data-theme="dark"] {
  --bp-ink: #f3f5fa;
  --bp-paper: #0c0f1a;
  --bp-white: #151a28;
  --bp-header-bg: #0f1320;
  --bp-muted: #9aa3b8;
  --bp-line: #2c3348;
  --bp-primary-soft: rgba(38, 72, 230, 0.28);
  --bp-scroll-track: #121624;
  --bp-scroll-thumb: #3a4258;
  --bp-scroll-thumb-hover: #6b7cff;
  --body-font-color: #f3f5fa;
  --light-background: rgba(12, 15, 26, 0.86);
  --light-bg: #0c0f1a;
  --light2: #0c0f1a;
  --light-slate: #151a28;
  --chart-border: #2c3348;
  --recent-box-bg: #151a28;
  --balance-profie-bg: rgba(38, 72, 230, 0.22);
  --light-shade-primary: rgba(38, 72, 230, 0.22);
  --bs-body-color: #f3f5fa;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--bp-scroll-thumb) var(--bp-scroll-track);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 11px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: var(--bp-scroll-track);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--bp-scroll-thumb);
  border-radius: 99px;
  border: 3px solid var(--bp-scroll-track);
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: var(--bp-scroll-thumb-hover);
  border: 3px solid var(--bp-scroll-track);
  background-clip: padding-box;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--bp-scroll-thumb) var(--bp-scroll-track);
}

*::-webkit-scrollbar:vertical {
  width: 11px;
}

*::-webkit-scrollbar-track:vertical {
  background: var(--bp-scroll-track);
  border-radius: 99px;
}

*::-webkit-scrollbar-thumb:vertical {
  background: var(--bp-scroll-thumb);
  border-radius: 99px;
  border: 3px solid var(--bp-scroll-track);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:vertical:hover {
  background: var(--bp-scroll-thumb-hover);
}

.simplebar-track.simplebar-vertical {
  width: 11px;
  right: 2px;
  background: transparent;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar::before,
.simplebar-scrollbar::before {
  background: var(--bp-scroll-thumb) !important;
  border-radius: 99px;
  left: 3px;
  right: 3px;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 0.95;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:hover::before {
  background: var(--bp-scroll-thumb-hover) !important;
}

body,
.page-wrapper,
.page-body,
.page-body-wrapper,
.modal,
.dropdown-menu,
.popover,
.tooltip,
.swal2-popup,
.simple-notify,
.dataTables_wrapper,
.select2-container,
.Typeahead {
  font-family: var(--font-ui);
  letter-spacing: 0.01em;
}

body {
  font-size: 15px;
  line-height: 1.5;
  color: var(--bp-ink);
  background: var(--bp-paper);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title h4,
.page-title h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-title,
.f-22,
.balance-widget h4,
.login-card .login-main .theme-form h4,
.modal-title,
.invoice .media h4 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  color: var(--bp-ink);
}

* a,
a {
  letter-spacing: 0.01em;
  font-family: inherit;
}

button,
.btn,
input,
select,
textarea,
label,
.form-control,
.form-select,
.col-form-label,
.nav-link,
.sidebar-link,
.sidebar-submenu a,
.breadcrumb,
.badge,
.table,
.dataTables_wrapper,
.dropdown-item,
.tf-navigation-bar,
.purchase-btn {
  font-family: var(--font-ui) !important;
}

/* Icon glyph fonts keep their own faces — do not inherit Outfit. */
i.fa,
.fa {
  font-family: FontAwesome !important;
}
i.bx,
.bx,
[class^="bx "],
[class*=" bxl-"],
[class*=" bxs-"] {
  font-family: "boxicons" !important;
}

.page-wrapper .page-body-wrapper .page-body,
.page-body {
  background: var(--bp-paper);
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body,
.page-body {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--bp-header-h));
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-top: var(--bp-header-h);
}

.page-body > footer.footer,
.page-wrapper .page-body-wrapper .page-body > footer.footer {
  margin-top: auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
  max-width: 100%;
  left: auto;
  bottom: auto;
  padding: 18px 0 24px;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  position: relative;
}

.page-body > footer.footer p,
footer.footer p,
.footer-copyright,
.footer-copyright p {
  color: var(--bp-muted);
  font-family: var(--font-ui);
}

.page-header {
  background: var(--bp-header-bg);
  border-bottom: 1px solid var(--bp-line);
  box-shadow: none;
}

html[data-theme="dark"] .page-header,
html[data-theme="dark"] .page-wrapper .page-header,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper,
html[data-theme="dark"] body.dark-only .page-wrapper .page-header .header-wrapper,
html[data-theme="dark"] body.dark-only .page-wrapper .page-header {
  background: var(--bp-header-bg) !important;
  background-color: var(--bp-header-bg) !important;
}

.page-wrapper .page-header,
.page-wrapper.compact-wrapper .page-header {
  height: var(--bp-header-h);
}

.page-wrapper .page-header .header-wrapper,
.page-wrapper.compact-wrapper .page-header .header-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: var(--bp-header-h);
  max-height: var(--bp-header-h);
  height: var(--bp-header-h);
  padding: 0 30px;
  overflow: visible;
  background: var(--bp-header-bg);
}

.page-wrapper .page-header .header-wrapper .search-full:not(.open) {
  visibility: hidden;
  pointer-events: none;
}

.page-wrapper .page-header .header-wrapper .search-full.open {
  visibility: visible;
  pointer-events: auto;
}

.page-header .header-logo-wrapper {
  flex: 0 0 auto;
  width: auto;
}

.page-header .left-header {
  flex: 1 1 0%;
  width: auto;
  max-width: none;
  min-width: 0;
}

.page-header .nav-right,
.page-wrapper .page-header .header-wrapper .nav-right {
  flex: 0 0 auto;
  width: auto !important;
  max-width: none;
}

.page-header .nav-right .nav-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
}

@media (max-width: 1399px) {
  .page-wrapper .page-header .header-wrapper,
  .page-wrapper.compact-wrapper .page-header .header-wrapper {
    padding: 0 20px;
  }
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li {
  padding-top: 0;
  padding-bottom: 0;
}

.page-header .bp-avatar--sm {
  width: 32px;
  height: 32px;
  font-size: 11px;
}

.page-header .profile-nav {
  position: relative;
  z-index: 20;
}

.page-header .profile-media {
  min-height: 40px;
  min-width: 40px;
  line-height: 1.2;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-left: 0;
}

.page-header .profile-nav .onhover-show-div.active,
.page-header .profile-nav:hover .onhover-show-div {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.page-header .profile-media .media-body p {
  display: none;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
  min-width: 220px;
  width: max-content;
  max-width: min(280px, calc(100vw - 24px));
  left: auto;
  right: 0;
  padding: 8px 0;
  top: calc(100% + 8px);
  z-index: 1040;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(11, 11, 15, 0.12);
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
  padding: 0 !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 10px 16px;
  color: var(--bp-ink);
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a.bp-logout,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a.bp-logout i,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a.bp-logout span,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a.bp-logout span,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a.bp-logout span {
  color: var(--bp-danger) !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
  color: var(--bp-ink);
  white-space: nowrap;
  font-family: var(--font-ui);
}

.page-header .left-header {
  display: flex;
  align-items: center;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.page-header .notification-slider {
  width: 100%;
  max-width: 100%;
}

.page-header .notification-slider .slick-list,
.page-header .notification-slider .slick-track {
  height: 40px !important;
}

.page-header .notification-slider .slick-slide,
.page-header .notification-slider .slick-slide > div {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
}

.page-header .notification-slider .slick-vertical .slick-slide {
  border: 0 !important;
  height: 40px !important;
}

.page-header .notification-slider .bp-ticker-slide,
.page-header .notification-slider .d-flex {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start;
  height: 40px !important;
  gap: 10px;
  margin: 0 !important;
  min-width: 0;
}

.page-header .bp-ticker-fire {
  display: none !important;
}

.page-header .header-wrapper .left-header img,
.page-header .left-header img,
.page-header .notification-slider img,
.page-header .bp-ticker-fire img,
.left-header img {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  height: 22px !important;
  width: 22px !important;
  max-height: 22px !important;
  max-width: 22px !important;
  object-fit: cover;
  object-position: center center;
  display: block !important;
  vertical-align: middle;
  align-self: center;
  position: static !important;
  top: auto !important;
}

.page-header .notification-slider h6 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 22px !important;
  height: 22px;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 13px;
}

.page-header .notification-slider a,
.page-header .bp-ticker-link {
  display: inline-flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  flex: 0 0 auto;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul {
  position: static;
  top: auto;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
  display: none;
}

@media (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0;
    color: var(--bp-ink);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg {
  width: 22px;
  height: 22px;
  stroke: var(--bp-ink);
}

html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg {
  stroke: #f4f4f4;
}

.page-wrapper .page-header .header-logo-wrapper,
.page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper,
html[data-theme="dark"] .page-wrapper .page-header .header-logo-wrapper,
html[data-theme="dark"] body.dark-only .page-wrapper .page-header .header-logo-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before,
.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:after,
.page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar:before,
.page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar:after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
.page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar,
html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
html[data-theme="dark"] body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,
html[data-theme="dark"] body.dark-only .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
  border: 0 !important;
  border-right: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  :root {
    --bp-header-h: 64px;
  }

  .page-wrapper .page-header .header-wrapper,
  .page-wrapper.compact-wrapper .page-header .header-wrapper {
    padding: 0 16px !important;
  }

  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin: 0;
    padding: 0;
    border: 0 !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: var(--bp-header-h) !important;
    margin-left: 0 !important;
    padding: 0 16px 24px;
  }

  .page-wrapper .page-body-wrapper .page-title {
    margin: 12px 0 16px !important;
    padding: 14px 16px !important;
    background: var(--bp-white) !important;
    border: 1px solid var(--bp-line);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
  }

  .page-wrapper .page-header .header-wrapper .nav-right > ul {
    top: auto !important;
  }

  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none !important;
  }

  .page-header .profile-media {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    gap: 0;
  }

  .page-header .profile-nav .bp-avatar--sm {
    width: 100%;
    height: 100%;
    font-size: 12px;
  }

  .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img,
  .page-header .profile-media .bp-avatar-img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 0 4px;
  }
}

@media (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body > .container-fluid > .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body > .container-fluid > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }

  .bp-pill-card > .card-body {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .bp-services,
  .bp-pill-card .tab-content,
  .bar-chart-widget,
  #chart-widget4 {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-header .left-header,
  .page-header .notification-slider,
  .page-header .bp-ticker-link {
    display: none !important;
  }

  .page-wrapper .page-body-wrapper .page-title > .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .page-wrapper .page-body-wrapper .page-title .breadcrumb,
  .page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs {
    justify-content: flex-start;
    margin-top: 0;
    flex-wrap: wrap;
    gap: 2px 0;
  }

  .page-wrapper .page-body-wrapper .page-title .breadcrumb .stroke-icon {
    width: 16px;
    height: 16px;
  }

  .page-title h4 {
    font-size: 1.2rem;
    margin: 0;
  }

  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown,
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.active {
    position: fixed;
    top: calc(var(--bp-header-h) + 6px);
    right: 12px;
    left: auto;
    width: min(260px, calc(100vw - 24px));
    min-width: 200px;
    max-width: calc(100vw - 24px);
    z-index: 1040;
  }
}

@media (max-width: 575.98px) {
  :root {
    --bp-header-h: 56px;
  }

  .page-wrapper .page-header .header-wrapper,
  .page-wrapper.compact-wrapper .page-header .header-wrapper {
    padding: 0 12px !important;
  }

  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin: 0;
    padding: 0;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    padding: 0 12px calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .page-header .notification-slider h6 {
    font-size: 12px;
  }

  .page-header .notification-slider .slick-list,
  .page-header .notification-slider .slick-track,
  .page-header .notification-slider .slick-slide,
  .page-header .notification-slider .slick-slide > div,
  .page-header .notification-slider .slick-vertical .slick-slide,
  .page-header .notification-slider .bp-ticker-slide {
    height: 32px !important;
  }

  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 0 2px;
  }

  .page-header .bp-inbox-bell,
  .page-header .bp-bal-toggle,
  .page-header .bp-theme-nav .bp-theme-toggle {
    width: 40px;
    height: 40px;
  }
}

.bp-inbox-nav {
  position: relative;
  display: flex;
  align-items: center;
}

.bp-inbox-bell {
  position: relative;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-inbox-bell:hover,
.bp-inbox-bell:focus-visible {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  outline: none;
}

.bp-inbox-bell i.fa {
  font-family: FontAwesome !important;
  font-size: 18px;
  line-height: 1;
}

.bp-bal-nav {
  display: flex;
  align-items: center;
}

.page-header .bp-bal-toggle {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-header .bp-bal-toggle:hover,
.page-header .bp-bal-toggle:focus-visible {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  outline: none;
}

.bp-bal-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  vertical-align: middle;
}

.bp-bal-toggle i.fa {
  font-family: FontAwesome !important;
  font-size: 16px;
  line-height: 1;
}

.bp-bal-toggle:hover,
.bp-bal-toggle:focus-visible {
  color: var(--bp-primary);
  outline: none;
}

.bp-bal-toggle.is-on-dark,
.bp-wallet .bp-bal-toggle {
  color: #fff;
}

.bp-bal-toggle.is-on-dark:hover,
.bp-wallet .bp-bal-toggle:hover,
.bp-wallet .bp-bal-toggle:focus-visible {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.bp-wallet-kicker-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bp-earn-kicker,
.bp-tasks-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bp-bal.is-masked {
  letter-spacing: 0.14em;
}

html[data-theme="dark"] .page-header .bp-bal-toggle {
  color: #f4f4f4;
}

.bp-inbox-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 99px;
  background: #dc2626;
  color: #fff;
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.bp-inbox-panel {
  position: absolute;
  right: 0;
  left: auto;
  top: calc(100% + 8px);
  width: min(360px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(11, 11, 15, 0.12);
  z-index: 20;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .page-header .bp-inbox-nav {
    position: static;
  }

  .page-header .bp-inbox-panel {
    position: fixed !important;
    top: calc(var(--bp-header-h, 56px) + 8px) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--bp-header-h, 56px) - 88px);
    display: flex;
    flex-direction: column;
    z-index: 1100;
  }

  .page-header .bp-inbox-panel[hidden] {
    display: none !important;
  }

  .page-header .bp-inbox-list {
    max-height: none;
    flex: 1 1 auto;
    min-height: 0;
  }
}

.bp-inbox-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--bp-line);
}

.bp-inbox-head strong {
  font-family: var(--font-display);
  font-size: 1rem;
  color: var(--bp-ink);
}

.bp-inbox-readall {
  border: 0;
  background: none;
  color: var(--bp-primary);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.bp-inbox-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  max-height: 360px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bp-inbox-list li a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none !important;
  color: var(--bp-ink);
}

.bp-inbox-list li.is-unread a {
  background: var(--bp-primary-soft);
  box-shadow: inset 0 0 0 1px rgba(38, 72, 230, 0.12);
}

.bp-inbox-list li a:hover {
  background: var(--bp-paper);
}

.bp-inbox-list li.is-unread a:hover {
  background: #dce4ff;
}

.bp-inbox-title {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
}

.bp-inbox-body,
.bp-inbox-time {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-inbox-empty {
  padding: 24px 12px;
  text-align: center;
  color: var(--bp-muted);
  font-family: var(--font-ui);
  font-size: 13px;
}

.bp-inbox-all {
  display: block;
  text-align: center;
  padding: 12px;
  border-top: 1px solid var(--bp-line);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  color: var(--bp-primary) !important;
  text-decoration: none !important;
}

.bp-inbox-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 22px 24px 8px;
}

.bp-inbox-page-head h4 {
  margin: 0;
}

.bp-inbox-page-head p {
  margin: 4px 0 0;
  color: var(--bp-muted);
  font-family: var(--font-ui);
}

.bp-inbox-page-list {
  padding: 8px 20px 20px;
  display: grid;
  gap: 10px;
}

.bp-inbox-card {
  position: relative;
  display: flex;
  gap: 0;
  padding: 16px 18px;
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  background: var(--bp-paper);
}

.bp-inbox-card.is-unread {
  background: var(--bp-white);
  border-color: rgba(38, 72, 230, 0.28);
  padding-left: 30px;
}

.bp-inbox-dot {
  flex: 0 0 0;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.bp-inbox-card.is-unread .bp-inbox-dot {
  position: absolute;
  left: 12px;
  top: 22px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: visible;
  background: var(--bp-primary);
}

.bp-inbox-card-body {
  min-width: 0;
  flex: 1;
}

.bp-inbox-card-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}

.bp-inbox-card-top h5 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.05rem;
  color: var(--bp-ink);
}

.bp-inbox-card-top time,
.bp-inbox-card-body p {
  font-family: var(--font-ui);
  color: var(--bp-muted);
  font-size: 13px;
}

.bp-inbox-card-body p {
  margin: 6px 0 10px;
  color: var(--bp-ink);
}

.bp-inbox-card-actions {
  display: flex;
  gap: 14px;
}

.bp-inbox-card-actions a,
.bp-inbox-card-actions button {
  border: 0;
  background: none;
  padding: 0;
  color: var(--bp-primary);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
}

.bp-inbox-audience {
  display: flex;
  gap: 18px;
  font-family: var(--font-ui);
}

.bp-inbox-audience label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.bp-inbox-suggest {
  margin-top: 8px;
  border: 1px solid var(--bp-line);
  border-radius: 12px;
  background: var(--bp-white);
  overflow: hidden;
}

.bp-inbox-suggest-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 10px 12px;
  cursor: pointer;
  color: var(--bp-ink);
}

.bp-inbox-suggest-item:hover {
  background: var(--bp-paper);
}

.bp-inbox-suggest-item span {
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-inbox-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.bp-inbox-chip {
  border: 1px solid var(--bp-line);
  background: var(--bp-paper);
  color: var(--bp-ink);
  border-radius: 999px;
  padding: 6px 10px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.bp-inbox-sent + .bp-inbox-sent {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--bp-line);
}

.bp-inbox-sent strong {
  display: block;
  color: var(--bp-ink);
}

.bp-inbox-sent span,
.bp-inbox-sent p {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
  margin: 2px 0 0;
}

html[data-theme="dark"] .bp-inbox-bell {
  color: #f4f4f4;
}

.page-wrapper .page-body-wrapper .page-title {
  background: var(--bp-white);
  border-bottom: 1px solid var(--bp-line);
}

.page-wrapper .page-body-wrapper .page-title.is-crumb-only {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 18px;
}

.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs,
.page-wrapper .page-body-wrapper .page-title.is-crumb-only .bp-admin-crumbs {
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  background: transparent;
}

.page-title h4 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.45rem;
  letter-spacing: -0.02em;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb,
.page-wrapper .page-body-wrapper .page-title .breadcrumb li,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs .breadcrumb-item,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs .breadcrumb-item a,
.breadcrumb,
.breadcrumb-item {
  font-family: var(--font-ui) !important;
  letter-spacing: 0.01em !important;
  font-weight: 500;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active,
.bp-admin-crumbs .breadcrumb-item.active {
  font-family: var(--font-ui) !important;
  color: var(--bp-primary);
}

.breadcrumb,
.page-wrapper .page-body-wrapper .page-title .breadcrumb,
.bp-admin-crumbs {
  --bs-breadcrumb-divider-color: var(--bp-muted);
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb li,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs .breadcrumb-item,
.page-wrapper .page-body-wrapper .page-title .bp-admin-crumbs .breadcrumb-item a,
.bp-admin-crumbs,
.bp-admin-crumbs .breadcrumb-item,
.bp-admin-crumbs .breadcrumb-item a {
  color: var(--bp-muted);
}

.breadcrumb-item + .breadcrumb-item::before,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before,
.bp-admin-crumbs .breadcrumb-item + .breadcrumb-item::before,
.bp-admin-crumbs .breadcrumb-item + .breadcrumb-item:before {
  color: var(--bp-muted) !important;
  content: "/";
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .stroke-icon,
.bp-admin-crumbs .stroke-icon {
  stroke: var(--bp-muted);
}

.bp-admin-crumb-bar {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 4px;
  padding-bottom: 0;
}

.bp-admin-crumb-bar .bp-admin-crumbs {
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  flex-wrap: wrap;
}

.bp-admin-crumbs .stroke-icon {
  width: 16px;
  height: 16px;
}

.card {
  border-radius: var(--bp-radius);
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
  border: 1px solid var(--bp-line);
  letter-spacing: 0;
}

.card .card-header,
.card .card-footer {
  background-color: var(--bp-white);
  border-color: var(--bp-line);
}

.card .card-header {
  border-bottom-color: var(--bp-line);
  border-top-left-radius: var(--bp-radius);
  border-top-right-radius: var(--bp-radius);
  padding: 22px 24px;
}

.card .card-header h5,
.card .card-header h6 {
  font-weight: 600;
}

.btn {
  border-radius: var(--bp-radius-sm);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.62rem 1.15rem;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--bp-primary-dark) !important;
  border-color: var(--bp-primary-dark) !important;
}

.btn-outline-primary,
.btn-outline-primary-2x {
  color: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary-2x:hover {
  color: #fff !important;
  background: var(--bp-primary) !important;
}

.bg-primary,
.badge-primary,
.badge.badge-primary {
  background-color: var(--bp-primary) !important;
}

.txt-primary,
.font-primary,
.text-primary {
  color: var(--bp-primary) !important;
}

.form-control,
.form-select,
select.form-control,
.login-card .login-main .theme-form input {
  font-family: var(--font-ui);
  border-radius: var(--bp-radius-sm) !important;
  border-color: var(--bp-line);
  background-color: #fff;
  min-height: 46px;
  color: var(--bp-ink);
}

.form-select.form-select-sm {
  min-height: 0;
  border-radius: 10px !important;
}

.form-control:focus,
.form-select:focus,
.login-card .login-main .theme-form input:hover,
.login-card .login-main .theme-form input:focus {
  border-color: var(--bp-primary) !important;
  box-shadow: 0 0 0 3px var(--bp-primary-soft) !important;
  background-color: #fff;
}

select,
.form-select,
select.form-control,
select.select,
.theme-form select,
.dt-length select,
.dataTables_length select,
.bp-dt-select,
select.dt-input,
.dt-container select {
  --bp-select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: var(--bp-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px 12px !important;
  padding-right: 2.5rem;
}

.form-select.form-select-sm {
  background-position: right 10px center !important;
  background-size: 10px 10px !important;
  padding-right: 2rem;
}

select::-ms-expand,
.form-select::-ms-expand {
  display: none;
}

select[multiple],
select[size]:not([size="1"]),
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  background-image: none !important;
  padding-right: 12px;
}

.col-form-label,
label {
  font-weight: 500;
  color: var(--bp-ink);
}

.sidebar-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
html[data-theme="light"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
html[data-theme="dark"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background: #0f1220 !important;
  box-shadow: none;
}

.bg-overlay,
.bg-overlay.active {
  position: fixed;
  inset: 0;
  z-index: 1105;
  background: rgba(11, 11, 15, 0.45);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

html[data-theme="dark"] .bg-overlay,
html[data-theme="dark"] .bg-overlay.active {
  background: rgba(0, 0, 0, 0.55);
}

@media (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    z-index: 1110;
    top: 0;
    bottom: 0;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh;
    transform: translate3d(-100%, 0, 0) !important;
    pointer-events: none;
  }

  body.bp-sidebar-open .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
  body.bp-sidebar-open .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: none !important;
    pointer-events: auto;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main #sidebar-menu {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: 100% !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    flex: 0 0 auto;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
    display: none;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper #simple-bar,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-wrapper,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-mask,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-offset,
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content-wrapper {
    height: 100% !important;
    max-height: 100%;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-links .sidebar-list:last-child {
    margin-bottom: 12px;
    padding-bottom: 8px;
  }

  body.bp-sidebar-open {
    overflow: hidden;
  }
}

@media (min-width: 992px) {
  .bg-overlay,
  .bg-overlay.active {
    display: none !important;
  }
}

.bp-sidebar-brand,
html[data-theme="light"] .bp-sidebar-brand,
html[data-theme="dark"] .bp-sidebar-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  color: #fff !important;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  line-height: 1;
}

.bp-sidebar-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.bp-sidebar-brand img,
.bp-sidebar-mark img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
  position: relative;
}

.sidebar-wrapper .logo-wrapper .toggle-sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.sidebar-wrapper .logo-wrapper .toggle-sidebar:before {
  display: none;
}

.sidebar-wrapper .logo-wrapper .toggle-sidebar svg,
.sidebar-wrapper .logo-icon-wrapper .toggle-sidebar svg {
  width: 20px;
  height: 20px;
  stroke: rgba(255, 255, 255, 0.9);
}

.page-wrapper.compact-wrapper.dark-sidebar .sidebar-wrapper .logo-wrapper .toggle-sidebar svg,
.page-wrapper.compact-wrapper.color-sidebar .sidebar-wrapper .logo-wrapper .toggle-sidebar svg {
  stroke: rgba(255, 255, 255, 0.9);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper .bp-sidebar-brand span:not(.bp-sidebar-mark) {
  display: none;
}

@media (min-width: 992px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    min-width: 90px;
    overflow: visible;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 8px 14px !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper .back-btn {
    display: none !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper .toggle-sidebar {
    display: flex !important;
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    display: none !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding: 18px 18px 14px !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper .toggle-sidebar {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper .bp-sidebar-brand span:not(.bp-sidebar-mark) {
    display: inline;
  }
}

@media (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
    display: none !important;
  }
}

.sidebar-main-title.pin-title:not(.show) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:first-of-type,
.sidebar-wrapper .sidebar-links > .sidebar-list:first-of-type {
  margin-top: 0;
}

.sidebar-wrapper .sidebar-links .sidebar-link,
.sidebar-wrapper .sidebar-list > a,
.sidebar-wrapper .sidebar-link span,
.sidebar-submenu a {
  font-family: var(--font-ui);
  font-weight: 500;
  letter-spacing: 0;
}

.sidebar-wrapper .sidebar-list .sidebar-link:hover,
.sidebar-wrapper .sidebar-list .sidebar-link.active,
.sidebar-links .sidebar-link.active {
  color: #fff;
}

.sidebar-wrapper .sidebar-main-title h6,
.page-wrapper .sidebar-main-title h6,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title h6 {
  font-family: var(--font-ui);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.42);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
  background: rgba(255, 255, 255, 0.08);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  box-shadow: none !important;
  padding: 18px 18px 14px !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  box-shadow: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
  text-align: center !important;
  padding: 16px 10px !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper .bp-sidebar-mark {
  margin: 0 auto;
}

.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
  color: rgba(255, 255, 255, 0.78);
}

.sidebar-wrapper .sidebar-link span,
.sidebar-wrapper .sidebar-list > a span {
  color: inherit;
}

.sidebar-wrapper .sidebar-link svg,
.sidebar-wrapper .sidebar-link svg.feather,
.sidebar-wrapper svg.feather {
  color: rgba(255, 255, 255, 0.45) !important;
  stroke: rgba(255, 255, 255, 0.45) !important;
  fill: none !important;
}

.sidebar-wrapper .sidebar-list .sidebar-link:hover,
.sidebar-wrapper .sidebar-list .sidebar-link.active,
.sidebar-links .sidebar-link.active,
html[data-theme="light"] .sidebar-wrapper .sidebar-list .sidebar-link.active,
html[data-theme="dark"] .sidebar-wrapper .sidebar-list .sidebar-link.active {
  color: #fff;
}

.sidebar-wrapper .sidebar-list .sidebar-link:hover svg,
.sidebar-wrapper .sidebar-list .sidebar-link.active svg,
.sidebar-wrapper .sidebar-list .sidebar-link:hover svg.feather,
.sidebar-wrapper .sidebar-list .sidebar-link.active svg.feather {
  color: #fff !important;
  stroke: #fff !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active,
html[data-theme="light"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active,
html[data-theme="dark"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(38, 72, 230, 0.28) !important;
  margin-bottom: 0 !important;
  border-radius: 12px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
  background-color: var(--bp-primary);
  opacity: 1;
  visibility: visible;
}

.sidebar-wrapper .sidebar-submenu a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.55) !important;
}

.sidebar-wrapper .sidebar-submenu a:hover,
.sidebar-wrapper .sidebar-submenu a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
  color: #fff !important;
}

.sidebar-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.45);
}

.sidebar-list.bp-sidebar-logout {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-wrapper .sidebar-link.link-nav .according-menu,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu,
.sidebar-list:not(:has(.sidebar-submenu)) .according-menu {
  display: none !important;
}

.login-card {
  background: var(--bp-paper);
}

.auth-shell {
  min-height: 100vh;
  margin: 0;
}

.auth-aside {
  position: relative;
  min-height: 100vh;
  padding: 48px 44px 56px;
  color: #fff;
  background: #0b0b0f;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
}

.auth-aside-visual {
  position: absolute;
  inset: 0;
  background-image: url("../images/auth-aside.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.auth-aside-visual::before,
.auth-aside-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.auth-aside-visual::after {
  background: linear-gradient(180deg, rgba(11, 11, 15, 0.12) 0%, rgba(11, 11, 15, 0.35) 42%, rgba(11, 11, 15, 0.88) 100%);
}

.auth-aside-copy {
  position: relative;
  z-index: 1;
  max-width: 420px;
}

.auth-aside-kicker {
  margin: 0 0 12px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.auth-aside-copy h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 2.4vw, 2.45rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #fff;
}

.auth-aside-copy > p {
  margin: 0 0 22px;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}

.auth-aside-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.auth-aside-points li {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 8px 12px;
}

.login-card > div {
  width: min(440px, 100%);
  margin-inline: auto;
}

.login-card .logo {
  display: block;
  text-align: start;
  margin-bottom: 24px;
}

.login-card .logo img {
  max-height: 50px;
  width: auto;
}

.login-card .logo .bp-wordmark img {
  width: 36px;
  height: 36px;
  max-height: 36px;
}

.login-card .login-main {
  width: 100%;
  padding: 36px 32px;
  border-radius: 20px;
  box-shadow: 0 16px 48px rgba(11, 11, 15, 0.08);
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
}

.login-card .login-main .theme-form h4 {
  font-size: 1.65rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.login-card .login-main .theme-form p {
  color: var(--bp-muted);
  font-size: 15px;
}

.login-card .login-main .theme-form input {
  background: var(--bp-paper);
}

.login-card .login-main .theme-form .btn-block,
.login-card .login-main .theme-form .btn-primary {
  margin-top: 8px;
  min-height: 48px;
  border-radius: 14px;
}

.bp-google-auth {
  color-scheme: light;
}

.bp-google-auth-btn {
  position: relative;
  display: block;
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid var(--bp-line);
  background: var(--bp-paper);
  overflow: hidden;
  color-scheme: light;
}

.bp-google-auth-btn:hover {
  border-color: rgba(38, 72, 230, 0.45);
}

.bp-google-auth-face {
  pointer-events: none;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 600;
  color: var(--bp-ink);
}

.bp-google-auth-face .bp-google-g {
  display: block;
  flex: 0 0 20px;
}

.bp-google-auth-btn #g_id_onload {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.bp-google-auth-btn .g_id_signin,
.bp-google-auth-btn .g_id_signin > div,
.bp-google-auth-btn .g_id_signin iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 48px !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  color-scheme: light;
}

.bp-google-auth-btn .g_id_signin {
  z-index: 2;
  opacity: 0.001;
  overflow: hidden;
}

.bp-wallet-card {
  border: 0;
  background: transparent;
  box-shadow: 0 18px 40px rgba(38, 72, 230, 0.22);
}

.bp-wallet-card .card-body {
  padding: 0;
}

.balance-widget,
.bp-wallet {
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: 20px;
  background:
    radial-gradient(720px 220px at 92% -10%, rgba(255, 255, 255, 0.22), transparent 55%),
    linear-gradient(135deg, #4d6bff 0%, #2648e6 46%, #1a2ea6 100%);
}

.balance-widget.balance-banner,
.bp-wallet {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding: 28px 28px 26px;
  min-height: 188px;
}

.bp-wallet-glow {
  position: absolute;
  width: 220px;
  height: 220px;
  right: -48px;
  bottom: -72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  pointer-events: none;
}

.bp-wallet-glow::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  left: -70px;
  top: -24px;
  border-radius: 50%;
  border: 18px solid rgba(255, 255, 255, 0.08);
}

.wallet-summary {
  position: relative;
  z-index: 1;
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bp-wallet-kicker,
.balance-widget .f-light,
.balance-widget span.f-w-500 {
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-wallet-amount,
.balance-widget h4,
.account-type-pill h4 {
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 8px 0 16px;
}

.account-type-pill,
.bp-wallet-plan {
  position: relative;
  z-index: 1;
  background: rgba(11, 15, 40, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  padding: 18px 20px 18px;
  min-width: 200px;
  flex: 0 0 auto;
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.account-type-pill h4 {
  font-size: 1.45rem;
  margin: 6px 0 14px;
  text-transform: capitalize;
}

.bp-wallet-fund,
.bp-wallet-upgrade,
.balance-widget .btn,
.balance-widget .purchase-btn {
  border-radius: 999px !important;
  font-family: var(--font-ui) !important;
  font-weight: 600;
  padding: 0.55rem 1.15rem !important;
  width: fit-content;
}

.bp-wallet-fund,
.bp-wallet-fund.btn {
  background: #fff !important;
  border-color: #fff !important;
  color: #2648e6 !important;
}

.bp-wallet-fund:hover,
.bp-wallet-fund:focus {
  background: #f3f5ff !important;
  color: #1b34b0 !important;
}

.bp-wallet-upgrade,
.bp-wallet-upgrade.btn {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #fff !important;
}

.bp-wallet-upgrade:hover,
.bp-wallet-upgrade:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

@media (max-width: 575.98px) {
  .balance-widget.balance-banner,
  .bp-wallet {
    flex-direction: column;
    align-items: stretch;
    padding: 22px 20px 20px;
    min-height: 0;
  }

  .account-type-pill,
  .bp-wallet-plan {
    width: 100%;
    min-width: 0;
  }

  .bp-wallet-fund,
  .bp-wallet-upgrade {
    width: 100%;
    text-align: center;
  }
}

.bp-earn {
  overflow: hidden;
  border: 1px solid var(--bp-line);
}

.bp-earn-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 22px 24px 18px;
}

.bp-earn-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--bp-muted);
  letter-spacing: 0.02em;
}

.bp-earn-kicker i {
  color: var(--bp-primary);
  font-size: 18px;
}

.bp-earn-balance {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--bp-ink);
  margin: 6px 0 4px;
  line-height: 1.15;
}

.bp-earn-hint {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-earn-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.bp-earn-withdraw {
  min-width: 132px;
  border-radius: 999px !important;
  padding: 0.55rem 1.2rem !important;
}

.bp-earn-min {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-earn-history {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--bp-primary) !important;
  text-decoration: none !important;
}

.bp-earn-history:hover {
  text-decoration: underline !important;
}

.bp-earn-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 0 16px 18px;
}

.bp-earn-stat {
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  padding: 14px 16px;
  min-width: 0;
}

.bp-earn-stat-label {
  display: block;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--bp-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.bp-earn-stat strong {
  display: block;
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--bp-ink);
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 575.98px) {
  .bp-earn-hero {
    align-items: stretch;
  }

  .bp-earn-actions {
    align-items: stretch;
  }

  .bp-earn-withdraw {
    width: 100%;
  }

  .bp-earn-stats {
    grid-template-columns: 1fr;
  }
}

.nav-tabs,
.card .nav-tabs,
ul.nav-tabs,
.page-body .nav-tabs,
.modal-content .nav-tabs,
body.dark-only .nav-tabs,
body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-tabs {
  border: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0;
  position: relative;
  isolation: isolate;
}

.nav-tabs::before,
.nav-tabs::after,
.card-header:has(.nav-tabs)::before,
.card-header:has(.nav-tabs)::after,
.bp-pill-nav::before,
.bp-pill-nav::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

.nav-tabs .nav-item {
  margin-bottom: 0 !important;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link.txt-primary,
body.dark-only .nav-tabs .nav-link,
body.dark-only .nav-tabs .nav-link.active,
body.dark-only .nav-tabs .nav-item.show .nav-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 600;
  border-radius: 999px !important;
  padding: 0.55rem 1rem;
  margin: 0 0 8px !important;
  margin-bottom: 8px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--bp-paper);
  color: var(--bp-ink);
  position: relative;
  z-index: 1;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border: 0 !important;
  color: var(--bp-primary);
  background: var(--bp-primary-soft);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.txt-primary.active,
.nav-tabs .nav-item.show .nav-link {
  background: var(--bp-primary-soft) !important;
  color: var(--bp-primary) !important;
  border: 0 !important;
}

.bp-pill-nav,
.card-header:has(.nav-tabs),
.card .card-header:has(.nav-tabs),
.card-header.d-flex:has(.nav-tabs),
.card-body > .card-header:has(.nav-tabs),
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header:has(.nav-tabs) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  padding: 4px 0 8px !important;
  box-shadow: none !important;
}

.bp-pill-card {
  overflow: visible;
}

.bp-pill-card > .bp-pill-nav,
.bp-pill-card .bp-pill-nav,
.bp-pill-card > .nav-tabs {
  padding: 4px 0 12px !important;
}

.bp-pill-card .bp-pill-nav .nav-tabs {
  width: 100%;
}

@media (max-width: 767.98px) {
  .bp-pill-nav .nav-tabs,
  .bp-pill-card .bp-pill-nav .nav-tabs {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .bp-pill-card .bp-pill-nav .nav-item,
  .bp-pill-nav .nav-item {
    width: auto;
    flex: 0 0 auto;
  }

  .bp-pill-card .bp-pill-nav .nav-link,
  .bp-pill-nav .nav-link,
  .nav-tabs .nav-link {
    width: auto !important;
    max-width: 100%;
    white-space: nowrap;
    margin-bottom: 0 !important;
  }
}

.bp-pill-card > .card-body {
  padding: 16px 20px 22px !important;
  overflow: visible;
}

.bp-pill-card .tab-content {
  overflow: visible;
}

.bp-pill-card .card-header,
.bp-pill-card .card-footer,
.tab-content .card-footer,
.tab-pane .card-footer,
.card .tab-content .card-footer,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .tab-pane .card-footer,
body.dark-only .page-wrapper .page-body-wrapper .page-body .bp-pill-card .card-footer,
html[data-theme="dark"] body.dark-only .card .bp-pill-card .card-header,
html[data-theme="dark"] body.dark-only .bp-pill-card .card-footer {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  padding: 8px 0 0;
  box-shadow: none;
}

.tab-pane > h4,
.tab-pane h4.pt-2,
.tab-pane h4.text-center,
.bp-pane-title {
  text-align: left !important;
  font-size: 1.05rem;
  font-weight: 650;
  margin: 4px 0 18px;
  padding: 0;
  border: 0 !important;
  box-shadow: none;
  color: var(--bp-ink);
}

.tab-pane > .card-body {
  padding: 0;
  background: transparent;
}

.bp-settings .card-body {
  padding: 18px 20px 24px;
}

.bp-settings-panes {
  padding-top: 8px;
}

.bp-settings-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.bp-settings-head h2 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--bp-ink);
  text-align: left;
}

.bp-settings-head p {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-settings-head a {
  color: var(--bp-primary);
  font-weight: 600;
}

.bp-settings-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 12px;
  border: 1px solid var(--bp-line);
  background: var(--bp-paper);
  padding: 6px;
}

.bp-settings .form-label {
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
  color: var(--bp-ink);
  margin-bottom: 6px;
}

.bp-settings-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--bp-line);
}

.bp-settings-follow {
  margin-top: 28px;
  padding-top: 8px;
}

.bp-settings-import + .bp-settings-import {
  margin-top: 22px;
}

.bp-settings-import-row {
  display: flex;
  gap: 12px;
  align-items: center;
}

.bp-settings-import-row .form-control {
  flex: 1 1 auto;
  min-width: 0;
}

.bp-settings-import-row .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.bp-settings-alert {
  margin-bottom: 16px;
}

.bp-settings-info {
  background: var(--bp-paper);
  color: var(--bp-ink);
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius);
  padding: 14px 16px;
  margin-bottom: 16px;
}

.bp-settings-info strong {
  display: block;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--bp-ink);
  margin-bottom: 6px;
}

.bp-settings-info p,
.bp-settings-info li,
.bp-settings-info .small,
.bp-settings-info .text-muted {
  color: var(--bp-muted) !important;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  line-height: 1.55;
}

.bp-settings-info code {
  background: var(--bp-primary-soft);
  color: var(--bp-ink);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 12px;
}

.bp-settings-info ul {
  padding-left: 1.15rem;
  margin-bottom: 8px;
}

html[data-theme="dark"] .bp-settings-info,
body.dark-only .bp-settings-info {
  background: var(--bp-white);
  border-color: var(--bp-line);
}

.bp-admin-help {
  display: block;
  margin-top: 6px;
  font-family: Outfit, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: var(--bp-muted);
}

.bp-admin-help i {
  margin-right: 4px;
  color: var(--bp-primary);
}

.bp-settings .table-responsive {
  margin-top: 4px;
}

@media (max-width: 767.98px) {
  .bp-settings .card-body {
    padding: 14px 14px 20px;
  }

  .bp-settings-head .btn {
    width: 100%;
  }

  .bp-settings-actions {
    justify-content: stretch;
  }

  .bp-settings-actions .btn {
    width: 100%;
  }

  .bp-settings-import-row {
    flex-direction: column;
    align-items: stretch;
  }

  .bp-settings .bp-pill-nav .nav-link {
    font-size: 13px;
    padding: 0.45rem 0.8rem;
  }
}

.card:has(> .card-body .nav-tabs) > .card-body {
  padding: 16px 20px 22px;
}

.bp-inbox-page {
  flex: 1 0 auto;
}

.page-body > .container-fluid:nth-of-type(2) {
  flex: 1 0 auto;
}

.bp-support-hero {
  margin-bottom: 18px;
}

.bp-support-hero h4 {
  margin: 0 0 6px;
}

.bp-support-hero p {
  margin: 0;
  color: var(--bp-muted);
  font-family: var(--font-ui);
}

.bp-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.bp-support-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  text-decoration: none !important;
  color: var(--bp-ink);
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
  transition: transform 0.15s ease, border-color 0.15s ease;
}

.bp-support-card:hover {
  transform: translateY(-1px);
  border-color: rgba(38, 72, 230, 0.35);
  color: var(--bp-ink);
}

.bp-support-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  flex: 0 0 42px;
}

.bp-support-icon i.fa {
  font-family: FontAwesome !important;
  font-size: 18px;
}

.bp-support-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bp-support-copy strong {
  font-family: var(--font-ui);
  font-size: 14px;
}

.bp-support-copy em {
  font-style: normal;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-support-go {
  color: var(--bp-muted);
}

.bp-support-empty {
  grid-column: 1 / -1;
  padding: 28px 20px;
  border: 1px dashed var(--bp-line);
  border-radius: 16px;
  background: var(--bp-white);
  color: var(--bp-muted);
  font-family: var(--font-ui);
}

@media (max-width: 767.98px) {
  .bp-support-grid {
    grid-template-columns: 1fr;
  }
}

.bp-services {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  overflow: visible;
  padding: 6px 0 4px;
}

@media (min-width: 576px) {
  .bp-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 767.98px) and (orientation: portrait) {
  .bp-services {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (min-width: 768px) {
  .bp-services {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (min-width: 1200px) {
  .bp-services {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.bp-svc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 84px;
  padding: 14px 16px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  text-decoration: none !important;
  color: var(--bp-ink);
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
  overflow: visible;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.bp-svc:hover,
.bp-svc:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(38, 72, 230, 0.35);
  box-shadow: 0 14px 28px rgba(11, 11, 15, 0.08);
  color: var(--bp-ink);
}

.bp-svc-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
}

.bp-svc-icon i {
  font-family: "boxicons" !important;
  font-size: 22px;
  line-height: 1;
}

.bp-svc--crypto .bp-svc-icon { background: rgba(247, 147, 26, 0.16); color: #f7931a; }
.bp-svc--pink .bp-svc-icon { background: rgba(225, 48, 108, 0.14); color: #e1306c; }
.bp-svc--amber .bp-svc-icon { background: rgba(245, 158, 11, 0.18); color: #d97706; }
.bp-svc--gold .bp-svc-icon { background: rgba(234, 179, 8, 0.18); color: #ca8a04; }
.bp-svc--red .bp-svc-icon { background: rgba(220, 38, 38, 0.12); color: #dc2626; }
.bp-svc--green .bp-svc-icon { background: rgba(22, 163, 74, 0.14); color: #16a34a; }
.bp-svc--teal .bp-svc-icon { background: rgba(13, 148, 136, 0.14); color: #0d9488; }
.bp-svc--indigo .bp-svc-icon { background: rgba(79, 70, 229, 0.14); color: #4f46e5; }
.bp-svc--cyan .bp-svc-icon { background: rgba(8, 145, 178, 0.14); color: #0891b2; }
.bp-svc--slate .bp-svc-icon { background: var(--bp-paper); color: var(--bp-muted); }

.bp-svc-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bp-svc-copy strong {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.2;
  color: var(--bp-ink);
}

.bp-svc-copy em {
  font-style: normal;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-svc-go {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bp-primary);
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(38, 72, 230, 0.28);
  transform: scale(1);
  opacity: 0.92;
  z-index: 2;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.bp-svc-go i.fa {
  font-family: FontAwesome !important;
  font-size: 13px;
  line-height: 1;
}

.bp-svc:hover .bp-svc-go,
.bp-svc:focus-visible .bp-svc-go {
  transform: scale(1.08);
  opacity: 1;
}

.bp-svc--slate {
  opacity: 0.72;
  cursor: default;
}

.bp-svc--slate .bp-svc-go {
  background: var(--bp-muted);
  box-shadow: none;
}

html[data-theme="dark"] .bp-svc,
body.dark-only .bp-svc {
  background: var(--bp-white);
  border-color: var(--bp-line);
}

html[data-theme="dark"] .bp-svc-copy strong,
body.dark-only .bp-svc-copy strong {
  color: var(--bp-ink);
}

.bp-crypto,
.bp-smm {
  --bp-crypto-gap: 14px;
  font-family: var(--font-ui);
  max-width: 100%;
  overflow-x: clip;
}

.bp-crypto .bp-pill-card,
.bp-crypto .bp-pill-card > .card-body,
.bp-crypto .tab-content,
.bp-crypto .tab-pane {
  max-width: 100%;
  overflow-x: hidden;
}

.bp-crypto .bp-pill-card {
  overflow-x: hidden;
}

@media (max-width: 575.98px) {
  .bp-crypto .bp-pill-card > .card-body {
    padding: 12px 12px 16px !important;
  }

  .bp-crypto-panel {
    padding: 14px 12px 12px;
  }

  .bp-crypto--pro .bp-crypto-hero {
    padding: 16px 14px;
  }
}

.bp-crypto h1,
.bp-crypto h2,
.bp-crypto h3,
.bp-crypto h4,
.bp-crypto h5,
.bp-crypto h6,
.bp-smm h1,
.bp-smm h2,
.bp-smm h3,
.bp-smm h4,
.bp-smm h5,
.bp-smm h6 {
  font-family: var(--font-display);
}

.bp-crypto .btn,
.bp-crypto .form-label,
.bp-crypto .form-control,
.bp-crypto .form-select,
.bp-crypto .nav-link,
.bp-crypto .badge,
.bp-crypto .table,
.bp-crypto .input-group-text,
.bp-smm .btn,
.bp-smm .form-label,
.bp-smm .form-control,
.bp-smm .form-select,
.bp-smm .nav-link,
.bp-smm .badge,
.bp-smm .table,
.bp-smm .input-group-text,
.bp-smm .platform-card,
.bp-smm .service-card {
  font-family: var(--font-ui) !important;
}

.bp-crypto i.fa,
.bp-smm i.fa {
  font-family: FontAwesome !important;
}

.bp-smm .platform-icon,
.bp-smm i.bx,
.bp-smm [class*="bxl-"] {
  font-family: "boxicons" !important;
}

.bp-crypto-stats {
  --bp-crypto-gap: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--bp-crypto-gap) !important;
  margin-bottom: 18px;
}

@media (min-width: 576px) {
  .bp-crypto-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) and (orientation: portrait) {
  .bp-crypto-stats {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
  .bp-crypto-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.bp-crypto-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 84px;
  padding: 16px 18px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
}

.bp-crypto-stat-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
}

.bp-crypto-stat-icon i.fa {
  font-family: FontAwesome !important;
  font-size: 18px;
  line-height: 1;
}

.bp-crypto-stat-icon.is-success { background: rgba(22, 163, 74, 0.14); color: #16a34a; }
.bp-crypto-stat-icon.is-warn { background: rgba(245, 158, 11, 0.18); color: #d97706; }
.bp-crypto-stat-icon.is-info { background: rgba(8, 145, 178, 0.14); color: #0891b2; }

.bp-crypto-stat-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bp-crypto-stat-copy em {
  font-style: normal;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
  line-height: 1.2;
}

.bp-crypto-stat-copy strong {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 650;
  color: var(--bp-ink);
  line-height: 1.25;
  word-break: break-word;
}

.bp-crypto .bp-pill-card .tab-content {
  margin-top: 4px !important;
}

.bp-crypto-lead {
  margin: 0 0 16px;
  color: var(--bp-muted);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.55;
}

.bp-crypto-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
}

@media (min-width: 768px) {
  .bp-crypto-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.bp-crypto-panel {
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  padding: 18px 18px 16px;
  height: 100%;
  min-width: 0;
  max-width: 100%;
}

.bp-crypto-panel h6 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 650;
  color: var(--bp-ink);
}

.bp-crypto-panel h6 i.fa {
  font-family: FontAwesome !important;
  color: var(--bp-primary);
}

.bp-crypto-panel .form-label {
  margin-bottom: 6px;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: 13px;
}

.bp-crypto-panel .form-control,
.bp-crypto-panel .form-select,
.bp-crypto .input-group-text {
  min-height: 44px;
  border-radius: 12px;
  border-color: var(--bp-line);
  background-color: var(--bp-white);
  color: var(--bp-ink);
  font-family: var(--font-ui);
}

.bp-crypto .input-group {
  align-items: stretch;
}

.bp-crypto .input-group > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bp-crypto .input-group-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: 650;
  color: var(--bp-primary);
  background: var(--bp-primary-soft);
}

.bp-crypto-rate {
  margin-top: 4px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
}

.bp-crypto-rate-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-family: var(--font-ui);
  font-size: 13px;
}

.bp-crypto-rate-row span:first-child {
  color: var(--bp-muted);
}

.bp-crypto-rate-row strong,
.bp-crypto-rate-row span:last-child {
  color: var(--bp-ink);
  text-align: right;
}

.bp-crypto-rate-total {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--bp-line);
  font-weight: 650;
}

.bp-crypto-bank {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 0 0 10px;
  padding: 12px 14px;
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  background: var(--bp-white);
  cursor: pointer;
}

.bp-crypto-bank:last-child {
  margin-bottom: 0;
}

.bp-crypto-bank.is-on,
.bp-crypto-bank:has(input:checked) {
  border-color: rgba(38, 72, 230, 0.45);
  background: var(--bp-primary-soft);
}

.bp-crypto-bank input {
  margin: 3px 0 0;
  flex: 0 0 auto;
  align-self: flex-start;
}

.bp-crypto-bank-copy {
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.bp-crypto-bank-copy strong {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  color: var(--bp-ink);
}

.bp-crypto-bank-meta {
  margin-top: 2px;
  font-size: 12px;
  color: var(--bp-muted);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.bp-crypto-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.bp-crypto-actions .btn {
  min-height: 44px;
  padding: 0.7rem 1.35rem;
}

.bp-crypto-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  max-width: 100%;
}

.bp-crypto-toolbar h6 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 650;
  color: var(--bp-ink);
  min-width: 0;
}

.bp-crypto-saved {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .bp-crypto-saved {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bp-crypto-saved-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 16px 18px;
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
}

.bp-crypto-saved-main {
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.bp-crypto-saved-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.bp-crypto-banks-pane {
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.bp-crypto-saved-card.is-default {
  border-color: rgba(38, 72, 230, 0.4);
}

.bp-crypto-saved-card h6 {
  margin: 0 0 4px;
  font-size: 14px;
  color: var(--bp-ink);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.bp-crypto-empty {
  text-align: center;
  padding: 36px 16px;
  color: var(--bp-muted);
  font-family: var(--font-ui);
}

.bp-crypto-empty i.fa {
  font-family: FontAwesome !important;
  display: block;
  margin-bottom: 10px;
  font-size: 32px;
  color: var(--bp-primary);
}

.bp-crypto .table {
  margin-bottom: 0;
}

.bp-crypto .table > :not(caption) > * > * {
  padding: 12px 14px;
  vertical-align: middle;
  background: transparent;
  color: var(--bp-ink);
  border-bottom-color: var(--bp-line);
}

.bp-crypto-deposit-box {
  padding: 14px;
  border-radius: 14px;
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
}

.bp-crypto-deposit-box code {
  color: var(--bp-ink);
}

.bp-crypto--pro .bp-crypto-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding: 22px 22px 20px;
  border-radius: 20px;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(38, 72, 230, 0.16), transparent 55%),
    linear-gradient(135deg, var(--bp-paper) 0%, var(--bp-white) 100%);
  border: 1px solid var(--bp-line);
}

.bp-crypto-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bp-primary);
}

.bp-crypto-hero-copy h3 {
  margin: 0 0 8px;
  font-family: var(--font-ui);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 750;
  color: var(--bp-ink);
}

.bp-crypto-hero-copy p {
  margin: 0;
  max-width: 42rem;
  color: var(--bp-muted);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.55;
}

.bp-crypto-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bp-crypto-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(38, 72, 230, 0.12);
  color: var(--bp-primary);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 650;
}

.bp-crypto-chip.is-soft {
  background: var(--bp-paper);
  color: var(--bp-muted);
  border: 1px solid var(--bp-line);
}

.bp-crypto-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  max-width: 100%;
}

@media (min-width: 992px) {
  .bp-crypto-compose {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  }
}

.bp-crypto-panel {
  min-width: 0;
  max-width: 100%;
}

.bp-crypto #cryptoPairSelect {
  width: 100%;
  max-width: 100%;
}

.bp-crypto-rate-row {
  min-width: 0;
}

.bp-crypto-rate-row strong,
.bp-crypto-rate-row span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.bp-crypto-pairs {
  display: none;
}

.bp-crypto-pair {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
  color: var(--bp-ink);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.bp-crypto-pair:hover {
  border-color: rgba(38, 72, 230, 0.35);
  transform: translateY(-1px);
}

.bp-crypto-pair.is-on {
  border-color: rgba(38, 72, 230, 0.55);
  box-shadow: 0 0 0 3px rgba(38, 72, 230, 0.12);
}

.bp-crypto-pair-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 34px;
  padding: 0 8px;
  border-radius: 10px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
  background: #26a17b;
}

.bp-crypto-pair-mark.is-usdc {
  background: #2775ca;
}

.bp-crypto-pair-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.bp-crypto-pair-copy strong {
  font-size: 13px;
  font-family: var(--font-ui);
}

.bp-crypto-pair-copy em {
  font-style: normal;
  font-size: 11px;
  color: var(--bp-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bp-crypto-wallets {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 768px) {
  .bp-crypto-wallets {
    grid-template-columns: 1fr 1fr;
  }
}

.bp-crypto-wallet-card {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--bp-line);
  background: var(--bp-paper);
}

.bp-crypto-wallet-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.bp-crypto-wallet-addr {
  display: block;
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  word-break: break-all;
  font-size: 12px;
}

.bp-crypto-wallet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.bp-crypto-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.bp-crypto-steps span {
  text-align: center;
  padding: 8px 6px;
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 650;
  color: var(--bp-muted);
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
}

.bp-crypto-steps span.is-on {
  color: #fff;
  background: var(--bp-primary);
  border-color: var(--bp-primary);
}

html[data-theme="dark"] .bp-crypto-panel,
html[data-theme="dark"] .bp-crypto-stat,
html[data-theme="dark"] .bp-crypto-rate,
html[data-theme="dark"] .bp-crypto-bank,
html[data-theme="dark"] .bp-crypto-saved-card,
html[data-theme="dark"] .bp-crypto-deposit-box {
  background: var(--bp-white);
}

html[data-theme="dark"] .bp-crypto-pair,
html[data-theme="dark"] .bp-crypto-wallet-card,
html[data-theme="dark"] .bp-crypto-wallet-addr,
html[data-theme="dark"] .bp-crypto--pro .bp-crypto-hero {
  background: var(--bp-white);
}

.bp-smm-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

@media (min-width: 992px) {
  .bp-smm-layout {
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
  }
}

.bp-smm-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.bp-smm-panel,
.bp-smm-side {
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
  overflow: hidden;
}

.bp-smm-panel-head,
.bp-smm-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
}

.bp-smm-side-head {
  border-bottom: 1px solid var(--bp-line);
}

.bp-smm-panel-head h5,
.bp-smm-side-head h6 {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: 650;
  color: var(--bp-ink);
}

.bp-smm-panel-body,
.bp-smm-side-body {
  padding: 16px 18px 20px;
}

.bp-smm-step {
  margin-bottom: 22px;
}

.bp-smm-step > .form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-family: var(--font-ui);
  font-weight: 650;
  color: var(--bp-ink);
}

.bp-smm .platform-card {
  cursor: pointer;
  border: 1px solid var(--bp-line) !important;
  border-radius: 14px;
  background: var(--bp-paper);
  color: var(--bp-ink);
  padding: 12px 8px;
  text-align: center;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.bp-smm .platform-card:hover,
.bp-smm .platform-card.active {
  transform: translateY(-2px);
  border-color: rgba(38, 72, 230, 0.4) !important;
  box-shadow: 0 10px 22px rgba(11, 11, 15, 0.08);
}

.bp-smm .platform-icon {
  font-size: 1.6rem;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}

html[data-theme="dark"] .bp-icon-ink,
html.dark-only .bp-icon-ink,
body.dark-only .bp-icon-ink,
html[data-theme="dark"] .bxl-tiktok,
html.dark-only .bxl-tiktok,
body.dark-only .bxl-tiktok,
html[data-theme="dark"] .bxl-threads,
html.dark-only .bxl-threads,
body.dark-only .bxl-threads,
html[data-theme="dark"] .bp-smm .bx-at,
html.dark-only .bp-smm .bx-at,
body.dark-only .bp-smm .bx-at,
html[data-theme="dark"] .bp-task-ico .bx-at,
html.dark-only .bp-task-ico .bx-at,
body.dark-only .bp-task-ico .bx-at {
  color: #f4f5f8 !important;
}

.bp-smm .service-card {
  cursor: pointer;
  border: 1px solid var(--bp-line) !important;
  border-radius: 14px;
  background: var(--bp-paper);
  padding: 12px 14px;
  margin-bottom: 8px;
  color: var(--bp-ink);
  transition: border-color 0.15s ease, background 0.15s ease;
}

.bp-smm .service-card:hover,
.bp-smm .service-card.selected {
  border-color: rgba(38, 72, 230, 0.45) !important;
  background: var(--bp-primary-soft);
}

.bp-smm #serviceList .category-section {
  border-left: 3px solid var(--bp-primary);
  padding-left: 12px;
  margin-bottom: 18px;
}

.bp-smm .qty-input {
  font-size: 1.1rem;
  font-weight: 650;
  text-align: center;
}

.bp-smm .input-group .btn {
  min-width: 44px;
}

.bp-smm-qty {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.bp-smm-cta {
  margin-top: 4px;
}

.bp-smm-cta .btn {
  min-height: 44px;
}

.bp-smm-price {
  margin-top: 16px;
  padding: 14px;
  border-radius: 14px;
  border: 1px dashed var(--bp-line);
  background: var(--bp-paper);
}

.bp-smm-price-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  text-align: center;
}

.bp-smm-price-grid em {
  display: block;
  font-style: normal;
  font-size: 11px;
  color: var(--bp-muted);
}

.bp-smm-price-grid strong {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: var(--bp-ink);
}

.bp-smm-order {
  overflow: hidden;
}

.bp-smm-order-item {
  padding: 12px 18px;
  border-bottom: 1px solid var(--bp-line);
  cursor: pointer;
}

.bp-smm-order-item:last-child {
  border-bottom: 0;
}

.bp-smm-order-item:hover {
  background: var(--bp-paper);
}

.bp-smm .order-progress {
  height: 6px;
  border-radius: 99px;
  background: var(--bp-line);
}

.bp-smm-earn {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--bp-line);
  background: var(--bp-primary-soft);
  color: var(--bp-ink);
}

.bp-smm-earn em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-smm-earn strong {
  display: block;
  font-size: 1.25rem;
  margin: 2px 0 8px;
}

.bp-tasks-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  padding: 20px 22px;
  margin-bottom: 18px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
}

@media (min-width: 768px) {
  .bp-tasks-hero {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
    align-items: center;
  }
}

.bp-tasks-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 650;
  color: var(--bp-primary);
}

.bp-tasks-hero-balance {
  margin: 4px 0 6px;
  font-family: var(--font-display);
  font-size: 1.85rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--bp-ink);
}

.bp-tasks-hero-hint {
  margin: 0;
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-tasks-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  text-align: center;
}

.bp-tasks-kpis strong {
  display: block;
  font-size: 15px;
  color: var(--bp-ink);
}

.bp-tasks-kpis em {
  font-style: normal;
  font-size: 11px;
  color: var(--bp-muted);
}

.bp-tasks-progress {
  margin-top: 10px;
}

.bp-tasks-progress .progress {
  height: 8px;
  border-radius: 99px;
  background: var(--bp-paper);
}

.bp-tasks-progress .progress-bar {
  background: var(--bp-primary);
  border-radius: 99px;
}

.bp-task-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 768px) {
  .bp-task-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .bp-task-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.bp-task-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.bp-task-card:hover {
  transform: translateY(-2px);
  border-color: rgba(38, 72, 230, 0.3);
  box-shadow: 0 10px 22px rgba(11, 11, 15, 0.06);
}

.bp-task-card.is-dim {
  opacity: 0.72;
}

.bp-task-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.bp-task-ico {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bp-task-card p {
  margin: 0 0 10px;
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-task-card .btn {
  margin-top: auto;
}

.task-earning-badge {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--bp-success);
}

.proof-dropzone {
  border: 2px dashed var(--bp-line);
  border-radius: 12px;
  background: var(--bp-paper);
  color: var(--bp-muted);
  transition: border-color 0.2s, background 0.2s;
  cursor: pointer;
}

.proof-dropzone:hover,
.proof-dropzone.dragover {
  border-color: var(--bp-primary);
  background: var(--bp-primary-soft);
}

.bp-tasks-note {
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--bp-paper);
  border: 1px solid var(--bp-line);
  color: var(--bp-ink);
  white-space: pre-line;
}

.bp-tasks .bp-pill-card .tab-content {
  margin-top: 4px !important;
}

html[data-theme="dark"] .bp-smm-panel,
html[data-theme="dark"] .bp-smm-side,
html[data-theme="dark"] .bp-tasks-hero {
  background: var(--bp-white);
}

.table,
table.display,
.table th,
.table td,
table.display th,
table.display td,
.dataTables_wrapper,
.dt-container,
.dataTables_filter input,
.dataTables_length select,
.dt-search input,
.dt-length select,
.dataTables_info,
.dt-info,
.dataTables_paginate,
.dt-paging {
  font-family: var(--font-ui) !important;
}

.table thead th,
table.display thead th,
table.dataTable thead th {
  font-weight: 600;
  color: var(--bp-muted);
  letter-spacing: 0.02em;
  text-transform: none;
  border-bottom-color: var(--bp-line);
  background: transparent;
  white-space: nowrap;
}

.table > :not(caption) > * > *,
table.display > :not(caption) > * > *,
table.dataTable > :not(caption) > * > * {
  padding: 12px 14px;
  vertical-align: middle;
  border-bottom-color: var(--bp-line);
  color: var(--bp-ink);
  background: transparent;
}

.table-responsive {
  border-radius: var(--bp-radius-sm);
}

.bp-admin-table-wrap,
body.bp-admin-app .table-responsive.bp-dt-host {
  overflow: visible;
}

body.bp-user-app .table-responsive,
body.bp-user-app .table-responsive.bp-dt-host,
body.bp-user-app .table-responsive:has(.dt-container),
body.bp-user-app .table-responsive:has(.dataTables_wrapper) {
  overflow-x: auto;
}

.dt-container,
.dataTables_wrapper,
.bp-dt {
  width: 100%;
  color: var(--bp-ink);
}

body.bp-user-app .dataTables_wrapper,
body.bp-admin-app .dataTables_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

body.bp-user-app .dt-container,
body.bp-admin-app .dt-container {
  display: block;
}

body.bp-user-app .dt-container .dt-layout-row:first-child,
body.bp-user-app .dt-container .dt-layout-row:has(.dt-search),
body.bp-user-app .dt-container .dt-layout-row:has(.dt-length),
body.bp-admin-app .dt-container .dt-layout-row:first-child,
body.bp-admin-app .dt-container .dt-layout-row:has(.dt-search),
body.bp-admin-app .dt-container .dt-layout-row:has(.dt-length) {
  display: flex !important;
  visibility: visible;
  opacity: 1;
}

body.bp-user-app .dt-search,
body.bp-user-app .dt-length,
body.bp-user-app .dataTables_filter,
body.bp-user-app .dataTables_length,
body.bp-admin-app .dt-search,
body.bp-admin-app .dt-length,
body.bp-admin-app .dataTables_filter,
body.bp-admin-app .dataTables_length {
  display: flex !important;
  visibility: visible;
  opacity: 1;
}

body.bp-user-app .dataTables_wrapper .dataTables_processing,
body.bp-admin-app .dataTables_wrapper .dataTables_processing {
  position: absolute;
}

body.bp-user-app .dataTables_wrapper .dataTables_length,
body.bp-admin-app .dataTables_wrapper .dataTables_length {
  order: 1;
  float: none;
  width: auto;
  margin: 0 0 12px !important;
}

body.bp-user-app .dataTables_wrapper .dataTables_filter,
body.bp-admin-app .dataTables_wrapper .dataTables_filter {
  order: 2;
  float: none;
  width: 280px;
  max-width: 100%;
  margin: 0 0 12px auto !important;
}

body.bp-user-app .dataTables_wrapper table,
body.bp-user-app .dataTables_wrapper .dataTables_scroll,
body.bp-user-app .dataTables_wrapper .bp-dt-scroll,
body.bp-admin-app .dataTables_wrapper table,
body.bp-admin-app .dataTables_wrapper .dataTables_scroll,
body.bp-admin-app .dataTables_wrapper .bp-dt-scroll {
  order: 3;
  flex: 1 1 100%;
  width: 100%;
}

body.bp-user-app .dataTables_wrapper .dataTables_info,
body.bp-admin-app .dataTables_wrapper .dataTables_info {
  order: 4;
  float: none;
  padding-top: 12px !important;
}

body.bp-user-app .dataTables_wrapper .dataTables_paginate,
body.bp-admin-app .dataTables_wrapper .dataTables_paginate {
  order: 5;
  float: none;
  margin-left: auto;
  padding-top: 8px !important;
}

body.bp-user-app .dt-container .dt-layout-row:first-child,
body.bp-admin-app .dt-container .dt-layout-row:first-child {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

body.bp-user-app .dt-container .dt-layout-end,
body.bp-user-app .dt-container .dt-search {
  width: 280px;
  max-width: 100%;
  flex: 0 0 auto;
  margin-left: auto;
}

.dt-container .dt-layout-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 14px;
  width: 100%;
  margin: 0 0 14px;
}

.dt-container .dt-layout-row.dt-layout-table,
.dt-container .dt-layout-row:has(> .dt-layout-full),
.dt-container .dt-layout-row:has(table),
.dt-container .dt-layout-row:has(.bp-dt-scroll) {
  display: block;
  margin: 0;
}

.dt-container .dt-layout-row:has(.dt-info),
.dt-container .dt-layout-row:has(.dt-paging) {
  margin: 14px 0 0;
}

.dt-container .dt-layout-cell {
  display: flex;
  align-items: center;
  min-width: 0;
}

.dt-container .dt-layout-start {
  justify-content: flex-start;
  margin-right: auto;
  flex: 0 1 auto;
  width: auto;
}

.dt-container .dt-layout-end {
  justify-content: flex-end;
  margin-left: auto;
  flex: 0 1 auto;
  width: auto;
}

.dt-container .dt-layout-full,
.dt-container .dt-layout-table > .dt-layout-cell,
.dt-container .dt-layout-table > div {
  display: block !important;
  width: 100%;
  flex: 1 1 100%;
}

.dt-search,
.dataTables_filter,
div.dataTables_wrapper div.dataTables_filter,
.bp-dt-search {
  position: relative;
  width: 280px;
  max-width: 100%;
  margin: 0 !important;
  flex: 0 0 auto;
}

.dt-search::before,
.dataTables_filter::before,
.bp-dt-search .fa-search {
  display: none;
}

.dt-search > label,
.dataTables_filter > label {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0;
  color: transparent;
  line-height: 0;
}

.dt-search > label:not(:has(input)) {
  display: none;
}

.bp-dt-search {
  display: block;
  line-height: 1.4;
  font-size: 14px;
}

.dt-search input,
.dataTables_filter input,
.dataTables_wrapper .dataTables_filter input[type=search],
div.dataTables_wrapper div.dataTables_filter input,
.dt-search input.dt-input,
.bp-dt-search input {
  --bp-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3-3'/%3E%3C/svg%3E");
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
  height: auto !important;
  min-height: 44px;
  padding: 10px 14px 10px 42px !important;
  border: 1px solid var(--bp-line) !important;
  border-radius: 12px !important;
  background-color: var(--bp-paper) !important;
  background-image: var(--bp-search-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 14px 50% !important;
  background-size: 16px 16px !important;
  color: var(--bp-ink) !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;
}

.dt-search input:focus,
.dataTables_filter input:focus,
.bp-dt-search input:focus {
  outline: 0;
  border-color: var(--bp-primary) !important;
  background-color: var(--bp-white) !important;
  background-image: var(--bp-search-icon) !important;
  box-shadow: 0 0 0 3px var(--bp-primary-soft) !important;
}

.dt-length,
.dataTables_length,
div.dataTables_wrapper div.dataTables_length {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0;
  width: auto;
  max-width: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  min-height: 0;
}

.dt-length label,
.dataTables_length label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--bp-muted);
  white-space: nowrap;
  background: transparent;
  border: 0;
}

.dt-length select,
.dataTables_length select,
div.dataTables_wrapper div.dataTables_length select,
.dataTables_wrapper .dataTables_length select,
.dt-length select.dt-input,
select.dt-input,
.bp-dt-select {
  min-height: 44px;
  height: auto !important;
  width: auto !important;
  min-width: 72px;
  margin: 0 !important;
  padding: 8px 2.5rem 8px 12px !important;
  border: 1px solid var(--bp-line) !important;
  border-radius: 12px !important;
  background-color: var(--bp-paper);
  background-image: var(--bp-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px 12px !important;
  color: var(--bp-ink);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.dt-length select:focus,
.dataTables_length select:focus,
select.dt-input:focus,
.bp-dt-select:focus {
  outline: 0;
  background-color: var(--bp-white);
  border-color: var(--bp-primary) !important;
  box-shadow: 0 0 0 3px var(--bp-primary-soft);
}

.bp-dt-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 4px 0;
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius-sm);
  background: var(--bp-white);
}

.bp-dt-scroll table,
.dt-container table.dataTable,
.dataTables_wrapper table.dataTable,
table.display {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: var(--bp-white);
}

table.dataTable thead th,
table.display thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
  font-size: 12px;
}

table.dataTable tfoot th,
table.display tfoot th {
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
  font-size: 12px;
}

table.dataTable tbody tr:hover td,
table.display tbody tr:hover td,
.table-hover tbody tr:hover td {
  background: var(--bp-primary-soft) !important;
}

table.dataTable.no-footer,
.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 0;
}

.dt-info,
.dataTables_info {
  padding: 0 !important;
  color: var(--bp-muted) !important;
  font-size: 13px;
  font-weight: 500;
  white-space: normal;
}

.dt-paging,
.dataTables_paginate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0 !important;
}

.dt-paging-button,
.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 6px 10px !important;
  margin: 0 !important;
  border: 1px solid var(--bp-line) !important;
  border-radius: 10px !important;
  background: var(--bp-white) !important;
  color: var(--bp-ink) !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1;
  box-shadow: none !important;
  cursor: pointer;
}

.dt-paging-button:hover,
.dataTables_paginate .paginate_button:hover {
  border-color: var(--bp-primary) !important;
  color: var(--bp-primary) !important;
  background: var(--bp-primary-soft) !important;
}

.dt-paging-button.current,
.dt-paging-button[aria-current="page"],
.dataTables_paginate .paginate_button.current {
  background: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  color: #fff !important;
}

.dt-paging-button.disabled,
.dt-paging-button.disabled:hover,
.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:hover {
  opacity: 0.45;
  cursor: default;
  background: var(--bp-paper) !important;
  color: var(--bp-muted) !important;
  border-color: var(--bp-line) !important;
}

.dataTables_processing,
.dt-processing {
  border-radius: 12px;
  background: var(--bp-white) !important;
  border: 1px solid var(--bp-line);
  color: var(--bp-ink);
  font-family: var(--font-ui);
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.06);
}

@media (max-width: 767.98px) {
  .dt-container .dt-layout-row:first-child {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 12px;
  }

  body.bp-admin-app .dt-container .dt-layout-row:first-child,
  body.bp-admin-app .dt-container .dt-layout-row:has(.dt-search) {
    align-items: stretch;
  }

  .dt-container .dt-layout-end,
  .dt-container .dt-search,
  .dt-search,
  .dataTables_filter,
  .bp-dt-search,
  body.bp-admin-app .dt-container .dt-layout-end,
  body.bp-admin-app .dt-container .dt-search,
  body.bp-admin-app .dt-search,
  body.bp-admin-app .dataTables_filter {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
  }

  .dt-layout-start,
  .dt-length,
  .dataTables_length {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    justify-content: flex-start;
  }

  body.bp-user-app .dt-container .dt-layout-row:first-child {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  body.bp-user-app .dt-container .dt-layout-end,
  body.bp-user-app .dt-container .dt-search {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
  }

  body.bp-user-app .dataTables_wrapper .dataTables_length,
  body.bp-user-app .dataTables_wrapper .dataTables_filter,
  body.bp-user-app .dataTables_wrapper .dataTables_info,
  body.bp-user-app .dataTables_wrapper .dataTables_paginate {
    float: none;
    display: block;
    width: 100%;
    max-width: none;
    margin-left: 0 !important;
  }

  body.bp-user-app .dataTables_wrapper .dataTables_filter {
    order: 1;
    margin-bottom: 10px !important;
  }

  body.bp-user-app .dataTables_wrapper .dataTables_length {
    order: 2;
  }

  body.bp-user-app .dataTables_wrapper .dataTables_paginate {
    justify-content: flex-start;
  }

  .dt-length select,
  .dataTables_length select,
  .bp-dt-select {
    min-width: 72px;
    width: auto;
  }

  .dt-container .dt-layout-row:has(.dt-info),
  .dt-container .dt-layout-row:has(.dt-paging) {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .dt-paging,
  .dataTables_paginate {
    width: auto;
    justify-content: flex-start;
  }

  .bp-dt-scroll {
    margin-left: 0;
    margin-right: 0;
  }

  table.dataTable thead th,
  table.display thead th,
  .table thead th {
    font-size: 11px;
    padding: 10px 12px;
  }

  .table > :not(caption) > * > *,
  table.display > :not(caption) > * > *,
  table.dataTable > :not(caption) > * > * {
    padding: 10px 12px;
    font-size: 13px;
  }
}

.modal-content {
  --bs-modal-border-radius: 20px;
  --bs-modal-inner-border-radius: 19px;
  background: var(--bp-white);
  color: var(--bp-ink);
  border-radius: 20px;
  border: 1px solid var(--bp-line);
  font-family: var(--font-ui);
  color-scheme: inherit;
  /* Clip opaque child backgrounds (modal-body / modal-toggle-wrapper) to the radius */
  overflow: hidden;
}

.modal-content .modal-header,
.modal-content .modal-footer,
.modal-content .modal-body,
.modal-content .card-header,
.modal-content .card-footer,
.modal-content .card,
.modal-content .card .card-body,
.modal-content .modal-toggle-wrapper {
  background: var(--bp-white);
  background-color: var(--bp-white);
  border-color: var(--bp-line);
  color: var(--bp-ink);
}

/* Keep service / notice shells rounded even when body fills the card */
.modal-content > .modal-body:first-child:last-child {
  border-radius: inherit;
}

.modal-content > .modal-header:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.modal-content > .modal-footer:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.modal-content .card {
  border-radius: 14px;
  overflow: hidden;
}

.modal-header .modal-title,
.modal-title,
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content p,
.modal-content label,
.modal-content .form-label,
.modal-content .col-form-label,
.modal-content .txt-dark {
  font-family: var(--font-display);
  color: var(--bp-ink) !important;
}

.modal-header .modal-title,
.modal-title {
  font-weight: 600;
}

.modal-content p,
.modal-content label,
.modal-content .form-label,
.modal-content .col-form-label {
  font-family: var(--font-ui);
}

.modal-content .text-muted,
.modal-content .f-light {
  color: var(--bp-muted) !important;
}

.modal-content .btn-dark {
  background-color: #0b0b0f;
  border-color: #0b0b0f;
  color: #fff;
}

.modal-content .btn-outline-primary {
  color: var(--bp-primary);
  border-color: var(--bp-primary);
}

.bp-fund-modal .modal-header {
  border-bottom: 1px solid var(--bp-line);
  padding: 16px 20px 12px;
}

.bp-fund-modal .modal-body {
  padding: 16px 20px 20px;
}

.bp-fund-modal h4,
.bp-fund-modal h5 {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 6px;
  text-align: left;
}

.bp-fund-modal p {
  margin: 0 0 14px;
  font-size: 14px;
}

.bp-fund-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  border: 0 !important;
}

.bp-fund-tabs .nav-item {
  flex: 1 1 calc(33.33% - 8px);
  min-width: 96px;
  margin: 0;
}

.bp-fund-tabs .nav-link {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--bp-line) !important;
  border-radius: 999px !important;
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
  font-weight: 600;
  font-size: 13px;
  padding: 0.55rem 0.75rem;
}

.bp-fund-tabs .nav-link.active {
  background: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  color: #fff !important;
}

.bp-fund-acct {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 16px;
  margin-bottom: 10px;
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  background: var(--bp-paper);
}

.bp-fund-acct strong {
  font-family: var(--font-display);
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  color: var(--bp-ink);
}

.bp-fund-acct span,
.bp-fund-acct em {
  font-style: normal;
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-fund-brands {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.bp-payment-notices-head {
  padding-bottom: 1rem !important;
}

@media (max-width: 575.98px) {
  .bp-payment-notices-head {
    padding-bottom: 1.15rem !important;
    row-gap: 12px;
  }

  .bp-payment-notices-head .btn {
    margin-bottom: 4px;
  }
}

.bp-fund-quote {
  margin: 0 0 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--bp-line);
  background:
    linear-gradient(145deg, rgba(38, 72, 230, 0.07), transparent 42%),
    var(--bp-white);
  box-shadow: 0 1px 0 rgba(11, 11, 15, 0.03);
}

.bp-fund-quote--static {
  margin-top: 12px;
}

.bp-fund-quote-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.bp-fund-quote-head span {
  font-family: var(--font-display);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--bp-ink);
}

.bp-fund-quote-head em {
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bp-primary);
  background: var(--bp-primary-soft);
  border-radius: 999px;
  padding: 4px 10px;
}

.bp-fund-quote-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-size: 14px;
  color: var(--bp-muted);
}

.bp-fund-quote-row strong {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--bp-ink);
  letter-spacing: 0.01em;
}

.bp-fund-quote-row.is-total {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px dashed var(--bp-line);
  color: var(--bp-ink);
  font-weight: 600;
}

.bp-fund-quote-row.is-total strong {
  color: var(--bp-success);
  font-size: 1.15rem;
}

.bp-fund-quote-note {
  margin: 10px 0 0 !important;
  padding-top: 8px;
  font-size: 12.5px !important;
  line-height: 1.45;
  color: var(--bp-muted);
}

html[data-theme="dark"] .bp-fund-quote {
  background:
    linear-gradient(145deg, rgba(38, 72, 230, 0.18), transparent 42%),
    rgba(255, 255, 255, 0.03);
}

@media (max-width: 575.98px) {
  .bp-fund-modal .modal-dialog {
    margin: 0.75rem;
  }

  .bp-fund-tabs .nav-item {
    flex: 1 1 100%;
  }
}

.modal-backdrop {
  z-index: 1200;
}

.modal {
  z-index: 1210;
}

/* SweetAlert must sit above Bootstrap modals (inactive customers, etc.). */
.swal2-container {
  z-index: 2000 !important;
}

.modal.show:has(.select2-container--open) {
  overflow: visible;
}

.modal.show:has(.select2-container--open) .modal-content {
  overflow: visible;
}

.bp-pw-live {
  margin-top: 0.55rem;
}

.bp-pw-bar {
  height: 6px;
  border-radius: 99px;
  background: var(--bp-line);
  overflow: hidden;
}

.bp-pw-bar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  transition: width 0.2s ease, background-color 0.2s ease;
  background: var(--bp-muted);
}

.bp-pw-bar.is-weak span { width: 25%; background: var(--bp-danger); }
.bp-pw-bar.is-fair span { width: 50%; background: var(--bp-warning); }
.bp-pw-bar.is-good span { width: 75%; background: #eab308; }
.bp-pw-bar.is-strong span { width: 100%; background: var(--bp-success); }

.bp-pw-strength {
  margin: 0.4rem 0 0.35rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--bp-muted);
  min-height: 1.1em;
}

.bp-pw-bar.is-weak + .bp-pw-strength { color: var(--bp-danger); }
.bp-pw-bar.is-fair + .bp-pw-strength { color: var(--bp-warning); }
.bp-pw-bar.is-good + .bp-pw-strength { color: #ca8a04; }
.bp-pw-bar.is-strong + .bp-pw-strength { color: var(--bp-success); }

.bp-pw-rules {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.2rem;
}

.bp-pw-rules li {
  font-size: 12px;
  color: var(--bp-muted);
  position: relative;
  padding-left: 1.1rem;
}

.bp-pw-rules li::before {
  content: "○";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10px;
  line-height: 1.4;
}

.bp-pw-rules li.is-ok {
  color: var(--bp-success);
}

.bp-pw-rules li.is-ok::before {
  content: "●";
}

.bp-pw-rules li.is-fail {
  color: var(--bp-danger);
}

.bp-pw-confirm-msg {
  margin: 0.4rem 0 0;
  font-size: 12px;
  font-weight: 600;
  min-height: 1.1em;
  color: var(--bp-muted);
}

.bp-pw-confirm-msg.is-match,
.login-card .login-main .theme-form p.bp-pw-confirm-msg.is-match,
.modal-content p.bp-pw-confirm-msg.is-match,
html[data-theme="dark"] .modal-content p.bp-pw-confirm-msg.is-match,
html[data-theme="dark"] .login-card .login-main .theme-form p.bp-pw-confirm-msg.is-match {
  color: var(--bp-success) !important;
}

.bp-pw-confirm-msg.is-warn,
.login-card .login-main .theme-form p.bp-pw-confirm-msg.is-warn,
.modal-content p.bp-pw-confirm-msg.is-warn,
html[data-theme="dark"] .modal-content p.bp-pw-confirm-msg.is-warn {
  color: var(--bp-warning) !important;
}

.bp-pw-confirm-msg.is-mismatch,
.login-card .login-main .theme-form p.bp-pw-confirm-msg.is-mismatch,
.modal-content p.bp-pw-confirm-msg.is-mismatch,
html[data-theme="dark"] .modal-content p.bp-pw-confirm-msg.is-mismatch,
html[data-theme="dark"] .login-card .login-main .theme-form p.bp-pw-confirm-msg.is-mismatch {
  color: var(--bp-danger) !important;
}

.login-card .login-main .theme-form p.bp-pw-confirm-msg,
.login-card .login-main .theme-form p.bp-pw-strength {
  margin-bottom: 0;
}

.bp-pw-bar.is-weak + .bp-pw-strength,
.modal-content .bp-pw-bar.is-weak + .bp-pw-strength,
.login-card .login-main .theme-form .bp-pw-bar.is-weak + .bp-pw-strength {
  color: var(--bp-danger) !important;
}

.bp-pw-bar.is-fair + .bp-pw-strength,
.modal-content .bp-pw-bar.is-fair + .bp-pw-strength,
.login-card .login-main .theme-form .bp-pw-bar.is-fair + .bp-pw-strength {
  color: var(--bp-warning) !important;
}

.bp-pw-bar.is-good + .bp-pw-strength,
.modal-content .bp-pw-bar.is-good + .bp-pw-strength,
.login-card .login-main .theme-form .bp-pw-bar.is-good + .bp-pw-strength {
  color: #ca8a04 !important;
}

.bp-pw-bar.is-strong + .bp-pw-strength,
.modal-content .bp-pw-bar.is-strong + .bp-pw-strength,
.login-card .login-main .theme-form .bp-pw-bar.is-strong + .bp-pw-strength {
  color: var(--bp-success) !important;
}

.bottom-navigation-bar {
  display: none;
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  bottom: 0;
  width: auto !important;
  max-width: none !important;
  margin: 0;
  background: var(--bp-white);
  border-top: 1px solid var(--bp-line);
  box-shadow: 0 -8px 24px rgba(11, 11, 15, 0.04);
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-sizing: border-box;
  z-index: 1100;
}

@media (max-width: 767.98px) {
  .bottom-navigation-bar {
    display: block !important;
  }
}

.bottom-navigation-bar > .tf-navigation-bar,
.bottom-navigation-bar .tf-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.tf-navigation-bar {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

.tf-navigation-bar li {
  flex: 1 1 0;
  min-width: 0;
}

.tf-navigation-bar li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 52px;
  padding: 6px 4px;
  border-radius: 14px;
  font-family: var(--font-ui) !important;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  color: var(--bp-muted) !important;
  text-decoration: none !important;
}

.tf-navigation-bar .bp-tab-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.tf-navigation-bar .bp-tab-ico i.bx {
  font-family: "boxicons" !important;
  font-size: 22px;
  line-height: 1;
  color: inherit;
}

.tf-navigation-bar .bp-tab-ico-on {
  display: none;
}

.tf-navigation-bar li.active .bp-tab-ico-off {
  display: none;
}

.tf-navigation-bar li.active .bp-tab-ico-on {
  display: inline-block;
}

.tf-navigation-bar li.active a {
  color: var(--bp-primary) !important;
  font-weight: 650;
  background: var(--bp-primary-soft);
}

.tf-navigation-bar li.active a i,
.tf-navigation-bar li a:hover,
.tf-navigation-bar li a:focus-visible {
  color: var(--bp-primary) !important;
}

.tf-navigation-bar li a:focus-visible {
  outline: 2px solid var(--bp-primary);
  outline-offset: 2px;
}

.tf-navigation-bar li.active a .icon-history,
.tf-navigation-bar li.active a .icon-history::after {
  border-color: var(--bp-primary);
  background: var(--bp-primary);
  color: #fff;
}

html[data-theme="dark"] .bottom-navigation-bar {
  background: var(--bp-white);
}

.loader-wrapper,
html[data-theme="light"] .loader-wrapper,
html:not([data-theme]) .loader-wrapper,
body.dark-only .loader-wrapper {
  background-color: var(--bp-paper) !important;
}

html[data-theme="dark"] .loader-wrapper,
html[data-theme="dark"] body.dark-only .loader-wrapper {
  background-color: var(--bp-paper) !important;
}

.loader-index span {
  background: var(--bp-primary);
}

.swal2-popup {
  font-family: var(--font-ui) !important;
  border-radius: 16px !important;
  background: var(--bp-white) !important;
  color: var(--bp-ink) !important;
  border: 1px solid var(--bp-line) !important;
  color-scheme: inherit;
}

.swal2-title,
.swal2-title h1,
.swal2-title h2,
.swal2-title h3,
.swal2-title h4,
.swal2-title h5,
.swal2-title h6,
.swal2-html-container,
.swal2-html-container h1,
.swal2-html-container h2,
.swal2-html-container h3,
.swal2-popup .swal2-content,
.swal2-popup p {
  font-family: var(--font-display) !important;
  color: var(--bp-ink) !important;
  opacity: 1 !important;
}

.swal2-html-container,
.swal2-popup p,
.swal2-validation-message {
  font-family: var(--font-ui) !important;
}

.swal2-title {
  font-weight: 700 !important;
}

.swal2-title h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.swal2-html-container {
  font-weight: 500 !important;
}

.swal2-input,
.swal2-textarea,
.swal2-select,
.swal2-file {
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
  border: 1px solid var(--bp-line) !important;
}

.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: var(--bp-muted) !important;
}

.swal2-validation-message {
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
}

.swal2-styled.swal2-confirm {
  background-color: var(--bp-primary) !important;
  color: #fff !important;
}

.swal2-styled.swal2-cancel {
  color: #fff !important;
}

.swal2-styled.swal2-deny {
  color: #fff !important;
}

.select2-container,
.select2-container .selection,
.select2-container .select2-selection {
  width: 100% !important;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
  --bp-select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  box-sizing: border-box;
  position: relative !important;
  min-height: 46px !important;
  height: 46px !important;
  border-radius: var(--bp-radius-sm) !important;
  border: 1px solid var(--bp-line) !important;
  background-color: #fff !important;
  font-family: var(--font-ui);
  padding: 0 2.5rem 0 12px !important;
  display: flex !important;
  align-items: center !important;
  outline: 0;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--bp-primary) !important;
  box-shadow: 0 0 0 3px var(--bp-primary-soft);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  color: var(--bp-ink);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--bp-muted);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 12px !important;
  left: auto !important;
  height: auto !important;
  width: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: static !important;
  display: block !important;
  border: 0 !important;
  border-width: 0 !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  left: auto !important;
  top: auto !important;
  background-image: var(--bp-select-caret);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  transform: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  transform: rotate(180deg);
}

select.select2-hidden-accessible {
  background-image: none !important;
}

/* Select2 dropdowns append to body by default; theme modals sit at 1210. */
.select2-dropdown,
.select2-container--open .select2-dropdown,
body.modal-open .select2-container--open .select2-dropdown,
.modal .select2-dropdown {
  z-index: 1300 !important;
}

body.modal-open .select2-container--open {
  width: 100% !important;
}

.select2-dropdown {
  border-radius: var(--bp-radius-sm);
  border-color: var(--bp-line);
  overflow: hidden;
  font-family: var(--font-ui);
}

.select2-container--default .select2-results__option {
  padding: 8px 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bp-primary);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 10px;
  border-color: var(--bp-line);
}

.badge {
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 999px;
}

.bp-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 2px solid var(--bp-line);
  flex-shrink: 0;
  vertical-align: middle;
}

.bp-avatar--sm {
  width: 38px;
  height: 38px;
  font-size: 13px;
}

.bp-avatar--xl {
  width: 120px;
  height: 120px;
  font-size: 36px;
  border-width: 3px;
}

.bp-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bp-avatar-fallback {
  line-height: 1;
}

.profile-media {
  gap: 10px;
}

.profile-user {
  width: 120px;
  height: 120px;
}

.bp-avatar-hit {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: zoom-in;
}

.bp-avatar-cam {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid var(--bp-white);
  background: var(--bp-primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(11, 11, 15, 0.18);
}

.bp-avatar-cam:hover,
.bp-avatar-cam:focus-visible {
  background: var(--bp-primary-dark);
  outline: none;
}

.bp-profile-hero .badge-primary {
  background: var(--bp-primary);
}

html[data-theme="dark"] .bp-avatar-cam {
  border-color: var(--bp-white);
}

.swal2-popup.bp-avatar-lightbox img {
  border-radius: 16px;
  max-height: 70vh;
  object-fit: contain;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right .nav-menus li span,
.profile-media .media-body span {
  font-family: var(--font-ui);
  font-weight: 600;
}

.notification-slider h6 {
  font-family: var(--font-ui);
  font-weight: 500;
}

.box-service li a {
  font-family: var(--font-ui);
  font-weight: 500;
  color: var(--bp-ink);
}

.box-service li .icon-box {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
}

.page-body-wrapper .card .sub-title,
.user-profile .follow .follow-num,
.user-profile .like-comment span,
.monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
  font-family: var(--font-ui) !important;
}

/* Collapsed sidebar uses logo-blue.png (large source); keep it icon-sized */
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
  padding: 18px 22px;
  text-align: center;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper img,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .back-btn img {
  width: 36px;
  max-width: 36px;
  height: auto;
}

@media only screen and (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    position: relative;
    padding-right: 48px;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 1;
    color: var(--bp-primary);
    cursor: pointer;
    z-index: 2;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn i {
    color: var(--bp-primary);
  }

  html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    right: auto;
    left: 12px;
    transform: translateY(-50%) rotate(180deg);
  }
}

@media (max-width: 575.98px) {
  .tap-top {
    bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    right: 16px;
    z-index: 1101;
  }
}

.show-hide span:before,
.show-hide span.show:before {
  content: none !important;
}

.form-input .form-control,
.position-relative > .form-control:has(+ .show-hide) {
  padding-right: 44px;
}

.login-card .login-main .theme-form .show-hide,
.show-hide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
}

.show-hide i.fa {
  font-family: FontAwesome !important;
  font-size: 16px;
  line-height: 1;
  color: var(--bp-muted);
}

.show-hide:hover i.fa,
.show-hide:focus i.fa {
  color: var(--bp-primary);
}

html[data-theme="dark"] .for-light {
  display: none !important;
}

html[data-theme="dark"] .for-dark {
  display: block !important;
}

html[data-theme="light"] .for-dark {
  display: none !important;
}

html[data-theme="dark"] .bp-wordmark.for-dark,
html[data-theme="light"] .bp-wordmark.for-light {
  display: inline-flex !important;
}

.bp-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--bp-ink);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  line-height: 1;
}

.bp-wordmark img {
  width: 36px;
  height: 36px;
  max-height: 36px;
  display: block;
}

html[data-theme="dark"] .bp-wordmark {
  color: #fff;
}

.bp-auth-brandbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin-bottom: 24px;
}

.bp-auth-brandbar .logo {
  margin-bottom: 0;
}

.bp-theme-toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
  color: var(--bp-ink);
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.06);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.bp-theme-toggle:hover,
.bp-theme-toggle:focus-visible {
  color: var(--bp-primary);
  border-color: rgba(38, 72, 230, 0.45);
  outline: none;
}

.bp-theme-toggle:active {
  transform: scale(0.96);
}

.bp-theme-toggle .bp-theme-icon {
  display: none;
}

.bp-theme-toggle i.fa.bp-theme-icon {
  font-family: FontAwesome !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  width: auto;
  height: auto;
}

.bp-theme-toggle svg.bp-theme-icon {
  width: 20px;
  height: 20px;
}

html[data-theme="light"] .bp-theme-toggle .bp-theme-icon-moon,
html:not([data-theme]) .bp-theme-toggle .bp-theme-icon-moon {
  display: inline-block;
}

html[data-theme="dark"] .bp-theme-toggle .bp-theme-icon-sun {
  display: inline-block;
}

.page-header .bp-theme-nav {
  display: flex;
  align-items: center;
}

.page-header .bp-theme-nav .bp-theme-toggle {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 12px;
  color: inherit;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li.bp-theme-nav .bp-theme-toggle i.fa {
  font-size: 18px !important;
}

.page-header .bp-theme-nav .bp-theme-toggle:hover,
.page-header .bp-theme-nav .bp-theme-toggle:focus-visible {
  color: var(--bp-primary);
  background: var(--bp-primary-soft);
  border-color: transparent;
  outline: none;
}

html[data-theme="dark"] .page-header .bp-theme-nav .bp-theme-toggle {
  color: #f4f4f4;
}

html[data-theme="dark"] .page-header .bp-theme-nav .bp-theme-toggle:hover,
html[data-theme="dark"] .page-header .bp-theme-nav .bp-theme-toggle:focus-visible {
  color: #fff;
  background: rgba(38, 72, 230, 0.22);
}

@media (max-width: 575.98px) {
  .page-header .bp-theme-nav {
    padding-right: 2px;
  }

  .page-header .bp-theme-nav .bp-theme-toggle {
    width: 40px;
    height: 40px;
  }

  .page-header .bp-theme-nav .bp-theme-toggle i.fa {
    font-size: 16px !important;
  }
}

.bp-theme-toggle--float {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 1080;
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.dark-only {
  background-color: var(--bp-paper);
  color: var(--bp-ink);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] select,
html[data-theme="dark"] .login-card .login-main .theme-form input,
html[data-theme="dark"] body.dark-only .form-control,
html[data-theme="dark"] body.dark-only .login-card .login-main .theme-form input {
  background-color: #0c0f1a !important;
  color: var(--bp-ink);
  border-color: var(--bp-line);
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] .login-card .login-main .theme-form input:hover,
html[data-theme="dark"] .login-card .login-main .theme-form input:focus {
  background-color: #0c0f1a !important;
}

html[data-theme="dark"] select,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] select.select,
html[data-theme="dark"] .theme-form select,
html[data-theme="dark"] .dt-length select,
html[data-theme="dark"] .dataTables_length select,
html[data-theme="dark"] .bp-dt-select,
html[data-theme="dark"] select.dt-input,
html[data-theme="dark"] .dt-container select {
  --bp-select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23c5cad6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-image: var(--bp-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px 12px !important;
}

html[data-theme="dark"] select[multiple],
html[data-theme="dark"] select[size]:not([size="1"]),
html[data-theme="dark"] .form-select[multiple],
html[data-theme="dark"] .form-select[size]:not([size="1"]) {
  background-image: none !important;
}

html[data-theme="dark"] .dt-search input,
html[data-theme="dark"] .dataTables_filter input,
html[data-theme="dark"] .bp-dt-search input {
  --bp-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5cad6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3-3'/%3E%3C/svg%3E");
  background-image: var(--bp-search-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 14px 50% !important;
  background-size: 16px 16px !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single {
  --bp-select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23c5cad6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-color: #0c0f1a !important;
  border-color: var(--bp-line) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bp-ink) !important;
}

html[data-theme="dark"] .select2-dropdown {
  background-color: #0c0f1a;
  border-color: var(--bp-line);
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .login-card .login-main .theme-form input::placeholder {
  color: #7d8699;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f3f5fa;
  caret-color: #f3f5fa;
  box-shadow: 0 0 0 1000px #0c0f1a inset;
  transition: background-color 9999s ease-out;
}

html[data-theme="dark"] .text-muted {
  color: var(--bp-muted) !important;
}

html[data-theme="dark"] .login-card {
  background:
    radial-gradient(ellipse at top right, rgba(38, 72, 230, 0.18), transparent 46%),
    var(--bp-paper);
}

html[data-theme="dark"] .login-card .login-main,
html[data-theme="dark"] body.dark-only .login-dark .login-main,
html[data-theme="dark"] body.dark-only .login-card .login-main {
  background: var(--bp-white);
  background-color: var(--bp-white);
  border-color: var(--bp-line);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .bp-google-auth-btn {
  background: var(--bp-paper);
  border-color: var(--bp-line);
  color-scheme: light;
}

html[data-theme="dark"] .bp-google-auth-face {
  color: var(--bp-ink);
}

html[data-theme="dark"] .login-card .login-main .theme-form .checkbox label::before,
html[data-theme="dark"] body.dark-only .login-card .login-main .theme-form .checkbox label::before {
  background-color: #0c0f1a !important;
  border-color: var(--bp-line) !important;
}

html[data-theme="light"] .auth-aside {
  background: #0b0b0f;
}

html[data-theme="light"] .auth-aside-visual {
  filter: saturate(1.04) contrast(1.02);
}

html[data-theme="light"] .auth-aside-visual::after {
  background:
    linear-gradient(90deg, rgba(11, 11, 15, 0) 55%, rgba(246, 247, 251, 0.08) 100%),
    linear-gradient(180deg, rgba(11, 11, 15, 0.08) 0%, rgba(11, 11, 15, 0.32) 42%, rgba(11, 11, 15, 0.9) 100%);
}

html[data-theme="dark"] .auth-aside {
  background: var(--bp-paper);
  border-right: 0;
}

html[data-theme="dark"] .auth-aside-visual {
  filter: brightness(1.08) saturate(1.05) contrast(1.02);
  -webkit-mask-image: radial-gradient(
    140% 108% at 22% 40%,
    #000 0%,
    #000 32%,
    rgba(0, 0, 0, 0.72) 50%,
    rgba(0, 0, 0, 0.32) 68%,
    transparent 86%
  );
  mask-image: radial-gradient(
    140% 108% at 22% 40%,
    #000 0%,
    #000 32%,
    rgba(0, 0, 0, 0.72) 50%,
    rgba(0, 0, 0, 0.32) 68%,
    transparent 86%
  );
}

html[data-theme="dark"] .auth-aside-visual::before {
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(12, 15, 26, 0) 0%,
      rgba(12, 15, 26, 0) 38%,
      rgba(12, 15, 26, 0.22) 62%,
      rgba(12, 15, 26, 0.62) 82%,
      var(--bp-paper) 100%
    );
}

html[data-theme="dark"] .auth-aside-visual::after {
  z-index: 1;
  background:
    radial-gradient(ellipse at 28% 38%, rgba(38, 72, 230, 0.16) 0%, rgba(38, 72, 230, 0) 48%),
    linear-gradient(
      180deg,
      rgba(12, 15, 26, 0.18) 0%,
      rgba(12, 15, 26, 0.04) 28%,
      rgba(12, 15, 26, 0.2) 58%,
      rgba(12, 15, 26, 0.78) 100%
    );
}

html[data-theme="dark"] .auth-shell > .col-12 {
  background: var(--bp-paper);
}

html[data-theme="dark"] .legal-page,
html[data-theme="dark"] .legal-card {
  background: var(--bp-white);
  border-color: var(--bp-line);
  color: var(--bp-ink);
}

html[data-theme="dark"] .txt-dark,
html[data-theme="dark"] body.dark-only .txt-dark {
  color: var(--bp-ink) !important;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] body.dark-only .modal-content {
  background: var(--bp-white);
  background-color: var(--bp-white);
  color: var(--bp-ink);
  border-color: var(--bp-line);
  border-radius: 20px;
  overflow: hidden;
}

html[data-theme="dark"] .modal-content .modal-header,
html[data-theme="dark"] .modal-content .modal-footer,
html[data-theme="dark"] .modal-content .modal-body,
html[data-theme="dark"] .modal-content .card,
html[data-theme="dark"] .modal-content .card-body,
html[data-theme="dark"] .modal-content .card-header,
html[data-theme="dark"] .modal-content .card-footer,
html[data-theme="dark"] .modal-content .modal-toggle-wrapper,
html[data-theme="dark"] body.dark-only .modal-content .modal-header,
html[data-theme="dark"] body.dark-only .modal-content .modal-footer,
html[data-theme="dark"] body.dark-only .modal-content .modal-body,
html[data-theme="dark"] body.dark-only .card .card-header,
html[data-theme="dark"] body.dark-only .card .card-footer {
  background: var(--bp-white) !important;
  background-color: var(--bp-white) !important;
  border-color: var(--bp-line) !important;
  color: var(--bp-ink);
}

html[data-theme="dark"] .card .card-header:has(.nav-tabs),
html[data-theme="dark"] body.dark-only .card .card-header:has(.nav-tabs),
html[data-theme="dark"] .bp-pill-nav,
html[data-theme="dark"] .tab-content .card-footer,
html[data-theme="dark"] .tab-pane .card-footer,
html[data-theme="dark"] body.dark-only .card .tab-content .card-footer,
html[data-theme="dark"] body.dark-only .card .tab-pane .card-footer,
html[data-theme="dark"] body.dark-only .bp-pill-card .card-header,
html[data-theme="dark"] body.dark-only .bp-pill-card .card-footer,
html[data-theme="dark"] .page-body > footer.footer,
html[data-theme="dark"] footer.footer,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .footer {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

html[data-theme="dark"] footer.footer p,
html[data-theme="dark"] .page-body > footer.footer p,
html[data-theme="dark"] .footer-copyright,
html[data-theme="dark"] .footer-copyright p,
html[data-theme="dark"] body.dark-only .page-wrapper .page-body-wrapper .footer p {
  color: var(--bp-muted) !important;
}

html[data-theme="dark"] .modal-content h1,
html[data-theme="dark"] .modal-content h2,
html[data-theme="dark"] .modal-content h3,
html[data-theme="dark"] .modal-content h4,
html[data-theme="dark"] .modal-content h5,
html[data-theme="dark"] .modal-content h6,
html[data-theme="dark"] .modal-content p,
html[data-theme="dark"] .modal-content label,
html[data-theme="dark"] .modal-content .form-label,
html[data-theme="dark"] .modal-content .modal-title {
  color: var(--bp-ink) !important;
}

html[data-theme="dark"] .modal-content .btn-dark {
  background-color: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  color: #fff !important;
}

html[data-theme="dark"] .modal-content .badge-dark {
  background-color: var(--bp-primary) !important;
  color: #fff !important;
}

html[data-theme="dark"] .modal-content .f-light,
html[data-theme="dark"] .modal-content .text-muted {
  color: var(--bp-muted) !important;
  opacity: 1;
}

html[data-theme="dark"] .swal2-popup {
  background: var(--bp-white) !important;
  color: var(--bp-ink) !important;
  border-color: var(--bp-line) !important;
}

html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-title h1,
html[data-theme="dark"] .swal2-title h2,
html[data-theme="dark"] .swal2-title h3,
html[data-theme="dark"] .swal2-title h4,
html[data-theme="dark"] .swal2-html-container,
html[data-theme="dark"] .swal2-html-container h3,
html[data-theme="dark"] .swal2-popup p {
  color: var(--bp-ink) !important;
}

html[data-theme="dark"] .swal2-input,
html[data-theme="dark"] .swal2-textarea,
html[data-theme="dark"] .swal2-select {
  background: var(--bp-paper) !important;
  color: var(--bp-ink) !important;
  border-color: var(--bp-line) !important;
}

html[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

@media (max-width: 1199.98px) {
  .bp-theme-toggle--float {
    top: 12px;
    right: 12px;
  }
}

@media (min-width: 992px) {
  .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper,
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    display: none !important;
  }
}

.bp-ops {
  max-width: 1280px;
  margin: 0 auto 28px;
}

.bp-ops-hero {
  margin-bottom: 16px;
}

.bp-ops-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 4px;
  color: var(--bp-ink);
}

.bp-ops-hero p {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--bp-muted);
}

.bp-ops-hero a {
  color: var(--bp-primary);
  font-weight: 600;
}

.bp-ops-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.bp-ops-stats article {
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius-sm);
  padding: 14px 16px;
}

.bp-ops-stats span {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  font-weight: 600;
}

.bp-ops-stats strong {
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--bp-ink);
}

.bp-ops-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.bp-ops-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bp-ops-chip,
.bp-ops-pager button,
.bp-ops-actions button {
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
  color: var(--bp-ink);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-ui);
}

.bp-ops-chip.is-on,
.bp-ops-actions button:not(.is-danger) {
  border-color: transparent;
}

.bp-ops-chip.is-on {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
}

.bp-ops-search {
  max-width: 280px;
}

.bp-ops-card {
  margin-bottom: 0;
}

.bp-ops-list {
  display: grid;
  gap: 10px;
}

.bp-ops-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  padding: 14px;
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  background: var(--bp-paper);
}

.bp-ops-main {
  min-width: 0;
}

.bp-ops-main strong,
.bp-ops-meta {
  display: block;
  font-family: var(--font-ui);
  color: var(--bp-ink);
}

.bp-ops-main span,
.bp-ops-link {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-ops-meta {
  text-align: right;
}

.bp-ops-meta time {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  margin-top: 4px;
}

.bp-ops-badge {
  display: inline-flex;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}

.bp-ops-badge.is-ok { background: rgba(22, 163, 74, 0.12); color: var(--bp-success); }
.bp-ops-badge.is-wait { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.bp-ops-badge.is-bad { background: rgba(220, 38, 38, 0.12); color: var(--bp-danger); }

.bp-ops-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bp-ops-actions button {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
}

.bp-ops-actions button.is-danger {
  background: rgba(220, 38, 38, 0.1);
  color: var(--bp-danger);
}

.bp-ops-review {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.bp-ops-empty {
  text-align: center;
  padding: 28px 12px;
  color: var(--bp-muted);
}

.bp-ops-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  font-size: 13px;
  color: var(--bp-muted);
}

@media (max-width: 767.98px) {
  .bp-ops-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bp-ops-search {
    max-width: none;
    width: 100%;
  }
  .bp-ops-row {
    grid-template-columns: 1fr;
  }
  .bp-ops-meta {
    text-align: left;
  }
}

.page-body.is-admin-home {
  padding-top: 18px;
}

.bp-admin-dash {
  max-width: 1280px;
  margin: 0 auto 28px;
  padding-bottom: 8px;
}

.bp-admin-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.bp-admin-kicker {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bp-primary);
  margin-bottom: 4px;
}

.bp-admin-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.4vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--bp-ink);
  margin: 0 0 4px;
  line-height: 1.15;
}

.bp-admin-hero p {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--bp-muted);
}

.bp-admin-hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.bp-admin-hero-meta > span {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-admin-hero-btn {
  border-radius: 999px !important;
  padding: 0.5rem 1.15rem !important;
}

.bp-admin-attention {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.bp-admin-attention-card {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 16px;
  border-radius: var(--bp-radius-sm);
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  text-decoration: none !important;
  color: var(--bp-ink);
  min-width: 0;
}

.bp-admin-attention-card strong {
  font-family: var(--font-display);
  font-size: 1.35rem;
  color: var(--bp-primary);
}

.bp-admin-attention-card span {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-admin-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.bp-admin-kpi {
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius);
  padding: 16px 16px 14px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
}

.bp-admin-kpi-ico {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  margin-bottom: 6px;
}

.bp-admin-kpi-ico svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

.bp-admin-kpi-ico.is-ok {
  background: rgba(22, 163, 74, 0.12);
  color: var(--bp-success);
}

.bp-admin-kpi-ico.is-warn {
  background: rgba(245, 158, 11, 0.14);
  color: var(--bp-warning);
}

.bp-admin-kpi-label,
.bp-admin-kpi-hint {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--bp-muted);
  letter-spacing: 0.02em;
}

.bp-admin-kpi strong {
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--bp-ink);
  line-height: 1.2;
  word-break: break-word;
}

.bp-admin-kpi > a {
  margin-top: 4px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--bp-primary) !important;
  text-decoration: none !important;
}

.bp-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.bp-admin-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  color: var(--bp-ink) !important;
  text-decoration: none !important;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
}

.bp-admin-action svg {
  width: 15px;
  height: 15px;
  stroke: var(--bp-primary);
}

.bp-admin-action em {
  font-style: normal;
  background: var(--bp-primary);
  color: #fff;
  border-radius: 999px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.bp-admin-main {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.9fr);
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}

.bp-admin-main.is-solo {
  grid-template-columns: 1fr;
}

.bp-admin-side {
  display: grid;
  gap: 16px;
}

.bp-admin-panel {
  margin-bottom: 0;
}

.bp-admin-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 0;
}

.bp-admin-panel-head h2 {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 2px;
  color: var(--bp-ink);
}

.bp-admin-panel-head p,
.bp-admin-empty {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-admin-panel-head a {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--bp-primary) !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.bp-admin-chart {
  padding: 8px 12px 16px;
  min-height: 280px;
}

.bp-admin-chart #chart-widget4 {
  min-height: 280px;
}

.bp-admin-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 16px 20px 20px;
}

.bp-admin-flow div {
  min-width: 0;
}

.bp-admin-flow span {
  display: block;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
  margin-bottom: 4px;
}

.bp-admin-flow strong {
  display: block;
  font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--bp-ink);
  word-break: break-word;
}

.bp-admin-flow .is-ok strong {
  color: var(--bp-success);
}

.bp-admin-flow .is-bad strong {
  color: var(--bp-danger);
}

.bp-admin-providers {
  list-style: none;
  margin: 0;
  padding: 8px 20px 16px;
}

.bp-admin-providers li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--bp-line);
  font-family: var(--font-ui);
  font-size: 13px;
}

.bp-admin-providers li:last-child {
  border-bottom: 0;
}

.bp-admin-providers span {
  color: var(--bp-muted);
}

.bp-admin-providers strong {
  color: var(--bp-ink);
  font-weight: 600;
  text-align: right;
}

.bp-admin-empty {
  padding: 28px 20px 32px;
  text-align: center;
}

.bp-admin-tx-wrap {
  padding: 8px 8px 12px;
}

.bp-admin-tx {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bp-admin-tx li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 12px;
  border-radius: 12px;
}

.bp-admin-tx li:nth-child(odd) {
  background: var(--bp-paper);
}

.bp-admin-tx-main {
  min-width: 0;
}

.bp-admin-tx-main strong,
.bp-admin-tx-meta strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--bp-ink);
}

.bp-admin-tx-main span,
.bp-admin-tx-meta time {
  display: block;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--bp-muted);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-admin-tx-meta {
  text-align: right;
}

.bp-admin-status {
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  font-family: var(--font-ui);
  text-transform: capitalize;
}

.bp-admin-status.is-ok {
  background: rgba(22, 163, 74, 0.12);
  color: var(--bp-success);
}

.bp-admin-status.is-wait {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

.bp-admin-status.is-bad {
  background: rgba(220, 38, 38, 0.12);
  color: var(--bp-danger);
}

.bp-admin-modal {
  border-radius: var(--bp-radius);
}

@media (max-width: 1199.98px) {
  .bp-admin-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bp-admin-main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .bp-admin-kpis {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .page-body.is-admin-home {
    padding-top: 12px;
  }

  .bp-admin-hero-meta {
    align-items: flex-start;
    width: 100%;
  }

  .bp-admin-attention {
    grid-template-columns: 1fr;
  }

  .bp-admin-flow {
    grid-template-columns: 1fr;
  }

  .bp-admin-tx li {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .bp-admin-tx-meta {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .bp-admin-tx-meta strong,
  .bp-admin-tx-meta time {
    display: inline;
    margin: 0;
  }
}

@media (max-width: 767.98px) and (orientation: portrait) {
  .bp-admin-kpis {
    grid-template-columns: 1fr;
  }

  .bp-admin-action {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px) {
  .bp-admin-kpis {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .bp-admin-kpi {
    padding: 14px 12px 12px;
  }

  .bp-admin-action {
    flex: 1 1 100%;
    justify-content: flex-start;
  }

  .page-header .profile-nav .bp-avatar--sm {
    width: 100%;
    height: 100%;
    font-size: 13px;
  }

  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown,
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.profile-dropdown {
    width: min(260px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px);
    right: 12px;
    left: auto !important;
    top: calc(var(--bp-header-h) + 6px);
  }
}

@media (min-width: 992px) {
  .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper,
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    display: none !important;
  }
}

.bp-ops {
  max-width: 1280px;
  margin: 0 auto 28px;
}

.bp-ops-hero {
  margin-bottom: 16px;
}

.bp-ops-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 4px;
  color: var(--bp-ink);
}

.bp-ops-hero p {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--bp-muted);
}

.bp-ops-hero a {
  color: var(--bp-primary);
  font-weight: 600;
}

.bp-ops-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.bp-ops-stats article {
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius-sm);
  padding: 14px 16px;
}

.bp-ops-stats span {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  font-weight: 600;
}

.bp-ops-stats strong {
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--bp-ink);
}

.bp-ops-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.bp-ops-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bp-ops-chip,
.bp-ops-pager button,
.bp-ops-actions button {
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
  color: var(--bp-ink);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-ui);
}

.bp-ops-chip.is-on {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  border-color: transparent;
}

.bp-ops-search {
  max-width: 280px;
}

.bp-ops-list {
  display: grid;
  gap: 10px;
}

.bp-ops-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  padding: 14px;
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  background: var(--bp-paper);
}

.bp-ops-main {
  min-width: 0;
}

.bp-ops-main strong,
.bp-ops-meta {
  display: block;
  font-family: var(--font-ui);
  color: var(--bp-ink);
}

.bp-ops-main span,
.bp-ops-link {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-ops-meta {
  text-align: right;
}

.bp-ops-meta time {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
  margin-top: 4px;
}

.bp-ops-badge {
  display: inline-flex;
  margin-top: 4px;
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}

.bp-ops-badge.is-ok { background: rgba(22, 163, 74, 0.12); color: var(--bp-success); }
.bp-ops-badge.is-wait { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.bp-ops-badge.is-bad { background: rgba(220, 38, 38, 0.12); color: var(--bp-danger); }

.bp-ops-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bp-ops-actions button {
  background: var(--bp-primary-soft);
  color: var(--bp-primary);
  border-color: transparent;
}

.bp-ops-actions button.is-danger {
  background: rgba(220, 38, 38, 0.1);
  color: var(--bp-danger);
}

.bp-ops-review {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.bp-ops-empty {
  text-align: center;
  padding: 28px 12px;
  color: var(--bp-muted);
}

.bp-ops-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  font-size: 13px;
  color: var(--bp-muted);
}

@media (max-width: 767.98px) {
  .bp-ops-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bp-ops-search {
    max-width: none;
    width: 100%;
  }
  .bp-ops-row {
    grid-template-columns: 1fr;
  }
  .bp-ops-meta {
    text-align: left;
  }
}

.loader-wrapper.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: none !important;
}

.page-body.is-admin-page {
  padding-top: 18px;
}

.bp-admin-skel {
  display: inline-block;
  min-width: 4.5rem;
  color: transparent;
  background: linear-gradient(90deg, #eceff3 25%, #f7f8fa 37%, #eceff3 63%);
  background-size: 400% 100%;
  animation: bp-skel 1.2s ease-in-out infinite;
  border-radius: 6px;
}

@keyframes bp-skel {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

.bp-admin-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.bp-admin-toolbar .form-control,
.bp-admin-toolbar .form-select {
  min-width: 180px;
  border-radius: 999px;
  border-color: var(--bp-line);
  font-family: var(--font-ui);
  font-size: 13px;
}

.bp-admin-table-wrap {
  padding: 8px 16px 20px;
}

.bp-admin-table-wrap .dt-container {
  font-family: var(--font-ui);
}

.bp-admin-table thead th {
  font-size: 12px;
  font-weight: 600;
  color: var(--bp-muted);
  border-bottom-color: var(--bp-line) !important;
  white-space: nowrap;
}

.bp-admin-table tbody td {
  font-size: 13px;
  vertical-align: middle;
  color: var(--bp-ink);
}

.bp-admin-more,
.btn.bp-admin-more {
  border-radius: 999px;
  border: 1px solid var(--bp-line);
  background: var(--bp-white);
  color: var(--bp-ink);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
}

.bp-admin-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bp-admin-row-actions a.is-loading,
#btnBankPayNotice.is-loading {
  cursor: wait;
  opacity: 0.9;
}

.bp-admin-row-actions a.disabled,
.bp-admin-row-actions a[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
}

.bp-admin-panel-links {
  display: flex;
  gap: 12px;
  align-items: center;
}

.bp-admin-panel-links a {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--bp-primary) !important;
  text-decoration: none !important;
}

.bp-switch {
  position: relative;
  display: inline-flex;
  width: 42px;
  height: 24px;
  margin: 0 auto;
  vertical-align: middle;
}

.bp-status-cell {
  text-align: center !important;
  vertical-align: middle !important;
}

.bp-status-cell .bp-switch {
  display: inline-flex;
}

.bp-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.bp-switch span {
  position: absolute;
  inset: 0;
  background: #d1d5db;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.bp-switch span::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

.bp-switch input:checked + span {
  background: var(--bp-success);
}

.bp-switch input:checked + span::after {
  transform: translateX(18px);
}

body.bp-admin-app .page-wrapper .page-body .card.bp-admin-panel {
  border: 1px solid var(--bp-line);
  border-radius: var(--bp-radius);
  box-shadow: 0 8px 24px rgba(11, 11, 15, 0.04);
}

@media (max-width: 767.98px) {
  .bp-admin-toolbar {
    width: 100%;
  }

  .bp-admin-toolbar .form-control,
  .bp-admin-toolbar .form-select {
    width: 100%;
    min-width: 0;
  }

  .page-body.is-admin-page {
    padding-top: 12px;
  }
}

.bp-otp-lead {
  margin: 0 0 16px;
  color: var(--bp-muted);
  font-size: 0.95rem;
}

.bp-otp-boxes {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 4px;
}

.bp-otp-digit {
  width: 42px;
  height: 48px;
  text-align: center;
  font-family: Aspekta, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bp-ink);
  background: var(--bp-white);
  border: 1px solid var(--bp-line);
  border-radius: 12px;
  outline: none;
}

.bp-otp-digit:focus {
  border-color: var(--bp-primary);
  box-shadow: 0 0 0 3px var(--bp-primary-soft);
}

body.dark-only .bp-otp-digit,
html.dark-only .bp-otp-digit {
  background: #161b2e;
  color: #f3f5fa;
  border-color: #2a3148;
}

.bp-plan-modal .modal-title,
.bp-sms-modal .modal-title {
  font-family: var(--font-display);
}

.bp-plan-tabs .nav-link {
  font-family: var(--font-ui) !important;
  border-radius: 999px;
  padding: 8px 16px;
}

.bp-plan-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 768px) {
  .bp-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) and (orientation: portrait) {
  .bp-plan-grid {
    grid-template-columns: 1fr;
  }
}

.bp-plan-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--bp-line);
  border-radius: 16px;
  background: var(--bp-white);
  cursor: pointer;
}

.bp-plan-card:has(input:checked) {
  border-color: var(--bp-primary);
  box-shadow: 0 0 0 3px var(--bp-primary-soft);
}

.bp-plan-card.is-current {
  cursor: default;
  background: var(--bp-primary-soft);
}

.bp-plan-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bp-plan-card-top strong {
  font-family: var(--font-display);
  font-size: 16px;
}

.bp-plan-card-top em {
  font-style: normal;
  font-size: 11px;
  color: var(--bp-primary);
  margin-left: auto;
}

.bp-plan-fee {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
}

.bp-plan-perks {
  font-size: 12px;
  color: var(--bp-muted);
  line-height: 1.4;
}

.bp-plan-history {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bp-plan-history li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bp-line);
}

.bp-plan-history li:last-child {
  border-bottom: 0;
}

.bp-plan-history strong,
.bp-plan-history em {
  display: block;
  font-style: normal;
  font-family: var(--font-ui);
}

.bp-plan-history span,
.bp-plan-history small {
  display: block;
  font-size: 12px;
  color: var(--bp-muted);
}

.bp-sms-meter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: var(--bp-muted);
}

.tab-pane .bp-kyc-card {
  border: 0;
  box-shadow: none;
  padding: 0;
  background: transparent;
}

.bp-kyc-card.is-verified {
  border-color: rgba(22, 163, 74, 0.28);
}

.bp-kyc-done,
.bp-kyc-need {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.bp-kyc-done {
  justify-content: space-between;
  flex-wrap: wrap;
}

.bp-kyc-done-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 163, 74, 0.14);
  color: #16a34a;
  flex: 0 0 40px;
}

.bp-kyc-done-copy,
.bp-kyc-need {
  flex: 1;
  min-width: 0;
}

.bp-kyc-done-copy strong,
.bp-kyc-need strong {
  display: block;
  font-family: var(--font-display);
  margin-bottom: 4px;
}

.bp-kyc-done-copy p,
.bp-kyc-need p {
  margin: 0;
  font-size: 13px;
  color: var(--bp-muted);
}

.bp-kyc-dl {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 16px;
  margin: 0;
}

@media (min-width: 576px) {
  .bp-kyc-dl {
    grid-template-columns: 1fr 1fr;
  }
}

.bp-kyc-dl dt {
  font-size: 12px;
  color: var(--bp-muted);
  font-weight: 500;
}

.bp-kyc-dl dd {
  margin: 2px 0 0;
  font-family: var(--font-ui);
}

@media print {
  .page-wrapper header,
  .sidebar-wrapper,
  .footer,
  .bp-tabbar,
  .modal-header,
  .btn {
    display: none !important;
  }
  #orderSuccessModal {
    position: static !important;
    display: block !important;
  }
  #orderSuccessModal .modal-dialog {
    max-width: 100%;
    margin: 0;
  }
}