.billing-dashboard{display:grid;gap:30px;width:100%}.billing-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;overflow:hidden;padding:42px 46px;border-radius:24px;background:linear-gradient(135deg,#07172f 0%,#0b2348 65%,#173d83 100%);color:#fff;box-shadow:0 22px 55px rgba(7,23,47,.18)}.billing-hero:after{position:absolute;right:-70px;top:-115px;width:330px;height:330px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025);content:""}.billing-hero>div{position:relative;z-index:1}.billing-hero h1{max-width:700px;margin:8px 0 13px;font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.045em}.billing-hero>div>p:last-child{margin:0;color:#c4d2e9;font-size:16px}.billing-hero .kicker{color:#7ea2ff!important}.billing-hero-badge{display:grid;min-width:190px;gap:6px;padding:20px 22px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}.billing-hero-badge>span{color:#b9c9e2;font-size:11px}.billing-hero-badge>strong{font-size:25px}.billing-hero-badge .status{justify-self:start}.billing-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.billing-overview article{display:flex;align-items:center;gap:16px;min-width:0;padding:21px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(31,45,80,.045)}.billing-overview article>div:last-child{min-width:0}.billing-overview span,.billing-overview small{display:block;color:var(--muted);font-size:11px}.billing-overview strong{display:block;margin:5px 0 4px;overflow:hidden;color:var(--navy);font-size:20px;text-overflow:ellipsis;white-space:nowrap}.billing-stat-icon{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:12px;font-size:15px;font-weight:900}.plan-icon{background:#e9efff;color:#3157e2}.usage-icon{background:#e4f8f0;color:#16815c}.date-icon{background:#fff2dd;color:#a56409}.billing-stat-grow{flex:1}.usage-track{height:5px;margin:7px 0;border-radius:10px;background:#edf0f6}.usage-track i{display:block;height:100%;border-radius:inherit;background:#3157e2}.plans-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:8px}.plans-heading h2{margin:6px 0 5px;color:var(--navy);font-size:31px;letter-spacing:-.035em}.plans-heading p:not(.kicker){margin:0;color:var(--muted);font-size:14px}.billing-dashboard .billing-term-switch{flex:0 0 auto;margin:0;padding:5px}.billing-dashboard .billing-term-switch a{display:flex;align-items:center;gap:8px;padding:10px 16px}.billing-term-switch em{padding:3px 7px;border-radius:99px;background:#ddf6ea;color:#16815c;font-size:9px;font-style:normal}.billing-term-switch a.active em{background:rgba(255,255,255,.18);color:#fff}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.billing-plan-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:30px;border:1px solid #dfe5f0;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(31,45,80,.055);transition:transform .18s,box-shadow .18s,border-color .18s}.billing-plan-card:hover{transform:translateY(-3px);border-color:#becbf4;box-shadow:0 18px 45px rgba(31,45,80,.1)}.billing-plan-card.popular{border:2px solid #3157e2}.popular-label{position:absolute;top:-13px;left:50%;padding:6px 14px;border-radius:99px;background:#3157e2;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;transform:translateX(-50%);white-space:nowrap}.plan-top{display:flex;min-height:70px;justify-content:space-between;gap:12px}.plan-name{margin:0;color:var(--navy);font-size:21px;font-weight:850}.plan-description{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.current-chip{height:max-content;padding:5px 8px;border-radius:99px;background:#ddf6ea;color:#16815c;font-size:9px;font-weight:800;white-space:nowrap}.plan-price{display:flex;align-items:baseline;gap:7px;margin:25px 0 3px}.plan-price strong{color:var(--navy);font-size:40px;letter-spacing:-.045em}.plan-price span{color:var(--muted);font-size:12px}.yearly-note{margin:0;color:#16815c;font-size:11px;font-weight:700}.billing-plan-card ul{display:grid;gap:12px;margin:25px 0 28px;padding:22px 0 0;border-top:1px solid var(--line);list-style:none}.billing-plan-card li{display:flex;gap:9px;color:#3c4861;font-size:12px}.billing-plan-card li span{color:#16815c;font-weight:900}.plan-actions{display:grid;gap:9px;margin-top:auto}.plan-actions form{margin:0}.checkout-button,.active-plan-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:5px;padding:8px 15px;border:0;border-radius:11px;font:inherit;font-size:14px;font-weight:850;cursor:pointer}.checkout-button span{font-size:10px;font-weight:600;opacity:.82}.stripe-button{border:1px solid #dbe1eb;background:#fff;color:#352b50}.paystack-button{background:#08a88a;color:#fff}.flutterwave-button{background:#f5a623;color:#1c2540}.active-plan-button{background:#edf2ff;color:#3157e2;cursor:default}.billing-fx-note{display:flex;align-items:center;gap:10px;margin:-10px 0 0;padding:13px 16px;border:1px solid #d9e2f3;border-radius:12px;background:#f8faff;color:var(--muted);font-size:11px}.billing-fx-note span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e7edff;color:#3157e2;font-size:15px}.billing-bottom-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:18px;align-items:start}.billing-bottom-grid .panel{margin:0}.billing-payment-panel{padding:28px}.billing-payment-panel .panel-heading{margin-bottom:18px}.billing-payment-panel h2,.billing-invoices h2{margin:3px 0 0;font-size:22px}.payment-summary{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#f9faff}.payment-summary strong,.payment-summary small{display:block}.payment-summary small{margin-top:3px;color:var(--muted);font-size:10px}.payment-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#0b2348;color:#fff;font-weight:900}.payment-help{margin:17px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.full-button{width:100%;margin-top:14px}.billing-invoices .panel-heading{align-items:flex-end}.billing-invoices td strong{color:var(--navy)}@media(max-width:950px){.billing-plan-grid{grid-template-columns:1fr}.billing-bottom-grid{grid-template-columns:1fr}.billing-hero{align-items:flex-start;flex-direction:column}.billing-hero-badge{width:100%}.billing-plan-card{padding:27px}.billing-overview{grid-template-columns:1fr}.plans-heading{align-items:flex-start;flex-direction:column}.billing-dashboard .billing-term-switch{align-self:stretch}.billing-dashboard .billing-term-switch a{flex:1;justify-content:center}.plan-top{min-height:0}}@media(max-width:560px){.billing-dashboard{gap:22px}.billing-hero{padding:30px 25px;border-radius:18px}.billing-hero h1{font-size:36px}.billing-hero>div>p:last-child{font-size:14px}.plans-heading h2{font-size:26px}.billing-plan-card{padding:24px}.billing-term-switch em{display:none}.billing-bottom-grid{min-width:0}.billing-invoices{min-width:0}.billing-overview article{padding:18px}.plan-price strong{font-size:36px}}