:root {
  --bv-bg: #07101c;
  --bv-bg-2: #0a1422;
  --bv-panel: rgba(15, 28, 46, .78);
  --bv-panel-2: rgba(10, 21, 36, .9);
  --bv-line: rgba(148, 176, 212, .13);
  --bv-line-strong: rgba(126, 166, 218, .22);
  --bv-text: #f4f8ff;
  --bv-muted: #8fa2bb;
  --bv-blue: #4f96ff;
  --bv-blue-2: #7ab3ff;
  --bv-gold: #e4bb66;
  --bv-green: #51d59b;
  --bv-red: #ff7f8d;
  --bv-radius: 22px;
}

body.bv-final-active { overflow: hidden !important; background: var(--bv-bg) !important; }
body.bv-final-active > *:not(#bv-final) { visibility: hidden !important; pointer-events: none !important; }

#bv-final,
#bv-final * { box-sizing: border-box; }

#bv-final {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  color: var(--bv-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 78% 10%, rgba(47, 112, 221, .18), transparent 28%),
    radial-gradient(circle at 34% 92%, rgba(44, 83, 138, .14), transparent 28%),
    linear-gradient(145deg, #07101c 0%, #091321 48%, #07101a 100%);
  overflow: hidden;
}

#bv-final::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 86%);
}

.bv-shell { position: relative; z-index: 1; display: grid; grid-template-columns: 250px 1fr; height: 100%; }

.bv-sidebar {
  display: flex;
  flex-direction: column;
  padding: 26px 18px 20px;
  background: rgba(6, 14, 25, .72);
  border-right: 1px solid var(--bv-line);
  backdrop-filter: blur(26px);
}

.bv-brand { display: flex; align-items: center; gap: 13px; padding: 0 8px 26px; border-bottom: 1px solid var(--bv-line); }
.bv-brand-mark { position: relative; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(125,174,239,.25); border-radius: 13px; background: linear-gradient(145deg, rgba(46,108,197,.28), rgba(15,30,51,.74)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.22); }
.bv-brand-mark span { position: absolute; inset: 8px; border: 1px solid rgba(120,181,255,.28); transform: rotate(45deg); border-radius: 5px; }
.bv-brand-mark b { font-size: 16px; letter-spacing: .05em; color: #dbe9ff; }
.bv-brand strong { display: block; font-size: 14px; letter-spacing: .14em; }
.bv-brand small { display: block; margin-top: 3px; color: var(--bv-muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

.bv-nav { display: grid; gap: 7px; margin-top: 24px; }
.bv-nav-item { appearance: none; border: 1px solid transparent; background: transparent; color: #8fa2bb; display: flex; align-items: center; gap: 12px; padding: 12px 13px; border-radius: 13px; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; transition: .18s ease; text-align: left; }
.bv-nav-item:hover { color: #eaf3ff; background: rgba(255,255,255,.035); }
.bv-nav-item.active { color: #f8fbff; border-color: rgba(87,151,240,.2); background: linear-gradient(90deg, rgba(60,129,230,.18), rgba(54,98,161,.05)); box-shadow: inset 3px 0 #5ea2ff; }
.bv-nav-icon { width: 22px; color: #7db2ff; font-size: 17px; text-align: center; }

.bv-sidebar-bottom { margin-top: auto; display: grid; gap: 10px; }
.bv-security-card { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--bv-line); border-radius: 13px; background: rgba(255,255,255,.025); }
.bv-live-dot, .bv-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bv-green); box-shadow: 0 0 0 5px rgba(81,213,155,.08), 0 0 14px rgba(81,213,155,.5); flex: 0 0 auto; }
.bv-security-card strong { display: block; font-size: 11px; }
.bv-security-card small { display: block; color: var(--bv-muted); font-size: 10px; margin-top: 2px; }
.bv-ghost-button { width: 100%; border: 1px solid var(--bv-line); background: transparent; color: var(--bv-muted); padding: 10px; border-radius: 11px; cursor: pointer; font: inherit; font-size: 12px; }
.bv-ghost-button:hover { color: #fff; border-color: var(--bv-line-strong); }

.bv-main { min-width: 0; overflow: auto; padding: 0 34px 38px; }
.bv-topbar { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 0 22px; background: linear-gradient(to bottom, rgba(7,16,28,.96) 68%, rgba(7,16,28,0)); backdrop-filter: blur(10px); }
.bv-eyebrow { color: #6e87a7; letter-spacing: .17em; font-size: 9px; font-weight: 800; }
.bv-topbar h1 { margin: 4px 0 2px; font-size: 27px; line-height: 1.1; letter-spacing: -.025em; }
.bv-topbar p { margin: 0; color: var(--bv-muted); font-size: 12px; }
.bv-top-actions { display: flex; align-items: center; gap: 10px; }
.bv-env { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 11px; border: 1px solid rgba(227,183,95,.18); border-radius: 999px; color: #d8bb7e; background: rgba(161,113,30,.06); font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.bv-env span { width: 6px; height: 6px; border-radius: 50%; background: var(--bv-gold); box-shadow: 0 0 12px rgba(228,187,102,.55); }
.bv-icon-button { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--bv-line); color: #c6d5e9; background: rgba(255,255,255,.025); cursor: pointer; font-size: 16px; }
.bv-icon-button.spin { animation: bv-spin .8s linear infinite; }
@keyframes bv-spin { to { transform: rotate(360deg); } }
.bv-user { display: flex; align-items: center; gap: 10px; padding-left: 4px; }
.bv-avatar { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(62,132,231,.8), rgba(36,78,139,.82)); border: 1px solid rgba(135,185,255,.25); font-size: 11px; font-weight: 850; }
.bv-user strong { display: block; font-size: 11px; }
.bv-user small { display: block; color: var(--bv-muted); font-size: 9px; margin-top: 2px; }

.bv-view { display: none; animation: bv-in .22s ease; }
.bv-view.active { display: block; }
@keyframes bv-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

.bv-hero-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.bv-balance-card { position: relative; overflow: hidden; min-height: 188px; padding: 20px; border: 1px solid var(--bv-line); border-radius: var(--bv-radius); background: linear-gradient(145deg, rgba(17,32,52,.92), rgba(10,20,35,.78)); box-shadow: inset 0 1px rgba(255,255,255,.035), 0 18px 45px rgba(0,0,0,.13); }
.bv-balance-card::after { content: ""; position: absolute; width: 170px; height: 170px; border-radius: 50%; right: -72px; top: -80px; filter: blur(4px); opacity: .3; }
.bv-balance-card.usd::after { background: radial-gradient(circle, rgba(70,144,255,.55), transparent 68%); }
.bv-balance-card.bd::after { background: radial-gradient(circle, rgba(227,181,91,.38), transparent 68%); }
.bv-balance-card.bc::after { background: radial-gradient(circle, rgba(88,118,158,.28), transparent 68%); }
.bv-card-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #a8bbd3; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.bv-chip { padding: 5px 7px; border-radius: 999px; background: rgba(69,142,244,.1); color: #79b0ff; font-size: 8px; letter-spacing: .09em; }
.bv-chip.muted { color: #aab8cb; background: rgba(255,255,255,.04); }
.bv-big-balance { position: relative; z-index: 1; margin-top: 29px; font-size: clamp(28px, 3vw, 39px); font-weight: 760; letter-spacing: -.045em; }
.bv-big-balance small { color: #8fa3bc; font-size: 13px; letter-spacing: .02em; }
.bv-balance-foot { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-top: 29px; color: var(--bv-muted); font-size: 10px; }
.bv-balance-foot button { appearance: none; border: 0; background: transparent; color: #80b4ff; padding: 0; cursor: pointer; font: inherit; font-weight: 750; }
.bv-balance-foot em { font-style: normal; color: #6f8097; }

.bv-dashboard-grid, .bv-two-column { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.75fr); gap: 16px; margin-top: 16px; }
.bv-panel { border: 1px solid var(--bv-line); border-radius: var(--bv-radius); background: var(--bv-panel); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 45px rgba(0,0,0,.1); backdrop-filter: blur(14px); }
.bv-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 20px 0; }
.bv-panel-head h2 { margin: 0; font-size: 14px; letter-spacing: -.01em; }
.bv-panel-head p { margin: 4px 0 0; color: var(--bv-muted); font-size: 10px; }
.bv-action-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; padding: 16px 18px 18px; }
.bv-action-grid button { display: grid; align-content: center; min-height: 105px; text-align: left; border: 1px solid var(--bv-line); border-radius: 15px; background: rgba(255,255,255,.018); color: var(--bv-text); cursor: pointer; padding: 14px; transition: .17s ease; }
.bv-action-grid button:hover { transform: translateY(-2px); border-color: rgba(85,151,239,.27); background: rgba(63,125,210,.06); }
.bv-action-grid button > span { color: #75abf8; font-size: 19px; margin-bottom: 9px; }
.bv-action-grid strong { font-size: 11px; }
.bv-action-grid small { color: var(--bv-muted); font-size: 9px; margin-top: 4px; }
.bv-policy-list { display: grid; gap: 10px; padding: 17px 19px 12px; }
.bv-policy-list > div { display: flex; align-items: center; gap: 10px; }
.bv-policy-list span { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
.usd-dot { background: var(--bv-blue); box-shadow: 0 0 12px rgba(79,150,255,.4); }
.bd-dot { background: var(--bv-gold); box-shadow: 0 0 12px rgba(228,187,102,.35); }
.bc-dot { background: #8191a5; }
.bv-policy-list strong { display: block; font-size: 10px; }
.bv-policy-list small { display: block; color: var(--bv-muted); font-size: 9px; margin-top: 2px; }
.bv-disabled-row { display: flex; justify-content: space-between; margin: 0 18px 18px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; color: var(--bv-muted); font-size: 9px; }
.bv-disabled-row strong { color: #d4a675; font-size: 8px; letter-spacing: .1em; }

.bv-recent { margin-top: 16px; }
.bv-link-button { border: 0; background: transparent; color: #78adf6; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.bv-table-wrap { overflow: auto; padding: 10px 18px 18px; }
.bv-table-wrap table { width: 100%; border-collapse: collapse; min-width: 660px; }
.bv-table-wrap th { padding: 10px 11px; color: #71839a; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; text-align: left; border-bottom: 1px solid var(--bv-line); }
.bv-table-wrap td { padding: 12px 11px; border-bottom: 1px solid rgba(255,255,255,.045); font-size: 10px; }
.bv-activity-name { color: #eaf2fd; font-weight: 650; text-transform: capitalize; }
.bv-activity-ref { max-width: 320px; color: #607187; font-size: 8px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bv-currency-pill { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: rgba(73,139,228,.08); color: #91bfff; font-size: 8px; font-weight: 800; }
.bv-amount { font-weight: 750; }
.bv-amount.positive { color: var(--bv-green); }
.bv-amount.negative { color: #f0c17a; }
.bv-date { color: var(--bv-muted); }
.bv-empty { color: var(--bv-muted); text-align: center; padding: 26px !important; }

.bv-form-panel, .bv-info-panel { min-height: 430px; }
.bv-form { display: grid; gap: 15px; padding: 22px; }
.bv-form label { display: grid; gap: 8px; color: #acbdd2; font-size: 10px; font-weight: 700; }
.bv-text-input, .bv-money-input { width: 100%; height: 50px; border: 1px solid var(--bv-line-strong); border-radius: 13px; background: rgba(3,11,20,.52); color: #fff; outline: none; transition: .16s ease; }
.bv-text-input { padding: 0 14px; font: inherit; font-size: 13px; }
.bv-money-input { display: flex; align-items: center; }
.bv-money-input:focus-within, .bv-text-input:focus { border-color: rgba(93,158,248,.52); box-shadow: 0 0 0 3px rgba(79,150,255,.07); }
.bv-money-input span { color: #7e94b0; padding-left: 15px; font-size: 14px; }
.bv-money-input input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; padding: 0 14px 0 7px; font: inherit; font-size: 15px; }
.bv-presets { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.bv-presets button { height: 34px; border: 1px solid var(--bv-line); border-radius: 10px; background: rgba(255,255,255,.02); color: #9fb1c7; font: inherit; font-size: 10px; cursor: pointer; }
.bv-presets button:hover { color: #fff; border-color: rgba(87,151,240,.3); }
.bv-quote { min-height: 39px; display: flex; align-items: center; padding: 0 12px; border-radius: 11px; background: rgba(61,126,214,.05); border: 1px solid rgba(76,141,229,.12); color: #8fb8ee; font-size: 9px; }
.bv-primary-button { height: 48px; border: 1px solid rgba(121,177,255,.22); border-radius: 13px; background: linear-gradient(135deg, #397fdd, #245fae); color: white; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px rgba(31,89,169,.22), inset 0 1px rgba(255,255,255,.14); }
.bv-primary-button:hover { filter: brightness(1.06); }
.bv-primary-button:disabled { opacity: .55; cursor: wait; }
.bv-sandbox-badge { padding: 5px 8px; border: 1px solid rgba(228,187,102,.17); border-radius: 999px; color: #d7b777; font-size: 8px; font-weight: 850; letter-spacing: .1em; }

.bv-info-panel { display: flex; flex-direction: column; justify-content: center; padding: 28px; background: linear-gradient(145deg, rgba(12,27,47,.88), rgba(9,19,32,.76)); }
.bv-paypal-logo { font-size: 24px; font-weight: 850; letter-spacing: -.05em; color: #86b8ff; }
.bv-paypal-logo span { color: #4f93ec; }
.bv-info-panel h3 { margin: 16px 0 7px; font-size: 17px; }
.bv-info-panel p { margin: 0; max-width: 470px; color: var(--bv-muted); font-size: 11px; line-height: 1.65; }
.bv-deposit-status { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 12px; border: 1px solid var(--bv-line); border-radius: 12px; color: #b6c7da; font-size: 9px; }
.bv-callout { display: grid; gap: 4px; margin-top: 12px; padding: 12px; border-left: 2px solid rgba(228,187,102,.6); background: rgba(171,119,31,.05); color: #ad9a76; font-size: 9px; }
.bv-callout strong { color: #dec18a; }
.bv-icon-orb { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(96,160,247,.25); border-radius: 17px; background: rgba(64,131,226,.11); color: #85b7fb; font-size: 23px; }
.bv-icon-orb.diamond { color: #e0bd75; border-color: rgba(225,185,105,.2); background: rgba(175,125,39,.07); }
.bv-rule-list { display: grid; gap: 8px; margin-top: 20px; }
.bv-rule-list > div { display: flex; justify-content: space-between; padding: 9px 10px; border: 1px solid var(--bv-line); border-radius: 10px; color: var(--bv-muted); font-size: 9px; }
.bv-rule-list strong { color: #bdd0e8; }

.bv-store-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 7px 1px 20px; }
.bv-store-kicker { color: #d1ac67; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.bv-store-head h2 { margin: 5px 0 5px; font-size: 29px; letter-spacing: -.04em; }
.bv-store-head p { margin: 0; color: var(--bv-muted); font-size: 11px; }
.bv-rate-card { min-width: 180px; padding: 12px 14px; border: 1px solid rgba(221,183,104,.15); border-radius: 13px; background: rgba(159,112,31,.055); }
.bv-rate-card small { display: block; color: #8f7b58; font-size: 7px; letter-spacing: .12em; }
.bv-rate-card strong { display: block; color: #e7c782; font-size: 11px; margin-top: 3px; }
.bv-package-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.bv-package { position: relative; min-height: 225px; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; border: 1px solid var(--bv-line); border-radius: 20px; background: linear-gradient(150deg, rgba(16,30,48,.9), rgba(9,18,31,.86)); overflow: hidden; }
.bv-package::after { content: "◆"; position: absolute; right: -8px; top: 18px; color: rgba(255,255,255,.025); font-size: 88px; transform: rotate(8deg); }
.bv-package.featured { border-color: rgba(218,175,94,.26); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 46px rgba(103,69,12,.08); }
.bv-package-label { color: #73869f; font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.bv-package.featured .bv-package-label { color: #d4b16e; }
.bv-package > strong { margin-top: 30px; font-size: 28px; letter-spacing: -.04em; }
.bv-package > strong small { font-size: 10px; color: #a0b0c3; }
.bv-package p { margin: 5px 0 20px; color: var(--bv-muted); font-size: 10px; }
.bv-package button { margin-top: auto; width: 100%; height: 40px; border: 1px solid rgba(87,151,240,.2); border-radius: 11px; background: rgba(57,126,221,.1); color: #8ebcff; cursor: pointer; font: inherit; font-size: 10px; font-weight: 800; }
.bv-package.featured button { color: #eed194; border-color: rgba(228,187,102,.2); background: rgba(172,123,36,.08); }
.bv-package button:disabled { opacity: .5; cursor: wait; }
.bv-store-bottom { margin-top: 14px; }
.bv-form.compact { grid-template-columns: minmax(170px,1fr) minmax(220px,1fr); align-items: end; }
.bv-form.compact .bv-primary-button { grid-column: 1 / -1; }

.bv-toasts { position: fixed; z-index: 2147483600; right: 24px; bottom: 24px; display: grid; gap: 8px; width: min(360px, calc(100vw - 32px)); }
.bv-toast { transform: translateY(8px); opacity: 0; padding: 12px 14px; border: 1px solid var(--bv-line-strong); border-radius: 12px; background: rgba(10,21,36,.96); color: #dce8f8; box-shadow: 0 15px 45px rgba(0,0,0,.25); font-size: 10px; transition: .2s ease; }
.bv-toast.show { transform: none; opacity: 1; }
.bv-toast-success { border-color: rgba(81,213,155,.22); }
.bv-toast-error { border-color: rgba(255,127,141,.22); }

@media (max-width: 1180px) {
  .bv-shell { grid-template-columns: 205px 1fr; }
  .bv-main { padding-left: 22px; padding-right: 22px; }
  .bv-action-grid { grid-template-columns: repeat(2,1fr); }
  .bv-package-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 860px) {
  .bv-shell { display: block; }
  .bv-sidebar { position: fixed; z-index: 30; left: 12px; right: 12px; bottom: 12px; height: 64px; padding: 8px; border: 1px solid var(--bv-line); border-radius: 17px; flex-direction: row; background: rgba(7,16,28,.94); }
  .bv-brand, .bv-sidebar-bottom { display: none; }
  .bv-nav { width: 100%; display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; margin: 0; }
  .bv-nav-item { justify-content: center; padding: 7px 4px; flex-direction: column; gap: 1px; font-size: 7px; }
  .bv-nav-item.active { box-shadow: inset 0 -2px #5ea2ff; }
  .bv-nav-icon { font-size: 14px; }
  .bv-main { height: 100%; padding: 0 14px 92px; }
  .bv-topbar { padding: 17px 0 17px; }
  .bv-topbar h1 { font-size: 22px; }
  .bv-env { display: none; }
  .bv-user div:last-child { display: none; }
  .bv-hero-grid, .bv-dashboard-grid, .bv-two-column { grid-template-columns: 1fr; }
  .bv-package-grid { grid-template-columns: repeat(2,1fr); }
  .bv-form.compact { grid-template-columns: 1fr; }
  .bv-form.compact .bv-primary-button { grid-column: auto; }
}

@media (max-width: 560px) {
  .bv-hero-grid { grid-template-columns: 1fr; }
  .bv-balance-card { min-height: 155px; }
  .bv-big-balance { margin-top: 19px; }
  .bv-balance-foot { margin-top: 21px; }
  .bv-action-grid { grid-template-columns: repeat(2,1fr); }
  .bv-package-grid { grid-template-columns: 1fr; }
  .bv-store-head { align-items: flex-start; flex-direction: column; }
  .bv-rate-card { width: 100%; }
  .bv-top-actions { gap: 5px; }
  .bv-form-panel, .bv-info-panel { min-height: auto; }
  .bv-info-panel { padding: 22px; }
}