.plan-card{padding:var(--app-space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);flex-direction:column;display:flex;position:relative}.plan-card--highlighted{border:2px solid var(--primary)}.plan-card__badge{background:var(--primary);color:#fff;border-radius:var(--radius);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);align-items:center;gap:4px;padding:4px 12px;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card__header{margin-bottom:var(--app-space-md)}.plan-card__header--padded{padding-top:var(--app-space-sm)}.plan-card__title-row{margin-bottom:var(--app-space-xs);justify-content:space-between;align-items:center;display:flex}.plan-card__name{font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-bold);color:var(--foreground);margin:0}.plan-card__description{font-size:var(--app-font-size-sm);color:var(--muted-foreground);margin:0}.plan-card__pricing{margin-bottom:var(--app-space-md)}.plan-card__price{font-size:var(--app-font-size-3xl);font-weight:var(--app-font-weight-bold);color:var(--primary-ink)}.plan-card__interval{font-size:var(--app-font-size-sm);color:var(--muted-foreground)}.plan-card__trial-badge{margin-top:var(--app-space-xs)}.plan-card__quota{margin-bottom:var(--app-space-md)}.plan-card__quota-box{align-items:center;gap:var(--app-space-xs);padding:var(--app-space-sm);background:var(--card);border-radius:var(--radius);margin-bottom:var(--app-space-sm);display:flex}.plan-card__quota-count{font-weight:var(--app-font-weight-semibold);color:var(--foreground)}.plan-card__quota-interval{color:var(--muted-foreground);font-size:var(--app-font-size-sm)}.plan-card__features{margin:0 0 var(--app-space-lg) 0;flex:1;padding:0;list-style:none}.plan-card__feature{align-items:flex-start;gap:var(--app-space-sm);margin-bottom:var(--app-space-sm);font-size:var(--app-font-size-sm);color:var(--muted-foreground);display:flex}.plan-card__feature-icon{color:var(--success);flex-shrink:0;margin-top:2px}.plans-loading{padding:var(--app-space-xl);justify-content:center;display:flex}.plans-subscription-info{padding:var(--app-space-lg);justify-content:space-between;align-items:center;display:flex}.plans-subscription-left{align-items:center;gap:var(--app-space-lg);display:flex}.plans-subscription-icon{border-radius:var(--radius-lg);background:var(--app-color-primary-light);width:64px;height:64px;color:var(--primary-ink);justify-content:center;align-items:center;display:flex}.plans-subscription-name-row{align-items:center;gap:var(--app-space-sm);margin-bottom:var(--app-space-xs);display:flex}.plans-subscription-name{font-size:var(--app-font-size-xl);font-weight:var(--app-font-weight-bold);color:var(--foreground)}.plans-subscription-detail{color:var(--muted-foreground);font-size:var(--app-font-size-sm)}.plans-subscription-right{text-align:right}.plans-subscription-due-label{color:var(--muted-foreground);font-size:var(--app-font-size-sm)}.plans-subscription-due-date{font-weight:var(--app-font-weight-semibold);color:var(--foreground)}.plans-cancel-badge{margin-top:var(--app-space-xs)}.plans-empty{text-align:center;padding:var(--app-space-xl);color:var(--muted-foreground)}.plans-grid{gap:var(--app-space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.plans-faq-grid{gap:var(--app-space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.plans-faq-title{margin-bottom:var(--app-space-sm);color:var(--foreground)}.plans-faq-text{font-size:var(--app-font-size-sm);color:var(--muted-foreground)}.plans-section-gap{margin-bottom:var(--app-space-lg)}.plans-section-gap-top{margin-top:var(--app-space-lg)}