.billing-settings{display:grid;gap:22px;max-width:1400px;margin:0 auto;animation:billingIn .35s ease}.billing-hero,.billing-picker-head,.billing-section-head,.billing-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-hero h1{margin:4px 0;font-size:clamp(1.8rem,3vw,2.6rem)}.billing-hero p,.billing-picker-head p{margin:0;color:var(--text-muted)}.eyebrow,.card-label{font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#60c4ef}.billing-upgrade{min-width:180px;padding:14px 22px;font-size:1rem}.billing-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.billing-overview>.section-card{grid-column:span 6;min-height:220px;transition:transform .2s ease,border-color .2s ease}.billing-overview>.section-card:hover{transform:translateY(-2px);border-color:rgba(96,196,239,.35)}.billing-overview h2,.billing-settings h2{margin:7px 0 14px}.billing-plan-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0 0}.billing-plan-card dt{color:var(--text-muted)}.billing-plan-card dd{margin:0;font-weight:700}.billing-status{display:inline-flex;padding:6px 10px;border-radius:999px;text-transform:capitalize;font-size:.78rem;font-weight:800;background:rgba(245,158,11,.15);color:#fbbf24}.billing-status.active,.billing-status.grace,.billing-status.paid,.billing-status.completed{background:rgba(34,197,94,.15);color:#4ade80}.billing-status.locked,.billing-status.failed,.billing-status.past_due{background:rgba(239,68,68,.15);color:#f87171}.seat-count{display:flex;align-items:baseline;gap:9px}.seat-count strong{font-size:2.25rem}.seat-count span{color:var(--text-muted)}.seat-progress{height:12px;overflow:hidden;margin:15px 0 10px;border-radius:999px;background:rgba(148,163,184,.16)}.seat-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#31a9df,#67e8f9);transition:width .6s cubic-bezier(.2,.8,.2,1)}.seat-remaining{display:block;margin-bottom:15px;color:#67e8f9}.seat-limit{display:grid;gap:10px;margin-top:14px;padding:13px;border-radius:12px;background:rgba(239,68,68,.1);color:#fecaca}.billing-notice,.billing-warning{display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid rgba(96,196,239,.35);border-radius:14px;background:rgba(14,116,144,.12)}.billing-notice span,.billing-warning span{flex:1}.billing-warning{border-color:rgba(245,158,11,.45);background:rgba(120,53,15,.18);color:#fde68a}.billing-notice.complimentary{border-color:rgba(168,85,247,.42);background:rgba(88,28,135,.17)}.billing-cycle{display:flex;gap:8px;margin:18px 0}.billing-cycle button{padding:10px 17px;border-radius:10px}.billing-cycle .selected{background:#3fa7d6;color:#fff}.billing-plans{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px}.billing-plan{position:relative;display:grid;align-content:start;gap:10px;padding:19px;border:1px solid var(--border-subtle);border-radius:16px;background:rgba(15,35,61,.34);transition:transform .2s ease,border-color .2s ease}.billing-plan:hover{transform:translateY(-3px);border-color:rgba(96,196,239,.5)}.billing-plan h3,.billing-plan p{margin:0}.plan-price{font-size:1.55rem}.plan-badge{position:absolute;right:12px;top:12px;padding:4px 8px;border-radius:999px;background:rgba(49,169,223,.17);color:#67e8f9;font-size:.7rem;font-weight:800}.billing-limit-message{color:#fca5a5;font-weight:700}.enterprise-note,.empty-state{color:var(--text-muted)}.billing-history{display:grid}.billing-history>div{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.billing-controls>div{display:flex;flex-wrap:wrap;gap:10px}.danger-button{padding:10px 16px;border:1px solid rgba(239,68,68,.5);border-radius:10px;color:#fca5a5;background:rgba(127,29,29,.18)}@keyframes billingIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.billing-plans{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:800px){.billing-overview>.section-card{grid-column:span 12}.billing-hero,.billing-picker-head,.billing-section-head,.billing-notice,.billing-warning{align-items:flex-start;flex-direction:column}.billing-upgrade{width:100%}.billing-history>div{grid-template-columns:1fr auto}.billing-history>div span:nth-child(2),.billing-history>div span:nth-child(3){display:none}}@media(max-width:560px){.billing-plans{grid-template-columns:1fr}.billing-controls>div,.billing-controls button{width:100%}}