.openai-billing{margin:0 0 30px;padding:26px;border:1px solid #dce4f0;border-radius:18px;background:linear-gradient(120deg,#f9fbff,#eef4ff);color:#172945}.openai-billing-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.openai-billing-heading h2{font-size:23px;margin:7px 0}.openai-billing-heading p{font-size:13px;color:#61728a;margin:0}.openai-billing-heading .actions{flex-wrap:wrap;justify-content:flex-end}.openai-cost-cards{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px}.openai-cost-cards article{min-width:0;padding:23px 21px;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start}.openai-cost-cards article>span{font-size:13px;font-weight:600}.openai-cost-cards strong{display:block;font-size:clamp(25px,2.7vw,40px);font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.3;margin:16px 0 12px;overflow-wrap:anywhere}.openai-cost-cards p{font-size:11px;line-height:1.7;margin:0 0 8px}.openai-cost-cards small{font-size:11px;font-weight:400}.openai-spend-card{background:#fff;border:1px solid #e0e7f2}.openai-spend-card>span{color:#52647d}.openai-spend-card p,.openai-spend-card small{color:#6c7a90}.openai-balance-card{background:linear-gradient(135deg,#182c50,#274b83);color:white;box-shadow:0 8px 20px #182c5012}.openai-balance-card>span small{color:#cad9ee;border:1px solid #ffffff40;border-radius:20px;padding:3px 8px;margin-left:6px;white-space:nowrap}.openai-balance-card p{color:#cad9ee}.openai-balance-card a{color:#e3edff;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:auto}.openai-billing-notes{font-size:11px;color:#60728c;line-height:1.8;margin:15px 0}.openai-billing-notes p{margin:4px 0;overflow-wrap:anywhere}.openai-billing .hint{margin:16px 0;font-size:12px}.openai-billing-config{margin:20px 0}.openai-billing-config h3{margin:0}.openai-billing-config small{display:block;margin-top:6px;line-height:1.7}.openai-billing-checks{display:flex;gap:25px;flex-wrap:wrap;margin-top:12px}.openai-cost-history{border-top:1px solid #dce4ef;padding-top:17px;font-size:12px}.openai-cost-history summary{cursor:pointer;font-weight:600}.openai-cost-history summary span{font-size:11px;font-weight:400;color:#6a7b93;margin-left:14px}.openai-cost-history .tabs{margin:18px 0 12px}.openai-cost-history table{background:white}.openai-cost-history .table-scroll{max-height:340px;overflow:auto}.openai-cost-history th{position:sticky;top:0;background:#f3f6fc}.openai-cost-history td b{font-variant-numeric:tabular-nums;color:#264675}
@media(max-width:1100px){.openai-cost-cards{grid-template-columns:repeat(2,1fr)}.openai-billing-heading{align-items:flex-start;flex-direction:column}.openai-billing-heading .actions{justify-content:flex-start}}
@media(max-width:600px){.openai-billing{padding:16px;border-radius:12px}.openai-cost-cards{gap:9px}.openai-cost-cards article{padding:16px 13px}.openai-cost-cards strong{font-size:26px;margin:14px 0 10px}.openai-balance-card>span small{display:inline-block;margin:4px 0 0}.openai-cost-history summary span{display:block;margin:6px 0 0}.openai-billing-config{padding:16px}.openai-billing-heading .actions{gap:8px}.openai-billing-heading .badge{width:100%}}