.earnings-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.earnings-balance-card{display:flex;min-height:145px;padding:24px;align-items:center;gap:18px;color:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(33,46,66,.14)}.earnings-balance-card.credited{background:linear-gradient(135deg,#15795a,#2eb47b)}.earnings-balance-card.pending{background:linear-gradient(135deg,#a86116,#f0a43a)}.earnings-balance-icon{position:relative;display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.35);border-radius:17px;box-shadow:inset 3px 3px 6px rgba(255,255,255,.22),inset -4px -5px 8px rgba(0,0,0,.12),0 8px 0 rgba(0,0,0,.13),0 13px 20px rgba(0,0,0,.16);font-size:21px;transform:translateY(-3px)}.earnings-balance-icon:after{position:absolute;right:7px;top:6px;width:9px;height:9px;background:rgba(255,255,255,.65);border-radius:50%;filter:blur(.5px);content:""}.earnings-balance-icon i{position:relative;z-index:1;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.25)}.earnings-balance-card span,.earnings-balance-card strong,.earnings-balance-card small{display:block}.earnings-balance-card span{font-size:13px;font-weight:700;opacity:.9}.earnings-balance-card strong{margin:5px 0;font-size:31px}.earnings-balance-card small{opacity:.8}.earning-card-statuses{display:flex;margin-bottom:6px;align-items:center;gap:6px;flex-wrap:wrap}.earning-payment-status,.earning-tracking-status{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:99px;font-size:9px!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.earning-payment-status.credited{color:#137251;background:#dcf7eb}.earning-payment-status.pending{color:#9a5b0c;background:#fff0d6}.earning-tracking-status{color:#6141a5;background:#eee8ff}.earning-card-icon i{font-size:15px}.earning-pending .earning-card-icon{color:#a56315;background:#fff0d7}.earning-amount.pending{color:#b36a12!important}.earning-amount.credited{color:#14815d!important}
@media(max-width:767px){.earnings-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.earnings-balance-card{min-width:0;min-height:150px;padding:14px 10px;align-items:flex-start;justify-content:center;flex-direction:column;gap:11px;border-radius:18px}.earnings-balance-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;box-shadow:inset 2px 2px 5px rgba(255,255,255,.25),inset -3px -4px 7px rgba(0,0,0,.12),0 6px 0 rgba(0,0,0,.14),0 10px 15px rgba(0,0,0,.15);font-size:17px}.earnings-balance-card>div:last-child{min-width:0;width:100%}.earnings-balance-card span{font-size:10px;white-space:nowrap}.earnings-balance-card strong{margin:3px 0;font-size:23px;white-space:nowrap}.earnings-balance-card small{min-height:26px;font-size:8px;line-height:1.35}.earning-card{align-items:flex-start}.earning-card>.earning-amount{font-size:14px}}
@media(max-width:360px){.earnings-balance-grid{gap:7px}.earnings-balance-card{padding:12px 8px}.earnings-balance-card strong{font-size:20px}.earnings-balance-card span{font-size:9px}}