.subscription-billing-panel{padding:0;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%)}
.subscription-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:26px 28px;border-bottom:1px solid #dfe9e5;background:linear-gradient(110deg,#fff8f4 0%,#f1faf7 100%)}
.subscription-heading h3{margin:5px 0 7px;color:#16233d;font-family:Georgia,serif;font-size:29px;line-height:1.1}.subscription-heading>div>span{color:#718187;font-size:12px}.subscription-heading .eyebrow{margin:0;color:#dd704f;font-size:9px;font-weight:900;letter-spacing:.19em}
.subscription-status,.subscription-charge-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.subscription-status{min-height:31px;padding:0 12px}.subscription-charge-status{padding:6px 9px}
.subscription-status.status-active,.subscription-status.status-trial,.subscription-charge-status.status-paid{background:#dff2ec;color:#18796e}.subscription-status.status-past_due,.subscription-charge-status.status-overdue,.subscription-charge-status.status-attention{background:#fae9e5;color:#ad4f43}.subscription-status.status-suspended,.subscription-status.status-cancelled,.subscription-charge-status.status-cancelled,.subscription-charge-status.status-refunded{background:#ecefee;color:#667478}.subscription-charge-status.status-pending,.subscription-charge-status.status-creating{background:#fff0da;color:#a56711}
.subscription-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px 28px}.subscription-overview article{display:grid;gap:6px;min-height:112px;padding:18px;border:1px solid #dae7e2;border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(32,65,68,.04)}.subscription-overview small{color:#809095;font-size:8px;font-weight:900;letter-spacing:.14em}.subscription-overview strong{color:#23374a;font-size:15px}.subscription-overview span{color:#77878c;font-size:11px;line-height:1.45}
.subscription-history{padding:4px 28px 28px}.subscription-history>div:first-child{margin-bottom:14px}.subscription-history h3{margin:0 0 5px;color:#1d3044;font-size:15px}.subscription-history p{margin:0;color:#7a8a8f;font-size:11px}.subscription-history .table-wrap{border:1px solid #dfe8e4;border-radius:15px;overflow:auto}.subscription-history table{width:100%;border-collapse:collapse}.subscription-history th{padding:12px;background:#f5f8f6;color:#74858a;font-size:8px;font-weight:900;letter-spacing:.1em;text-align:left}.subscription-history td{padding:13px 12px;border-top:1px solid #e6ece9;color:#43565e;font-size:11px}.subscription-invoice-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid #cfe3dc;border-radius:10px;background:#f1f8f5;color:#257b72;font-size:10px;font-weight:850;text-decoration:none}.subscription-invoice-link:hover{background:#e4f2ed}
@media(max-width:720px){.subscription-heading{display:grid;padding:21px}.subscription-status{justify-self:start}.subscription-overview{grid-template-columns:1fr;padding:18px 21px}.subscription-history{padding:2px 21px 22px}.subscription-history .table-wrap{border:0}.subscription-history table,.subscription-history tbody,.subscription-history tr,.subscription-history td{display:block}.subscription-history thead{display:none}.subscription-history tr{margin-bottom:10px;padding:13px;border:1px solid #dfe8e4;border-radius:14px;background:#fff}.subscription-history td{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border:0}.subscription-heading h3{font-size:25px}}