.billing-catalog{gap:18px}
.billing-catalog__toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid #dce5f3;border-radius:12px;background:#fff}
.billing-catalog__toolbar p{margin:0;color:#65758f;font-size:12px;line-height:1.5}
.billing-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.billing-module-card,.billing-audit{min-width:0;padding:20px;border:1px solid #dfe6f0;border-radius:16px;background:#fff;box-shadow:0 5px 20px #15274408}
.billing-module-card{display:grid;gap:16px}
.billing-module-card__head,.billing-module-card__controls,.billing-audit__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.billing-module-card__code{margin:0 0 4px;color:#73829a;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.billing-module-card__head h3{margin:0;color:#172742;font-size:20px}
.billing-status{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#fff2e8;color:#9a4b13;font-size:11px;font-weight:750;white-space:nowrap}
.billing-status.is-active{background:#e7f7ee;color:#187244}
.billing-status--small{font-size:10px;padding:5px 8px}
.billing-module-card__controls{padding-bottom:13px;border-bottom:1px solid #edf0f5;color:#6b7890;font-size:12px}
.billing-last-published{margin:0;color:#61718b;font-size:12px}
.billing-last-published strong{color:#243550}
.billing-duration-grid{display:grid;gap:12px}
.billing-duration-card{display:grid;gap:11px;padding:14px;border:1px solid #e7ebf2;border-radius:12px;background:#fbfcfe}
.billing-duration-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.billing-duration-card__head h4{margin:0;color:#243550;font-size:15px}
.billing-current-price{display:flex;align-items:baseline;gap:9px;margin:0;color:#6a7890;font-size:12px}
.billing-current-price strong{color:#172742;font-size:22px}
.billing-no-price{margin:0;padding:10px;border-radius:8px;background:#f3f6fb;color:#64738b;font-size:12px}
.billing-effective{margin:0;color:#718097;font-size:11px;line-height:1.5}
.billing-field{display:grid;gap:6px;color:#344764;font-size:12px;font-weight:700}
.billing-field input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#243550;font:inherit;font-weight:500}
.billing-field input:focus,.billing-button:focus-visible,.billing-text-button:focus-visible,.billing-history summary:focus-visible{outline:3px solid #79a2ff;outline-offset:2px}
.billing-price-preview{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:10px;border-radius:8px;background:#f0f5ff;color:#5c6d86;font-size:11px}
.billing-price-preview>span:first-child{grid-column:1/-1;color:#344764;font-weight:750}
.billing-price-preview strong{color:#172742}
.billing-action-row{display:grid;gap:9px}
.billing-button{min-height:39px;padding:0 13px;border:1px solid #245fe7;border-radius:8px;background:#245fe7;color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.billing-button:hover:not(:disabled){background:#174ecb}
.billing-button:disabled{cursor:wait;opacity:.58}
.billing-button--secondary{border-color:#d7e1f1;background:#fff;color:#25436f}
.billing-button--secondary:hover:not(:disabled){background:#f3f7ff}
.billing-text-button{width:max-content;padding:2px 0;border:0;background:transparent;color:#245fe7;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.billing-module-card__footnote{margin:0;padding-top:4px;border-top:1px solid #edf0f5;color:#77849a;font-size:10px;line-height:1.5}
.billing-history{border-top:1px solid #e9edf3;padding-top:9px;color:#334967;font-size:12px}
.billing-history summary{width:max-content;color:#245fe7;font-weight:700;cursor:pointer}
.billing-history__list{display:grid;gap:9px;margin:12px 0 0;padding-left:18px}
.billing-history__list li{display:grid;gap:3px;color:#66758d;font-size:11px}
.billing-history__list strong{color:#273954}
.billing-audit{display:grid;gap:14px}
.billing-audit__heading h3{margin:0;color:#172742;font-size:18px}
.billing-audit__heading p{margin:5px 0 0;color:#718097;font-size:12px}
.billing-audit__list{display:grid;gap:9px}
.billing-audit__list article{display:grid;gap:4px;padding:12px;border:1px solid #e8edf4;border-radius:9px;color:#68778e;font-size:11px}
.billing-audit__list strong{color:#243550;font-size:13px;text-transform:capitalize}
.billing-audit__list pre{max-height:150px;overflow:auto;margin:5px 0 0;padding:9px;border-radius:7px;background:#f5f7fa;color:#586780;font-size:10px;white-space:pre-wrap}
.billing-message,.billing-empty,.billing-loading{padding:12px 14px;border:1px solid #dce5f2;border-radius:10px;background:#f8faff;color:#52647e;font-size:13px}
.billing-message{margin:0}
.billing-message--error{border-color:#f0c3c3;background:#fff5f5;color:#a03030}
.billing-message--success{border-color:#b8e7cb;background:#effaf3;color:#176b40}
.billing-empty{margin:0}
@media(max-width:1100px){.billing-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.billing-catalog__toolbar{align-items:flex-start;flex-direction:column}.billing-module-grid{grid-template-columns:1fr}.billing-module-card{padding:16px}.billing-audit__heading{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.billing-button{transition:none}}