.billing-panel{display:grid;gap:16px;min-width:0;max-width:1100px}.billing-mode{display:flex;flex-wrap:wrap;gap:6px}.billing-mode button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #e6e1d9;border-radius:9px;background:#fffdfa;color:#6a655c}.billing-mode button[aria-pressed=true]{background:#ede6f4;border-color:#d7c9e3;color:#68577a}.billing-mode-note{font-size:12px;line-height:1.55;color:#80786b;margin:0}.billing-mode-note.sandbox{border-left:3px solid #c7b89b;padding:8px 12px;background:#faf3e5;border-radius:0 8px 8px 0}.billing-balances{display:flex;gap:28px;flex-wrap:wrap;align-items:center;padding:18px 20px;border:1px solid #e9e3da;background:#fffefa;border-radius:14px}.billing-balances>div{display:grid;gap:6px;min-width:0}.billing-balances span{color:#908577;font-size:12px}.billing-balances strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.billing-balances>button{margin-left:auto}.billing-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.billing-card{min-width:0;padding:18px;border:1px solid #e9e3da;border-radius:14px;background:#fffdfa}.billing-card h2{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:600;margin:0 0 16px}.billing-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.billing-methods button{display:flex;flex-direction:column;text-align:left;gap:4px;padding:10px;min-height:60px;border:1px solid #e7e1d7;background:#fffefa;border-radius:9px}.billing-methods button[aria-pressed=true]{background:#f0eaf5;border-color:#cfc0df}.billing-methods strong{font-size:13px;font-weight:600}.billing-methods small{color:#8d8374;font-size:11px}.billing-form{display:grid;gap:12px;margin-top:18px}.billing-form label{display:grid;gap:6px;font-size:12px;color:#837868}.billing-form input{min-height:42px;padding:9px 11px;border:1px solid #e2dacd;border-radius:8px;background:#fff;color:#514b42;width:100%}.billing-invoice{display:grid;gap:12px}.billing-invoice>strong{font-size:24px;font-variant-numeric:tabular-nums}.billing-invoice code{color:#958b7c;font-size:10px;overflow-wrap:anywhere}.billing-invoice p{font-size:12px;line-height:1.5}.billing-status{display:flex;gap:6px;align-items:center;color:#948263;font-size:12px}.billing-invoice[data-state=paid] .billing-status{color:#627d54}.billing-table-wrap{max-width:100%;overflow-x:auto}.billing-history table{width:100%;border-collapse:collapse;font-size:12px}.billing-history th,.billing-history td{padding:12px 8px;border-bottom:1px solid #eee7dd;text-align:left}.billing-history th{color:#938777;font-size:11px;font-weight:500}.billing-history td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:760px){.billing-columns{grid-template-columns:minmax(0,1fr)}.billing-balances{gap:18px}.billing-balances strong{font-size:20px}}@media(max-width:380px){.billing-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}#root .app-shell.product-shell.original-ui .billing-invoice[data-state=rejected] .billing-status{background:var(--tag-red)}#root .app-shell.product-shell.original-ui .billing-invoice:is([data-state=unknown],[data-state=pending],[data-state=creating]) .billing-status{background:var(--tag-yellow)}#root .app-shell.product-shell.original-ui .billing-invoice[data-state=expired] .billing-status{background:var(--tag-neutral)}