.rp-money-page {
  --rp-money-ink: #13213c;
  --rp-money-muted: #6d7890;
  --rp-money-line: rgba(25, 52, 93, .1);
  --rp-money-accent: var(--rp-brand, #ff6b00);
}
.rp-money-page .rp-money-shell { max-width: 1440px; margin: 0 auto; }
.rp-money-page .rp-money-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  margin-bottom: 1.25rem;
}
.rp-money-page .rp-money-heading h1 { color: var(--rp-money-ink); font-size: clamp(1.55rem, 3vw, 2.15rem); font-weight: 800; letter-spacing: -.04em; }
.rp-money-page .rp-money-heading p { color: var(--rp-money-muted); }
.rp-money-page .rp-money-heading-icon {
  width: 48px; height: 48px; border-radius: 16px; display: inline-grid; place-items: center;
  color: #fff; background: linear-gradient(145deg, var(--rp-brand, #ff6b00), var(--rp-brand-hover, #e65100)); box-shadow: 0 10px 24px rgba(var(--rp-brand-rgb,255,107,0),.22);
}
.rp-money-page .rp-money-balance {
  position: relative; overflow: hidden; padding: 1.35rem 1.5rem; border-radius: 22px;
  color: #fff; background: linear-gradient(125deg, #713109 0%, var(--rp-brand-hover, #e65100) 48%, var(--rp-brand, #ff6b00) 100%);
  box-shadow: 0 18px 44px rgba(var(--rp-brand-rgb,255,107,0),.2);
}
.rp-money-page .rp-money-balance::after {
  content: ""; position: absolute; width: 210px; height: 210px; right: -70px; top: -95px;
  border: 32px solid rgba(255,255,255,.1); border-radius: 50%;
}
.rp-money-page .rp-money-balance span { display: block; color: rgba(255,255,255,.72); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.rp-money-page .rp-money-balance strong { position: relative; z-index: 1; display: block; margin-top: .25rem; font-size: clamp(1.8rem,4vw,2.65rem); letter-spacing: -.04em; }
.rp-money-page .rp-money-balance small { position: relative; z-index: 1; color: rgba(255,255,255,.78); }
.rp-money-page .rp-money-balance-value { display: flex; align-items: center; gap: .65rem; position: relative; z-index: 2; }
.rp-money-page .rp-money-balance-value strong { margin: 0; }
.rp-money-page .rp-money-balance-toggle { border: 0; background: rgba(255,255,255,.13); color: #fff; width: 38px; height: 38px; border-radius: 50%; }
.rp-money-page .rp-money-balance-row {
  position: relative; z-index: 1; display: flex; align-items: center; flex-wrap: nowrap; gap: 0;
}
.rp-money-page .rp-money-balance-primary { flex: 1.5 1 260px; min-width: 0; padding-right: 1.5rem; }
.rp-money-page .rp-money-balance-stat {
  flex: 1 1 170px; min-width: 0; min-height: 76px; padding: .25rem 1.35rem;
  border-left: 1px solid rgba(255,255,255,.2); display: flex; flex-direction: column; justify-content: center;
}
.rp-money-page .rp-money-balance-stat strong {
  display: block; margin: .28rem 0 .08rem; font-size: clamp(1.15rem,2vw,1.55rem); line-height: 1.15; letter-spacing: -.025em;
}
.rp-money-page .rp-money-balance-stat small { display: block; max-width: none; font-size: .76rem; line-height: 1.35; }
.rp-money-page .rp-money-balance .rp-money-inline-text {
  display: inline; color: inherit; font: inherit; letter-spacing: normal; text-transform: none;
}
.rp-private-balance { position: relative; display: inline-block; }
body:not(.rp-balances-visible) .rp-private-balance { color: transparent !important; min-width: 6.2rem; user-select: none; }
body:not(.rp-balances-visible) .rp-private-balance::after { content: "GH₵••••"; position: absolute; inset: 0 auto auto 0; color: var(--rp-text, #182238); }
body:not(.rp-balances-visible) .rp-money-balance .rp-private-balance::after { color: #fff; }
.rp-money-page .rp-money-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(290px,.75fr); gap: 1.25rem; align-items: start; }
.rp-money-page .rp-money-card {
  border: 1px solid var(--rp-money-line); border-radius: 22px; background: var(--bs-body-bg);
  box-shadow: 0 12px 34px rgba(28,49,86,.07); overflow: hidden;
}
.rp-money-page .rp-money-card-head { padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--rp-money-line); }
.rp-money-page .rp-money-card-head h2 { color: var(--rp-money-ink); font-weight: 750; }
.rp-money-page .rp-money-card-head p { color: var(--rp-money-muted); font-size: .875rem; }
.rp-money-page .rp-money-card-body { padding: 1.35rem; }
.rp-money-page .rp-money-side-stack { display: grid; gap: 1rem; }
.rp-money-page .rp-money-shortcuts { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; }
.rp-money-page .rp-money-shortcut {
  padding: .85rem .7rem; border: 1px solid var(--rp-money-line); border-radius: 16px; color: var(--rp-money-ink);
  background: rgba(var(--rp-brand-rgb,255,107,0),.035); text-decoration: none; text-align: center; font-size: .8rem; font-weight: 700;
}
.rp-money-page .rp-money-shortcut i { display: block; color: var(--rp-money-accent); font-size: 1.25rem; margin-bottom: .35rem; }
.rp-money-page .rp-money-shortcut:hover { transform: translateY(-2px); border-color: rgba(var(--rp-brand-rgb,255,107,0),.35); color: var(--rp-money-accent); }
.rp-money-page .form-control,.rp-money-page .form-select { min-height: 46px; border-radius: 12px; border-color: var(--rp-money-line); }
.rp-money-page textarea.form-control { min-height: auto; }
.rp-money-page .btn-primary { border-radius: 12px; min-height: 44px; font-weight: 700; padding-inline: 1.2rem; }
.rp-money-page .rp-pay-tabs { padding: .3rem; border-radius: 14px; background: rgba(var(--rp-brand-rgb,255,107,0),.06); }
.rp-money-page .rp-pay-tab { border-radius: 11px; }
.rp-money-page .rp-pay-quote-box { border-radius: 15px; border: 1px solid var(--rp-money-line); background: rgba(var(--rp-brand-rgb,255,107,0),.035); }
.rp-money-page .rp-wallet-card { border-radius: 20px; border: 1px solid var(--rp-money-line); box-shadow: 0 10px 28px rgba(28,49,86,.06); }
.rp-money-page .rp-wallet-card .panel-header { background: linear-gradient(135deg, rgba(var(--rp-brand-rgb,255,107,0),.1), rgba(var(--rp-brand-rgb,255,107,0),.035)); }
.rp-money-page .rp-wallet-card .panel-header small { display: block; margin-top: .45rem; font-size: 1.25rem; font-weight: 800; color: var(--rp-money-ink)!important; }
.rp-money-page .rp-money-wallet-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.rp-money-page .rp-money-section-label { color: var(--rp-money-ink); font-weight: 800; letter-spacing: -.02em; }
@media (max-width: 991.98px) {
  .rp-money-page .rp-money-grid { grid-template-columns: 1fr; }
  .rp-money-page .rp-money-balance-row { align-items: stretch; flex-wrap: wrap; row-gap: 1rem; }
  .rp-money-page .rp-money-balance-primary { flex-basis: 100%; padding-right: 0; }
  .rp-money-page .rp-money-balance-stat { flex-basis: calc(33.333% - 1rem); border-left: 0; border-top: 1px solid rgba(255,255,255,.2); padding: 1rem 1rem 0 0; }
}
@media (max-width: 767.98px) {
  .rp-money-page .rp-money-heading { align-items: flex-start; }
  .rp-money-page .rp-money-heading-icon { width: 42px; height: 42px; border-radius: 14px; }
  .rp-money-page .rp-money-card-body,.rp-money-page .rp-money-card-head { padding: 1rem; }
  .rp-money-page .rp-money-wallet-grid { grid-template-columns: 1fr; }
  .rp-money-page .rp-money-shortcuts { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 575.98px) {
  .rp-money-page .rp-money-shell { padding-left: .75rem !important; padding-right: .75rem !important; }
  .rp-money-page .rp-money-heading { gap: .65rem; margin-bottom: 1rem; }
  .rp-money-page .rp-money-heading > .d-flex { min-width: 0; gap: .7rem !important; }
  .rp-money-page .rp-money-heading h1 { font-size: 1.35rem; }
  .rp-money-page .rp-money-heading p { font-size: .78rem; line-height: 1.35; }
  .rp-money-page .rp-money-heading > .btn,.rp-money-page .rp-home-refresh { flex: 0 0 auto; }
  .rp-money-page .rp-money-heading > .btn { width: 42px; height: 42px; padding: 0; overflow: hidden; font-size: 0; display: grid; place-items: center; }
  .rp-money-page .rp-money-heading > .btn i { margin: 0 !important; font-size: 1rem; }
  .rp-money-page .rp-money-balance { padding: 1.1rem; border-radius: 18px; }
  .rp-money-page .rp-money-balance strong { font-size: 1.75rem; }
  .rp-money-page .rp-money-balance small { display: block; max-width: 78%; font-size: .78rem; line-height: 1.35; }
  .rp-money-page .rp-money-balance-stat { flex-basis: calc(50% - .5rem); min-height: 68px; padding-right: .65rem; }
  .rp-money-page .rp-money-balance-stat strong { font-size: 1.15rem; }
  .rp-money-page .rp-money-balance-stat small { max-width: none; font-size: .7rem; }
  .rp-money-page .rp-money-card { border-radius: 18px; }
  .rp-money-page .rp-pay-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .rp-money-page .rp-pay-tab { width: 100%; padding-inline: .45rem; white-space: nowrap; }
  .rp-money-page .rp-pay-quote-grid { grid-template-columns: 1fr; }
  .rp-money-page .rp-money-card-body > form > .col-12:last-child .btn-primary { width: 100%; }
  .rp-money-page .rp-wallet-card .panel-body form { align-items: stretch !important; }
  .rp-money-page .rp-wallet-card .panel-body form .form-control,
  .rp-money-page .rp-wallet-card .panel-body form .form-select,
  .rp-money-page .rp-wallet-card .panel-body form .btn { width: 100%; min-width: 0 !important; }
}
[data-bs-theme="dark"] .rp-money-page { --rp-money-ink: #f3f6ff; --rp-money-muted: #aab4cb; --rp-money-line: rgba(199,213,244,.13); }
[data-bs-theme="dark"] .rp-money-page .rp-money-card { background: #111a2d; }