.plans-page{min-height:auto;height:auto;--plans-gap:clamp(12px,var(--spacing-lg),24px);--plans-pad:clamp(12px,var(--spacing-lg),24px);--plans-pad-sm:clamp(8px,var(--spacing-md),16px);max-width:1200px;margin:0 auto;padding:var(--plans-pad);background:var(--background);overflow:hidden}.plans-page,.plans-page__header{width:100%;box-sizing:border-box}.plans-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.plans-page__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text);margin:0 0 var(--spacing-sm) 0}.plans-page__subtitle,.plans-page__title{word-wrap:break-word;overflow-wrap:break-word}.plans-page__subtitle{color:var(--textSecondary);font-size:var(--font-size-md);margin:0 0 var(--spacing-lg) 0}.plans-page__billing-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.plans-page__billing-option{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--textSecondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.plans-page__billing-option:hover{color:var(--text)}.plans-page__billing-option--active{background:var(--primary);color:white;box-shadow:var(--shadow-sm)}.plans-page__billing-option--active:hover{color:white}.plans-page__billing-badge{display:inline-flex;align-items:center;margin-left:var(--spacing-xs);padding:2px var(--spacing-xs);background:var(--success-transparent);color:var(--success);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);white-space:nowrap}.plans-page__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--plans-gap);gap:var(--plans-gap);align-items:start}.plan-card,.plans-page__grid{width:100%;box-sizing:border-box}.plan-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card--current{border-color:var(--success)}.plan-card--recommended{border-color:var(--primary);box-shadow:var(--shadow-md);transform:scale(1.03);z-index:1}.plan-card--recommended:hover{box-shadow:var(--shadow-xl);transform:scale(1.03) translateY(-4px)}.plan-card--pending{border-color:var(--primary);border-style:dashed}.plan-card__badge{position:absolute;top:0;right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:0 0 var(--radius-md) var(--radius-md);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.plan-card__badge--current{background:var(--success);color:white}.plan-card__badge--recommended{background:var(--primary);color:white}.plan-card__badge--pending{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-top:none}.plan-card__badge--trial{background:var(--primary);color:white}.plan-card__badge--active{background:var(--success);color:white}.plan-card__badge--past-due{background:var(--warning);color:white}.plan-card__badge--suspended{background:var(--error);color:white}.plan-card__header{padding:var(--plans-pad) var(--plans-pad) var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);width:100%;box-sizing:border-box}.plan-card__name{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0}.plan-card__tier-badge{display:inline-flex;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);background:var(--primary-transparent);color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.plan-card__price{padding:0 var(--plans-pad);margin-bottom:var(--spacing-xs)}.plan-card__price-currency{font-size:var(--font-size-lg);font-weight:600;color:var(--textSecondary);vertical-align:super}.plan-card__price-value{font-size:var(--font-size-4xl);font-weight:800;color:var(--text);line-height:1}.plan-card__price-period{font-size:var(--font-size-sm);color:var(--textSecondary);font-weight:400}.plan-card__price-yearly{padding:0 var(--plans-pad);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);color:var(--textSecondary)}.plan-card__price-yearly-value{font-weight:600;color:var(--success)}.plan-card__limits{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-md) var(--plans-pad);margin:0 var(--plans-pad);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.plan-card__limit-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md)}.plan-card__limit-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.plan-card__limit-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text);line-height:1}.plan-card__limit-label{font-size:var(--font-size-xs);color:var(--textSecondary);line-height:1.2}.plan-card__features{list-style:none;margin:0;padding:var(--spacing-md) var(--plans-pad);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1}.plan-card__feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text)}.plan-card__feature-icon{width:1rem;height:1rem;flex-shrink:0}.plan-card__feature--included .plan-card__feature-icon{color:var(--success)}.plan-card__feature--excluded{color:var(--textSecondary);opacity:.75}.plan-card__feature--excluded .plan-card__feature-icon{color:var(--textSecondary)}.plan-card__addon-prices{padding:var(--spacing-sm) var(--plans-pad);margin:0 var(--plans-pad);background:var(--background);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-card__addon-price{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--textSecondary)}.plan-card__addon-price-value{font-weight:600;color:var(--text)}.plan-card__cta{padding:var(--plans-pad);margin-top:auto;width:100%;box-sizing:border-box}.plan-card__cta-button{width:100%;padding:.75rem 1.5rem;border:2px solid var(--primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-align:center;background:transparent;color:var(--primary)}.plan-card__cta-button:hover{background:var(--primary);color:white;transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-card__cta-button:active{transform:translateY(0)}.plan-card__cta-button--primary{background:var(--primary);color:white}.plan-card__cta-button--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.plan-card__cta-button--current{background:var(--surface);color:var(--success);border-color:var(--success);cursor:default}.plan-card__cta-button--current:hover{background:var(--surface);color:var(--success);transform:none;box-shadow:none}.plan-card__cta-button--disabled{opacity:.5;cursor:not-allowed}.plan-card__cta-button--disabled:hover{transform:none;box-shadow:none}.upgrade-preview{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:600px;box-sizing:border-box}.upgrade-preview__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0 0 var(--spacing-lg) 0;text-align:center}.upgrade-preview__comparison{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-lg)}.upgrade-preview__plan-col{flex:1 1;text-align:center;padding:var(--spacing-md)}.upgrade-preview__plan-col-label{font-size:var(--font-size-xs);color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--spacing-xs)}.upgrade-preview__plan-col-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin-bottom:var(--spacing-xs)}.upgrade-preview__plan-col-price{font-size:var(--font-size-sm);color:var(--textSecondary)}.upgrade-preview__plan-col--new .upgrade-preview__plan-col-name{color:var(--primary)}.upgrade-preview__arrow{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary-transparent);color:var(--primary);border-radius:50%;flex-shrink:0;font-size:var(--font-size-lg)}.upgrade-preview__costs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-lg)}.upgrade-preview__cost-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text);padding:var(--spacing-xs) 0}.upgrade-preview__cost-label{color:var(--textSecondary)}.upgrade-preview__cost-value{font-weight:600}.upgrade-preview__total{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-lg);font-weight:700;color:var(--text);padding:var(--spacing-sm) 0 0;margin-top:var(--spacing-xs);border-top:2px solid var(--border)}.upgrade-preview__total-value{color:var(--primary);font-size:var(--font-size-xl)}.upgrade-preview__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.upgrade-preview__action-button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border);background:var(--surface);color:var(--text)}.upgrade-preview__action-button:hover{background:var(--background)}.upgrade-preview__action-button--confirm{background:var(--primary);color:white;border-color:var(--primary)}.upgrade-preview__action-button--confirm:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upgrade-preview__action-button--confirm:active{transform:translateY(0)}.dark .plan-card{background:var(--surface);border-color:var(--border)}.dark .plan-card--current{border-color:var(--success)}.dark .plan-card--pending,.dark .plan-card--recommended{border-color:var(--primary)}.dark .plan-card__addon-prices,.dark .plan-card__limit-item{background:var(--background)}.dark .plan-card__cta-button--current{background:var(--surface)}.dark .plans-page__billing-toggle{background:var(--surface);border-color:var(--border)}.dark .upgrade-preview{background:var(--surface)}.dark .upgrade-preview__comparison{background:var(--background)}.dark .upgrade-preview__costs{border-color:var(--border)}.dark .upgrade-preview__action-button{background:var(--surface);border-color:var(--border);color:var(--text)}.dark .upgrade-preview__action-button:hover{background:var(--background)}@media (prefers-reduced-motion:reduce){.plan-card,.plan-card--recommended,.plan-card__cta-button,.plans-page__billing-option,.upgrade-preview__action-button{transition:none}.plan-card:hover{transform:none}.plan-card--recommended,.plan-card--recommended:hover{transform:scale(1.03)}.plan-card__cta-button--primary:hover,.plan-card__cta-button:hover,.upgrade-preview__action-button--confirm:hover{transform:none}}@media (max-width:768px){.plans-page{padding:var(--plans-pad-sm)}.plans-page__title{font-size:var(--font-size-2xl)}.plans-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--plans-pad-sm)}.plan-card--recommended{transform:scale(1)}.plan-card--recommended:hover{transform:translateY(-4px)}.plan-card__header{padding:var(--plans-pad-sm) var(--plans-pad-sm) var(--spacing-xs)}.plan-card__price,.plan-card__price-yearly{padding:0 var(--plans-pad-sm)}.plan-card__limits{margin:0 var(--plans-pad-sm)}.plan-card__features,.plan-card__limits{padding:var(--spacing-sm) var(--plans-pad-sm)}.plan-card__addon-prices{margin:0 var(--plans-pad-sm)}.plan-card__cta{padding:var(--plans-pad-sm)}.upgrade-preview{padding:var(--spacing-md)}.upgrade-preview__comparison{gap:var(--spacing-sm);padding:var(--spacing-sm)}.upgrade-preview__actions{flex-direction:column}.upgrade-preview__action-button{width:100%;text-align:center}}@media (max-width:480px){.plans-page{padding:var(--spacing-sm)}.plans-page__title{font-size:var(--font-size-xl)}.plans-page__subtitle{font-size:var(--font-size-sm)}.plans-page__billing-toggle{flex-direction:row;width:100%;justify-content:center}.plans-page__billing-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.plans-page__grid{grid-template-columns:1fr;gap:var(--spacing-md)}.plan-card--recommended{transform:scale(1)}.plan-card--recommended:hover{transform:translateY(-4px)}.plan-card__name{font-size:var(--font-size-lg)}.plan-card__price-value{font-size:var(--font-size-3xl)}.plan-card__limits{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.plan-card__limit-value{font-size:var(--font-size-md)}.plan-card__feature{font-size:var(--font-size-xs)}.plan-card__cta-button{padding:.625rem 1rem;font-size:var(--font-size-sm)}.upgrade-preview{padding:var(--spacing-sm)}.upgrade-preview__comparison{flex-direction:column;gap:var(--spacing-sm)}.upgrade-preview__arrow{transform:rotate(90deg)}.upgrade-preview__plan-col{padding:var(--spacing-sm)}.upgrade-preview__total{font-size:var(--font-size-md)}.upgrade-preview__total-value{font-size:var(--font-size-lg)}}.plans-page__error,.plans-page__loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary);font-size:var(--font-size-md)}.plans-page__error{flex-direction:column;gap:var(--spacing-md);text-align:center}.plans-page__retry-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:opacity var(--transition-fast)}.plans-page__retry-btn:hover{opacity:.9}.upgrade-preview__loading{text-align:center;padding:var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.upgrade-preview__error{text-align:center;padding:var(--spacing-md);color:var(--color-error,#dc2626);background:rgba(220,38,38,.08);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.upgrade-preview__cost-row--highlight{background:rgba(var(--color-primary-rgb,59,130,246),.08);border-radius:var(--border-radius);padding:var(--spacing-xs) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm))}.upgrade-preview__cost-row--highlight .upgrade-preview__cost-value{color:var(--color-primary);font-weight:600}.upgrade-preview__cost-row--success{background:rgba(22,163,74,.08);border-radius:var(--border-radius);padding:var(--spacing-xs) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm))}.upgrade-preview__cost-row--success .upgrade-preview__cost-value{color:var(--color-success,#16a34a);font-weight:600}