.stats{grid-template-columns:repeat(4,1fr)}
.button-disabled{opacity:.65}
.stat-credit{background:linear-gradient(145deg,#10281c,#087c3d);color:#fff}
.stat-credit span{color:#cdebd8}
.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px}.credit-drawer{margin-bottom:25px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.credit-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;cursor:pointer;list-style:none}.credit-drawer summary::-webkit-details-marker{display:none}.credit-drawer summary>span:first-child strong,.credit-drawer summary>span:first-child small{display:block}.credit-drawer summary>span:first-child small{margin-top:3px;color:var(--muted);font-size:12px}.wallet-open-label{display:flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:900}.wallet-open-label b{font-size:20px;line-height:1;transition:transform .2s ease}.credit-drawer[open] .wallet-open-label b{transform:rotate(45deg)}.credit-card{padding:28px;border-top:1px solid var(--line)}
.credit-copy{max-width:720px}
.credit-copy h2{margin:0 0 8px;font-size:29px}
.credit-copy p{color:var(--muted)}
.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.pack{position:relative;padding:21px 16px;background:#f8faf9;border:1px solid var(--line);border-radius:12px;text-align:center}
.pack-featured{border:2px solid var(--green);background:#f0faf4}
.pack>strong,.pack>span,.pack>b{display:block}
.pack>strong{font-size:34px;color:var(--green)}
.pack>b{margin:8px 0 14px;font-size:22px}
.pack-badge{margin:-34px auto 12px;padding:4px 8px;width:max-content;border-radius:99px;background:var(--green);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}
.payment-message{margin-top:18px;padding:0}
.payment-success,.payment-error{padding:12px 14px;border-radius:8px;font-weight:800}
.payment-success{background:#e9f7ee;color:var(--green-dark)}
.payment-error{background:#fff0f2;color:var(--danger)}
.transaction-card{margin-bottom:35px}.transaction-stats{margin-top:0}.credit-change{display:inline-flex;min-width:52px;justify-content:center;padding:5px 9px;border-radius:99px;font-weight:900}.credit-positive{color:#087c3d;background:#e9f7ee}.credit-negative{color:#a51d35;background:#fff0f2}
@media(max-width:920px){.pack-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.stats,.pack-grid{grid-template-columns:1fr}.dashboard-actions{width:100%}.dashboard-actions .button{flex:1}.credit-drawer summary{align-items:flex-start}.wallet-open-label{white-space:nowrap}}