.billing-status{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:30px}.billing-status h2{font:700 1.3rem Manrope;margin:10px 0 4px}.billing-status p{margin:0;color:var(--muted)}.payment-status{display:inline-flex;padding:4px 9px;border-radius:99px;background:#eef2f0;color:#596660;font-size:.7rem;font-weight:800;text-transform:uppercase}.payment-status.paid,.payment-status.active{background:#dcf8ed;color:#14634e}.payment-status.pending,.payment-status.trialing{background:#fff3d6;color:#865b09}.payment-status.failed,.payment-status.past_due{background:#fee8e7;color:#9f261f}.payment-status.cancelled,.payment-status.refunded,.payment-status.expired{background:#eceff1;color:#59616a}.billing-toggle{display:flex;width:max-content;background:#dfe8e4;padding:4px;border-radius:10px;margin-bottom:25px}.billing-toggle button{border:0;background:transparent;padding:9px 17px;border-radius:7px;font-weight:700}.billing-toggle button.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08)}.billing-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.billing-plan{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px;position:relative}.billing-plan.recommended{border:2px solid var(--ink)}.billing-plan h3{font:700 1.2rem Manrope;margin:0}.billing-plan>p{color:var(--muted);font-size:.77rem;min-height:58px}.billing-price{margin:20px 0}.billing-price strong{font:800 2.1rem Manrope}.billing-price strong:before{content:'$';font-size:.85rem;vertical-align:top;margin-right:2px}.billing-price span{display:block;color:var(--muted);font-size:.68rem}.billing-plan ul{list-style:none;padding:14px 0;border-top:1px solid var(--line);font-size:.76rem}.billing-plan li{margin:7px 0}.gateway-form label{display:block;font-size:.7rem;font-weight:700;margin-bottom:9px}.gateway-form select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;margin-top:4px}.billing-plan form .primary-button{width:100%}.payment-history{margin-top:45px}.payment-history h2{font:700 1.45rem Manrope}.history-table{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .8fr;padding:13px 17px;border-bottom:1px solid var(--line);font-size:.78rem;align-items:center}.history-row:last-child{border:0}.history-head{background:#f5f8f6;font-weight:800}.admin-plans{display:grid;gap:18px}.admin-plan{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px}.admin-plan h2{font-family:Manrope}.feature-checks{display:flex;gap:15px;align-items:center;font-size:.8rem;font-weight:700}@media(max-width:900px){.billing-plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.billing-status{display:block}.billing-status form{margin-top:15px}.billing-plans{grid-template-columns:1fr}.history-row{grid-template-columns:1fr 1fr}.history-head{display:none}.history-row span:nth-child(3),.history-row span:nth-child(4){font-size:.7rem;color:var(--muted)}}
.billing-status.ending{border-color:#e8d7ac;background:linear-gradient(135deg,#fffdf7,#fff)}.payment-status.ending{background:#fff0c7;color:#7c5500}.billing-status-main h2 small{color:var(--muted);font-size:.8em;font-weight:600}.billing-ending-copy{max-width:680px}.billing-ending-copy strong{color:#263a33}.billing-ending-state{display:flex;align-items:center;gap:11px;min-width:230px;padding:13px 16px;border:1px solid #d9e7e1;border-radius:12px;background:#f4faf7}.billing-ending-state>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#d8f5e8;color:#167458;font-weight:900}.billing-ending-state>div{display:grid}.billing-ending-state b{font-size:.75rem}.billing-ending-state small{margin-top:2px;color:var(--muted);font-size:.62rem}@media(max-width:700px){.billing-status{align-items:flex-start;flex-direction:column}.billing-ending-state{width:100%}}
.billing-hero{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:24px;padding:27px 30px;border:1px solid #dbe8e3;border-left:5px solid #1d8b69;border-radius:22px;background:radial-gradient(circle at 88% 20%,rgba(89,234,185,.15),transparent 30%),#fff;box-shadow:0 15px 40px rgba(30,62,51,.06)}.billing-hero-icon{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#16815f,#22a677);box-shadow:0 10px 24px rgba(29,139,105,.22);color:#fff;font-size:1.8rem}.billing-eyebrow,.billing-plan-heading>div>span{display:block;margin-bottom:5px;color:#1d8164;font-size:.66rem;font-weight:900;letter-spacing:.13em}.billing-hero h1{margin:0;font:800 clamp(1.55rem,2.5vw,2.2rem) Manrope}.billing-hero p,.billing-toolbar p,.billing-plan-heading p{margin:5px 0 0;color:var(--muted)}.billing-live-badge{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:10px 14px;border:1px solid #dfe8e4;border-radius:99px;background:#f5f8f7;color:#63716c;font-size:.72rem;font-weight:800;white-space:nowrap}.billing-live-badge i{width:8px;height:8px;border-radius:50%;background:#9aa6a2}.billing-live-badge.is-active{border-color:#caeddf;background:#e9faf3;color:#147151}.billing-live-badge.is-active i{background:#1bab71;box-shadow:0 0 0 4px rgba(27,171,113,.12)}.billing-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px}.billing-toolbar h2{margin:0;font:800 1.35rem Manrope}.billing-toolbar .admin-search{display:grid;gap:5px}.billing-toolbar .admin-search label{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.billing-toolbar select{min-width:190px}.billing-status{position:relative;overflow:hidden;min-height:155px;border-style:dashed;border-color:#8ed0b7;background:linear-gradient(115deg,#f7fffb,#effbf5 58%,#f6fffb)}.billing-status:after{content:'';position:absolute;right:-55px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(55,199,145,.07);pointer-events:none}.billing-status-main{position:relative;z-index:1}.billing-summary-label{display:inline-flex;margin-right:8px;padding:5px 9px;border-radius:99px;background:#fff0b9;color:#74570a;font-size:.6rem;font-weight:900;letter-spacing:.08em}.billing-status-side{position:relative;z-index:1;display:flex;gap:10px;margin-left:auto}.billing-date-tile{display:grid;gap:5px;min-width:135px;padding:13px 16px;border:1px solid #deebe6;border-radius:13px;background:rgba(255,255,255,.82)}.billing-date-tile small{color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.08em}.billing-date-tile strong{font:800 .9rem Manrope;color:#18352b}.billing-empty{border-color:#d4e3dd;background:linear-gradient(120deg,#fff,#f1fbf7)}.billing-empty-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#dff8ed;color:#13805e;font-size:1.7rem}.billing-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 36px}.billing-assurances article{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #dee9e5;border-radius:14px;background:#fff}.billing-assurances article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#e8faf2;color:#13805e;font-weight:900}.billing-assurances article div{display:grid;gap:2px}.billing-assurances strong{font-size:.76rem}.billing-assurances small{color:var(--muted);font-size:.65rem}.billing-plan-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.billing-plan-heading h2{margin:0;font:800 1.6rem Manrope}.billing-toggle{margin:0}.billing-plans{gap:18px}.billing-plan{overflow:hidden;min-height:410px;padding:27px;border-color:#dce7e3;box-shadow:0 12px 34px rgba(25,54,44,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.billing-plan:hover{transform:translateY(-4px);border-color:#acd4c4;box-shadow:0 18px 42px rgba(25,54,44,.1)}.billing-plan.recommended{border:2px solid #51b68f;background:linear-gradient(155deg,#fff 65%,#edfbf5)}.plan-ribbon{position:absolute;top:15px;right:15px;padding:6px 9px;border-radius:99px;background:#ffb01f;color:#4f3500;font-size:.55rem;font-weight:900;letter-spacing:.08em}.plan-ribbon.free{background:#ddf7eb;color:#116448}.billing-plan h3{padding-right:72px}.billing-plan ul{display:grid;gap:5px}.billing-plan li{display:flex;align-items:center;gap:8px}.billing-plan li i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#e5f8ef;color:#147152;font-size:.58rem;font-style:normal}.billing-plan .primary-button{border-radius:10px}.payment-history{padding-top:10px}.payment-history h2{display:flex;align-items:center;gap:9px}.payment-history h2:before{content:'↻';display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#e8f7f1;color:#167357;font-size:.9rem}@media(max-width:1000px){.billing-hero{align-items:flex-start;flex-wrap:wrap}.billing-live-badge{margin-left:82px}.billing-status-side{order:3;width:100%;margin:0}.billing-assurances{grid-template-columns:1fr}.billing-plan-heading{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.billing-hero{padding:21px}.billing-hero-icon{width:52px;height:52px;flex-basis:52px}.billing-live-badge{margin-left:0}.billing-toolbar{align-items:stretch;flex-direction:column}.billing-toolbar select{width:100%}.billing-status-side{flex-direction:column}.billing-date-tile{width:100%}.billing-plan-heading{margin-top:28px}.billing-assurances{margin-bottom:28px}}