.upstream-balance-heading,.upstream-balance-title,.upstream-balance-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.upstream-balance-heading{margin:20px 0 12px}.upstream-balance-heading strong{color:var(--primary,#4169d4)}
.upstream-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.upstream-balance-card{--balance-color:#778397;border:1px solid color-mix(in srgb,var(--balance-color) 25%,transparent);background:color-mix(in srgb,var(--balance-color) 5%,var(--adm-surface-soft,#f7f9fc));border-radius:14px;padding:16px;min-width:0}
.upstream-balance-card.balance-red{--balance-color:#c04756}.upstream-balance-card.balance-yellow{--balance-color:#a46d08}.upstream-balance-card.balance-green{--balance-color:#278362}
.upstream-balance-title strong{font-size:14px}.upstream-balance-title span{font-size:12px;color:var(--balance-color)}
.upstream-balance-amount{font-size:26px;font-weight:750;color:var(--balance-color);font-variant-numeric:tabular-nums;margin:12px 0}.upstream-balance-amount small{font-size:12px;font-weight:500}
.upstream-balance-footer small{font-size:11px;color:var(--muted,#7c8798)}.upstream-recharge{font-size:13px;font-weight:600;color:var(--primary,#4169d4);text-decoration:none;padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--primary,#4169d4) 8%,transparent);transition:background .2s,transform .2s}.upstream-recharge:hover{background:color-mix(in srgb,var(--primary,#4169d4) 16%,transparent);transform:translateY(-1px)}
[data-theme="dark"] .balance-red{--balance-color:#ff8995}[data-theme="dark"] .balance-yellow{--balance-color:#edbe5a}[data-theme="dark"] .balance-green{--balance-color:#6bcba3}
@media(max-width:1050px){.upstream-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.upstream-balance-grid{grid-template-columns:1fr}.upstream-balance-card{padding:14px}}