.credit-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.credit-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.credit-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.credit-modal-title{align-items:center;gap:8px;display:flex}.credit-modal-title h2{color:#111827;margin:0;font-size:18px;font-weight:600}.credit-icon{color:#f59e0b}.credit-modal-actions{align-items:center;gap:8px;display:flex}.credit-refresh-btn,.credit-close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.credit-refresh-btn:hover,.credit-close-btn:hover{color:#111827;background:#e5e7eb}.credit-balance-section{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:1px solid #e5e7eb;padding:24px 20px}.credit-loading{color:#9ca3af;justify-content:center;align-items:center;padding:20px;display:flex}.credit-balance-main{text-align:center;margin-bottom:20px}.credit-balance-value{color:#111827;font-size:48px;font-weight:700;line-height:1}.credit-balance-label{color:#6b7280;margin-top:8px;font-size:14px;display:block}.credit-balance-details{justify-content:center;gap:32px;display:flex}.credit-balance-item{text-align:center}.credit-balance-item-value{font-size:18px;font-weight:600}.credit-balance-item-value.frozen{color:#f59e0b}.credit-balance-item-value.earned{color:#10b981}.credit-balance-item-value.spent{color:#ef4444}.credit-balance-item-label{color:#6b7280;margin-top:4px;font-size:12px;display:block}.credit-transactions-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.credit-transactions-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.credit-transactions-header h3{color:#374151;margin:0;font-size:14px;font-weight:600}.credit-transactions-count{color:#9ca3af;font-size:12px}.credit-transactions-list{flex:1;padding:8px 0;overflow-y:auto}.credit-transactions-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:14px;display:flex}.credit-transaction-item{justify-content:space-between;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.credit-transaction-item:hover{background:#f9fafb}.credit-transaction-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.credit-transaction-type{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:500}.credit-transaction-desc{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.credit-transaction-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.credit-transaction-amount{font-size:14px;font-weight:600}.credit-transaction-amount.positive{color:#10b981}.credit-transaction-amount.negative{color:#ef4444}.credit-transaction-time{color:#9ca3af;font-size:11px}.credit-load-more{color:#6366f1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:14px;transition:background .15s;display:flex}.credit-load-more:hover{background:#f3f4f6}.credit-load-more:disabled{color:#9ca3af;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}