.credit-usage{background:#fff;border:1px solid #a8bfff;border-radius:18px;padding:24px;color:#14243b;margin:20px 0}.credit-caption,.credit-usage header{display:flex;align-items:center;justify-content:space-between;gap:16px}.credit-usage header{margin-bottom:28px}.credit-usage h3{margin:5px 0;font-size:18px}.credit-usage small{display:block;color:#64748b;font-size:12px}.credit-usage header>span{font-size:12px;background:#edf4ff;padding:6px 10px;border-radius:20px}.credit-summary{display:grid;grid-template-columns:minmax(160px,2fr) 80px minmax(80px,1fr) minmax(80px,1fr);align-items:center;gap:22px}.credit-summary strong{display:block;margin:6px 0}.credit-summary .credit-remaining{font-size:34px}.credit-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;position:relative}.credit-ring:before{content:"";position:absolute;inset:5px;background:white;border-radius:50%}.credit-ring strong{position:relative;color:#2563eb;font-size:16px}.credit-usage progress{width:100%;height:9px;margin-top:22px;accent-color:#2563eb}.credit-caption{color:#64748b;font-size:12px;margin:10px 0}.credit-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #dce5f3;border-radius:12px;margin:18px 0;overflow:hidden}.credit-stats>div{padding:15px 12px;border-right:1px solid #dce5f3;min-width:0}.credit-stats small{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.credit-stats strong{display:block;margin-top:10px;font-size:18px;overflow-wrap:anywhere}.credit-color{width:5px;height:5px;flex-shrink:0;display:inline-block}.c0{background:#3878e8}.c1{background:#09a4be}.c2{background:#956bdd}.c3{background:#6b87ad}.credit-distribution{display:flex;height:6px;background:#edf2fa;border-radius:6px;overflow:hidden}.credit-session{padding:16px;border:1px solid #dce5f3;border-radius:12px;margin-top:20px}.credit-session>strong{display:block;color:#2563eb;margin:16px 0 5px}.credit-note{font-size:12px;color:#64748b;margin:12px 0 0}@media(max-width:700px){.credit-usage{padding:18px}.credit-summary{grid-template-columns:1fr 80px;gap:16px}.credit-summary .credit-remaining{font-size:28px}.credit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-stats>div{border-bottom:1px solid #dce5f3}.credit-caption{align-items:flex-start;flex-wrap:wrap}}