.billing-page{display:grid;gap:18px}.billing-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px;background:linear-gradient(135deg,#111827,#312e81 62%,#6d28d9);color:#fff;box-shadow:0 20px 50px rgba(49,46,129,.18)}.billing-hero:after{content:"";position:absolute;inset:auto -90px -120px auto;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}.billing-hero__content{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.billing-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#ddd6fe;margin-bottom:10px}.billing-hero h2{margin:0 0 10px;font-size:28px}.billing-hero p{margin:0;max-width:720px;color:#e5e7eb;line-height:1.9}.billing-hero__actions{display:flex;gap:8px;flex-wrap:wrap}.billing-hero .btn{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}.billing-hero .btn--primary{background:#fff;color:#4c1d95;border-color:#fff}.billing-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.billing-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.billing-kpi small{display:block;color:#64748b;font-weight:700;margin-bottom:8px}.billing-kpi b{font-size:22px;color:#111827}.billing-tabs{display:flex;gap:8px;overflow:auto;padding:4px;background:#f3f4f6;border-radius:16px;width:max-content;max-width:100%}.billing-tab{border:0;background:transparent;padding:10px 14px;border-radius:12px;font-family:inherit;font-weight:900;color:#6b7280;cursor:pointer;white-space:nowrap}.billing-tab.is-active{background:#fff;color:#5b21b6;box-shadow:0 3px 12px rgba(15,23,42,.08)}.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.billing-plan{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:16px}.billing-plan.is-recommended{border:2px solid #7c3aed;box-shadow:0 18px 38px rgba(124,58,237,.14)}.billing-plan__badge{position:absolute;top:-12px;right:18px;background:#7c3aed;color:#fff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900}.billing-plan__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.billing-plan__head h3{margin:0;font-size:22px}.billing-plan__head p{margin:6px 0 0;color:#64748b;line-height:1.75;font-size:13px}.billing-plan__price{padding:16px;background:#f8fafc;border:1px solid #eef2f7;border-radius:16px}.billing-plan__price strong{font-size:25px;color:#111827}.billing-plan__price span{color:#64748b;font-size:12px}.billing-plan__meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.billing-plan__meta div{background:#fafafa;border-radius:12px;padding:10px}.billing-plan__meta small{display:block;color:#9ca3af}.billing-plan__meta b{font-size:13px}.billing-plan__actions{display:flex;gap:8px;margin-top:auto}.billing-matrix{overflow:auto}.billing-matrix table{min-width:920px}.billing-matrix th:not(:first-child),.billing-matrix td:not(:first-child){text-align:center}.billing-feature-name{min-width:260px}.billing-feature-name small{display:block;color:#94a3b8;font-weight:500;margin-top:4px}.billing-switch{appearance:none;width:44px;height:24px;background:#d1d5db;border-radius:999px;position:relative;cursor:pointer;vertical-align:middle;transition:.2s}.billing-switch:before{content:"";position:absolute;width:18px;height:18px;top:3px;right:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.billing-switch:checked{background:#7c3aed}.billing-switch:checked:before{transform:translateX(-20px)}.billing-limit{width:90px;text-align:center}.billing-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.billing-section-head h3{margin:0 0 6px}.billing-section-head p{margin:0;color:#64748b;line-height:1.8}.billing-org-price{font-weight:900;color:#5b21b6}.billing-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;display:inline-flex;padding:4px 8px;background:#f5f3ff;border-radius:8px;color:#5b21b6;font-weight:900}.billing-empty{padding:34px;text-align:center;color:#64748b}.billing-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.billing-form-grid .span-3{grid-column:span 3}.billing-form-grid .span-4{grid-column:span 4}.billing-form-grid .span-6{grid-column:span 6}.billing-form-grid .span-12{grid-column:span 12}.billing-help{display:flex;gap:10px;align-items:flex-start;background:#f5f3ff;border:1px solid #ddd6fe;color:#4c1d95;border-radius:14px;padding:12px 14px;line-height:1.8}.billing-help i{margin-top:4px}.billing-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857}.billing-status.is-inactive{background:#f3f4f6;color:#6b7280}@media(max-width:1100px){.billing-kpis{grid-template-columns:repeat(3,1fr)}.billing-plans{grid-template-columns:1fr}.billing-hero__content{flex-direction:column}.billing-form-grid .span-3,.billing-form-grid .span-4{grid-column:span 6}}@media(max-width:680px){.billing-hero{padding:20px;border-radius:18px}.billing-hero h2{font-size:23px}.billing-kpis{grid-template-columns:1fr 1fr}.billing-form-grid .span-3,.billing-form-grid .span-4,.billing-form-grid .span-6{grid-column:span 12}.billing-tabs{width:100%}.billing-tab{flex:1}.billing-plan{padding:18px}.billing-section-head{flex-direction:column}}