.billing-open{font:600 14px/1.3 Arial;padding:11px 15px;background:#edf5ff;color:#175990;border:1px solid #c8ddef;border-radius:8px;cursor:pointer}.billing-panel{max-width:calc(100% - 32px);width:min(880px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cbdbea;border-radius:20px;padding:30px;color:#183b58;background:#fff;box-shadow:0 24px 80px #08284440}.billing-panel::backdrop{background:#0b2b4b80}.billing-heading{display:flex;justify-content:space-between;gap:20px}.billing-heading h2{font:600 28px/1.2 Arial;margin:8px 0 20px}.billing-kicker{font:600 12px/1.6 Arial;text-transform:uppercase;letter-spacing:.08em;color:#53738f}.billing-panel button{min-height:44px;border:1px solid #bcd4e9;border-radius:8px;background:#edf5fc;color:#175990;padding:10px 14px;font:600 14px/1.4 Arial;cursor:pointer}.billing-panel button:focus-visible{outline:3px solid #147ed2;outline-offset:3px}.billing-panel button:disabled{opacity:.5;cursor:not-allowed}.billing-heading>[data-close]{align-self:start;font-size:24px;min-width:44px}.billing-balance{font-size:16px}.billing-balance strong{font-size:27px}.billing-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.billing-plans article{padding:18px;border:1px solid #dbe7f1;border-radius:12px;display:flex;flex-direction:column}.billing-plans h3{font-size:18px;margin:0}.billing-plans p{font-size:14px;line-height:1.65}.billing-plans strong{font-size:23px}.billing-plans button{margin-top:auto;background:#0876d0;color:white;border-color:#0876d0}.billing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.billing-note,.billing-panel [role=status]{font:14px/1.6 Arial}.billing-note{color:#59738b}.billing-panel [role=status]{padding:12px;background:#f0f6fb;border-radius:8px}.dark-mode .billing-panel{background:#102c45;color:#e6f3ff}.dark-mode .billing-note,.dark-mode .billing-kicker{color:#bdd0e3}.dark-mode .billing-panel [role=status]{background:#1c3a54}@media(max-width:750px){.billing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-panel{padding:22px}}@media(max-width:400px){.billing-plans{grid-template-columns:1fr}.billing-heading h2{font-size:24px}}

.billing-plans button{white-space:normal;overflow-wrap:anywhere;min-width:0;width:100%}.billing-plans article{min-width:0}