.billing-section__breakdown,.billing-section__invoice-history,.billing-section__invoice-info,.billing-section__payment{margin-bottom:32px}.billing-section__breakdown:last-child,.billing-section__invoice-history:last-child,.billing-section__invoice-info:last-child,.billing-section__payment:last-child,.billing-section__plan:last-child{margin-bottom:0}.billing-section__plan-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.billing-plan-card{display:flex;flex-direction:column}.billing-plan-card__header{display:flex;align-items:center;justify-content:space-between}.billing-section__plan-container{display:flex;flex-direction:column;gap:10px;width:50%;margin-bottom:32px;@media (max-width:1024px){width:100%}}.content-creator-account__container{display:flex;flex-direction:column;gap:20px}.billing-plan-card__name-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.billing-plan-card__trial-status{font-size:14px;font-weight:500;color:var(--text-color);opacity:.8;padding:4px 8px;background:var(--secondary-purple-color);border-radius:var(--radius);white-space:nowrap}.billing-plan-card__cancellation-notice{background:#fff3e0;color:#f57c00;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid #ffb74d}.billing-plan-card__name{font-size:40px;font-weight:600;color:var(--text-color);line-height:1}.billing-plan-card__status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.billing-plan-card__status--active{background:#e8f5e8;color:#2d7d2d}.billing-plan-card__status--trialing{background:#e3f2fd;color:#1976d2}.billing-plan-card__status--canceling,.billing-plan-card__status--past_due,.billing-plan-card__status--warning{background:#fff3e0;color:#f57c00}.billing-plan-card__status--canceled,.billing-plan-card__status--danger{background:#ffebee;color:#d32f2f}.billing-plan-card__status--paused{background:#e1f5fe;color:#0277bd}.billing-plan-card__status--unpaid{background:#ffebee;color:#d32f2f}.billing-plan-card__status--incomplete{background:#fff3e0;color:#f57c00}.billing-plan-card__status--incomplete_expired{background:#ffebee;color:#d32f2f}.billing-plan-card__status--inactive{background:#f5f5f5;color:#666}.billing-plan-card__details{margin-top:8px}.billing-plan-card__billing-cycle,.billing-plan-card__price{font-size:18px;color:var(--text-color)}.billing-plan-card__billing-cycle{margin:0}.billing-breakdown{background:#fff;overflow:hidden;box-shadow:var(--dropshadow)}.billing-breakdown__table{width:100%;display:flex;flex-direction:column;gap:15px}.billing-breakdown__header{color:var(--text-color)}.billing-breakdown__header,.billing-breakdown__row{display:flex;justify-content:space-between}.billing-breakdown__row:last-child{border-bottom:none}.billing-breakdown__row--plan{font-weight:600}.billing-breakdown__row--subtotal,.billing-breakdown__row--tax{font-weight:400}.billing-breakdown__row--total{font-weight:600}.billing-breakdown__separator{border-bottom:1px solid var(--separator-color);margin:0 16px}.billing-breakdown__col{color:var(--text-color)}.billing-breakdown__row--plan .billing-breakdown__col,.billing-breakdown__row--total .billing-breakdown__col{font-weight:600}.billing-breakdown__subtitle{font-size:12px;opacity:.7;margin-top:2px}.billing-breakdown__totals{display:flex;flex-direction:column;gap:10px}.payment-info{background:#fff}.payment-info__card{display:flex;align-items:center;gap:12px}.billing-section__payment-title{margin-bottom:16px}.payment-info__invoice-email{margin-top:16px;padding-top:16px;border-top:1px solid var(--separator-color);display:flex;width:fit-content;align-items:center;gap:10px}.payment-info__invoice-email-label{font-weight:500;color:var(--text-color);font-size:14px}.payment-info__invoice-email-value{color:var(--text-color);opacity:.8;font-size:14px}.payment-info__card-number{font-family:monospace;font-size:16px;color:var(--text-color)}.payment-info__card-expiry{font-size:14px;color:var(--text-color);opacity:.8}.payment-info__no-card{color:var(--text-color);opacity:.7;margin:0}.invoice-info{background:#fff;border:1px solid var(--separator-color);border-radius:var(--radius);padding:16px;box-shadow:var(--dropshadow)}.billing-section__invoice-history-title{margin-bottom:16px}.invoice-info__item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--separator-color)}.invoice-info__item:last-child{border-bottom:none}.invoice-info__label{font-weight:500;color:var(--text-color)}.invoice-info__value{color:var(--text-color);opacity:.8}.billing-section__invoice-history{width:100%}.invoice-history{background:#fff;width:100%}.invoice-history__container{display:flex;flex-direction:column;width:100%}.invoice-history__row{display:flex;align-items:center;gap:16px;padding:16px 0;width:100%;flex-wrap:wrap}@media (max-width:768px){.invoice-history__row{flex-direction:column;align-items:center;gap:12px}.invoice-history__amount,.invoice-history__date,.invoice-history__id{width:100%}}.invoice-history__amount,.invoice-history__date{color:var(--text-color);font-size:14px;flex:1;text-align:center;min-width:100px}.invoice-history__amount{font-weight:500}.invoice-history__id{font-size:14px;flex:1;text-align:center;min-width:100px}.invoice-history__empty,.invoice-history__id{color:var(--text-color);opacity:.7}.billing-plan-card-free{display:flex;flex-direction:column;gap:16px}.billing-plan-card--loading{border:1px solid var(--separator-color);border-radius:var(--radius)}.billing-plan-card__line-placeholder,.billing-plan-card__name-placeholder{height:14px;background:var(--secondary-color);border-radius:6px}.billing-plan-card__name-placeholder{width:160px}.billing-plan-card__line-placeholder{width:60%}.billing-breakdown--loading .billing-breakdown__row--loading,.invoice-history--loading .invoice-history__row--loading{height:40px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--separator-color)}.payment-info__card--loading{height:56px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--separator-color);border-radius:var(--radius);background:var(--secondary-purple-color)}.payment-info__invoice-email--loading{height:12px;width:220px;background:var(--secondary-color);border-radius:6px;margin-top:8px}.content-creator-account__subscription-actions{display:flex;gap:12px;margin-top:16px}.content-creator-account__manage-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--primary-gradient-from);cursor:pointer;background:transparent;color:var(--primary-gradient-from);font-weight:500;transition:all .2s ease}.content-creator-account__manage-button:hover{background:var(--primary-gradient);color:white;border-color:transparent}.billing-warning-box{background:#fff3e0;border:1px solid #ffb74d;border-radius:var(--radius);padding:16px;margin:16px 0}.billing-warning-box__title{font-weight:600;color:#f57c00;margin:0 0 8px}.billing-warning-box__message{color:#f57c00;margin:0}.billing-notice-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:var(--radius);padding:16px;margin:16px 0}.billing-notice-box__title{font-weight:600;color:#1976d2;margin:0 0 8px}.billing-notice-box__message{color:#1976d2;margin:0}.billing-notice-box--trial{background:#e8f5e8;border-color:#4caf50}.billing-notice-box--trial .billing-notice-box__message,.billing-notice-box--trial .billing-notice-box__title{color:#2e7d32}.billing-danger-box{background:#ffebee;border:1px solid #ef5350;border-radius:var(--radius);padding:16px;margin:16px 0}.billing-danger-box__title{font-weight:600;color:#d32f2f;margin:0 0 8px}.billing-danger-box__message{color:#d32f2f;margin:0}.billing-action-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--primary-gradient-from);cursor:pointer;background:transparent;color:var(--primary-gradient-from);font-weight:500;transition:all .2s ease;margin:8px 8px 8px 0}.billing-action-button:hover{background:var(--primary-gradient);color:white;border-color:transparent}.billing-action-button--danger{border-color:#d32f2f;color:#d32f2f}.billing-action-button--danger:hover{background:#d32f2f;color:white;border-color:transparent}.billing-action-button--warning{border-color:#f57c00;color:#f57c00}.billing-action-button--warning:hover{background:#f57c00;color:white;border-color:transparent}.billing-action-button--primary{background:var(--primary-gradient);color:white;border-color:transparent}.billing-action-button--primary:hover{opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.billing-section-animate,.billing-section-animate--1{opacity:0;animation:fadeInUp .5s ease-out forwards}.billing-section-animate--1{animation-delay:.2s}.billing-section-animate--2{opacity:0;animation:fadeInUp .5s ease-out forwards;animation-delay:.4s}.billing-section-animate--3{opacity:0;animation:fadeInUp .5s ease-out forwards;animation-delay:.6s}.billing-section-fade-out{opacity:0;animation:fadeOutDown .5s ease-in forwards}