.subscription-header{text-align:center;padding:var(--space-4) var(--space-2);max-width:800px;margin:0 auto}.subscription-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-2);color:var(--color-text)}.subscription-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.current-subscription-section{max-width:800px;margin:var(--space-4) auto;padding:0 var(--space-2)}.current-subscription-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);color:var(--color-text)}.subscription-status-card{background:var(--color-background);border-radius:var(--border-radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.status-indicator{margin-bottom:var(--space-3)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:999px;font-weight:600;font-size:var(--font-size-sm)}.status-badge.active{background:var(--color-success-dark);color:var(--color-background)}.status-badge.expiring{background:var(--color-warning);color:var(--color-text)}.status-badge.none{background:var(--color-text-secondary);color:var(--color-background)}.subscription-state-note{margin:0 0 var(--space-3);color:var(--color-text-secondary)}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.subscription-plans-section{max-width:1200px;margin:var(--space-6) auto;padding:0 var(--space-2)}.subscription-plans-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);text-align:center;color:var(--color-text)}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.plan-card{background:var(--color-background);border:1px solid var(--color-background-dark);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.plan-card.featured{border:2px solid var(--color-primary)}.plan-badge{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);background:var(--color-background);color:var(--color-primary-dark);padding:.25rem .75rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600}.plan-header{background:var(--color-background-light);color:var(--color-text);padding:var(--space-4);text-align:center}.plan-card.featured .plan-header{background:var(--color-primary);color:var(--color-background)}.plan-header h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.plan-header p{font-size:var(--font-size-sm);opacity:.9}.plan-body{padding:var(--space-4)}.field-count-selector{margin-bottom:var(--space-3)}.field-count-selector label{display:block;margin-bottom:var(--space-1);font-weight:600;color:var(--color-text)}.field-count-select{width:100%;padding:.75rem;border:1px solid var(--color-background-dark);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);background:var(--color-background);cursor:pointer}.field-count-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.price-breakdown{margin-bottom:var(--space-3);padding:var(--space-2);background:var(--color-background-light);border-radius:var(--border-radius-sm)}.price-item{display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.price-item.discount{color:var(--color-success-dark)}.price-item.subtotal{font-weight:600;font-size:var(--font-size-md);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-divider);color:var(--color-primary-dark)}.price-item.total,.price-item.total-year{font-weight:700;margin-top:var(--space-1);padding-top:var(--space-1);border-top:2px solid var(--color-background-dark);color:var(--color-text)}.price-item.total{font-size:var(--font-size-xl)}.price-item.total-year{font-size:var(--font-size-2xl);background:color-mix(in srgb,var(--color-primary) 8%,transparent);margin:var(--space-1) calc(-1 * var(--space-2)) calc(-1 * var(--space-2));padding:var(--space-2);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm)}.price-dual-currency{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.usd-price{font-size:.85em;color:var(--color-text-secondary);font-weight:500}.payment-notice{margin-top:.75rem;padding:.75rem;background:var(--color-background-light);border-inline-start:3px solid var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1)}.payment-notice .info-icon{font-style:normal}.pay-now-btn{width:100%;padding:var(--space-2);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--color-background);border-radius:var(--border-radius-md);padding:var(--space-4);max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.confirm-dialog-message{font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-3);white-space:pre-line}.confirm-dialog-buttons{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-dialog-btn{padding:.75rem var(--space-3);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.confirm-dialog-cancel{background:var(--color-background-dark);color:var(--color-text)}.confirm-dialog-cancel:hover{background:var(--color-divider)}.confirm-dialog-confirm{background:var(--color-primary);color:var(--color-background)}.confirm-dialog-confirm:hover{background:var(--color-primary-dark)}.subscription-actions{margin-top:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.subscription-actions .btn{min-width:220px}.subscription-actions-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.change-plan-section{max-width:800px;margin:0 auto var(--space-4);padding:0 var(--space-2)}.change-plan-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-text)}.change-plan-card{background:var(--color-background);border:1px solid var(--color-background-dark);border-radius:var(--border-radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.scheduled-change-banner{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 50%,transparent);border-radius:var(--border-radius-lg);padding:1.25rem var(--space-3);display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.scheduled-change-banner p{margin:0;font-weight:600;color:var(--color-text)}.change-plan-current{margin:0 0 1.25rem;font-size:var(--font-size-md);color:var(--color-text-secondary)}.change-plan-current strong{color:var(--color-text)}.change-plan-field{margin-bottom:var(--space-2)}.change-plan-field>label{display:block;font-weight:600;margin-bottom:.4rem;color:var(--color-text)}.cycle-toggle{display:inline-flex;border:1px solid var(--color-background-dark);border-radius:var(--border-radius-md);overflow:hidden}.cycle-option{padding:.55rem 1.25rem;background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.cycle-option.selected{background:var(--color-primary);color:var(--color-background)}.change-plan-hint{font-size:var(--font-size-sm);margin:var(--space-1) 0 1.25rem;color:var(--color-text-secondary)}.change-plan-hint.upgrade,.change-plan-hint.downgrade{color:var(--color-text);padding-inline-start:.75rem;border-inline-start:3px solid var(--color-primary)}.change-plan-hint.downgrade{border-inline-start-color:var(--color-warning-dark)}.change-plan-submit{width:100%}.change-plan-submit:disabled{opacity:.55;cursor:not-allowed}.academy-addon{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:.875rem var(--space-2);border:1px solid var(--color-background-dark);border-radius:var(--border-radius-sm);background:var(--color-background);cursor:pointer}.academy-addon:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.academy-addon input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.academy-addon-title{font-weight:600;color:var(--color-text)}.academy-addon-price{margin-inline-start:auto;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);white-space:nowrap}.academy-addon input[type=checkbox]:disabled{cursor:default}.academy-addon:has(input:disabled){cursor:default;opacity:.75}.plan-cycle-switch{display:none}@media(max-width:768px){.subscription-header{background:none;box-shadow:none;padding:0 0 var(--space-2);margin:0;text-align:start}.subscription-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.subscription-header p{font-size:var(--font-size-sm);margin:0}.current-subscription-section,.subscription-plans-section,.change-plan-section{margin:0 0 var(--space-3);padding:var(--space-2)}.subscription-plans-section h2,.change-plan-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-2);text-align:start}.current-subscription-section h2{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-1)}.subscription-status-card,.change-plan-card{padding:0;border:0;box-shadow:none}.status-indicator{margin-bottom:var(--space-1)}.subscription-state-note{margin:0;font-size:var(--font-size-sm)}.subscription-details{grid-template-columns:1fr 1fr;margin-top:var(--space-2)}.detail-value{font-size:var(--font-size-md)}.subscription-actions{margin-top:var(--space-2)}.subscription-actions:empty{display:none}.subscription-actions .btn,.scheduled-change-banner .btn{min-width:0;width:100%}.scheduled-change-banner{padding:var(--space-2)}.change-plan-current{margin-bottom:var(--space-2)}.cycle-toggle{display:flex}.cycle-option{flex:1}.plan-cycle-switch{margin-bottom:var(--space-2)}.subscription-plans-section h2{margin-bottom:var(--space-1)}.plans-container{grid-template-columns:1fr;gap:var(--space-3);margin-bottom:0}.plans-container[data-cycle=annual] .plan-card:not(.featured),.plans-container[data-cycle=monthly] .plan-card.featured{display:none}.plan-header{padding:var(--space-2);text-align:start}.plan-card.featured .plan-header{padding-top:calc(var(--space-2) + 1.75rem)}.plan-badge{top:.75rem;inset-inline-end:auto;inset-inline-start:var(--space-2)}.plan-header h3{font-size:var(--font-size-xl);margin-bottom:.25rem}.plan-header p{margin:0}.plan-body{padding:var(--space-2)}.field-count-selector,.price-breakdown{margin-bottom:var(--space-2)}.academy-addon{flex-wrap:wrap;gap:.25rem var(--space-1);padding:.75rem var(--space-2);margin-bottom:var(--space-2)}.academy-addon-title{flex:1 1 auto}.price-item{gap:var(--space-1)}.price-item>span:last-child,.price-dual-currency span{white-space:nowrap}.price-item.total,.price-item.total-year{font-size:var(--font-size-lg)}.pay-now-btn{font-size:var(--font-size-md);padding:.75rem;margin-bottom:0}.payment-notice{font-size:var(--font-size-xs)}}