.subscription-card{background:var(--color-surface);border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.action-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;margin-top:1rem;font-size:.875rem;line-height:1.5}.action-message.alert-info{background:#2196f314;border:1px solid rgba(33,150,243,.2);color:#1976d2}.action-message.alert-success{background:#4caf5014;border:1px solid rgba(76,175,80,.2);color:#388e3c}.action-message.alert-warning{background:#ff980014;border:1px solid rgba(255,152,0,.2);color:#f57c00}.action-message.alert-error{background:#f4433614;border:1px solid rgba(244,67,54,.2);color:#c62828}.action-icon{font-size:1.25rem;flex-shrink:0}.action-text{flex:1}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.subscription-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;font-size:.875rem;font-weight:600;white-space:nowrap;letter-spacing:.01em;backdrop-filter:blur(8px)}@media (min-width: 769px){.subscription-status{font-size:.8rem;padding:.3rem .75rem}}.status-trialing{background:#2196f326;color:#1976d2}.status-past_due{background:#f4433626;color:#d32f2f}.status-canceled{background:#9e9e9e26;color:#616161}.status-active{background:#4caf5026;color:#388e3c}.status-unpaid{background:#f4433626;color:#d32f2f}.status-incomplete{background:#ff980026;color:#f57c00}.status-incomplete_expired{background:#f4433626;color:#d32f2f}.status-paused,.status-inactive{background:#9e9e9e26;color:#616161}.subscription-details{display:grid;gap:.75rem}.subscription-item{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--color-border);gap:.5rem;flex-wrap:wrap}.subscription-item:last-child{border-bottom:none}.subscription-label{color:var(--color-text-secondary);font-size:.8rem}.subscription-value{font-weight:500;color:var(--color-text-primary);font-size:.875rem;text-align:right}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.plan-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s;display:flex;flex-direction:column;min-height:380px}.plan-card.recommended{border-color:var(--color-primary);box-shadow:0 4px 12px #667eea26}.plan-name{font-size:1.125rem;font-weight:600;margin-bottom:.4rem}.plan-price{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.plan-period{font-size:.875rem;color:var(--color-text-secondary)}.plan-features{list-style:none;padding:0 1rem;margin:1.5rem 0;flex:1;text-align:left}.plan-features li{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.plan-features li.feature-highlight{color:var(--color-primary);font-weight:600}.checkout-button{width:100%;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:auto}.checkout-button:hover{background:var(--color-primary-dark)}.portal-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);border-radius:.5rem;text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s}.portal-button:hover{background:var(--color-surface);color:var(--color-primary)}.subscription-prompt-compact{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:2px solid var(--primary-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;margin:var(--spacing-md) 0}.subscription-prompt-compact p{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--primary-700)}.subscribe-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--gradient-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);transition:var(--transition-base);box-shadow:var(--shadow-soft)}.subscribe-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.section-description{font-size:var(--font-size-sm);color:var(--neutral-600);margin-bottom:var(--spacing-lg);line-height:1.6}@media (max-width: 768px){.action-message{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.8rem}.action-icon{font-size:1rem}}@media (max-width: 768px){.profile-section{margin-bottom:1.25rem}.profile-section h2{font-size:1rem;margin-bottom:.75rem}.subscription-card{padding:1rem}.subscription-status{font-size:.75rem;padding:.15rem .5rem;gap:.25rem}.subscription-header h3{font-size:1rem}.subscription-label{font-size:.75rem}.subscription-value{font-size:.8rem}.pricing-plans{grid-template-columns:1fr;gap:.75rem}.plan-card{padding:1rem}.plan-name{font-size:1rem}.plan-price{font-size:1.5rem}.plan-features{margin:1rem 0}.plan-features li{font-size:.8rem;padding:.375rem 0}.plan-features li.feature-highlight{font-size:.8rem}.checkout-button,.portal-button{padding:.625rem 1rem;font-size:.875rem}.no-license-card{padding:1.5rem}.no-license-card h3{font-size:1.125rem}.no-license-card p{font-size:.875rem}}.license-card{background:var(--color-surface);border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.license-active{border-left:4px solid var(--color-success)}.license-inactive{border-left:4px solid var(--color-warning)}.license-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.license-status{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .625rem;border-radius:9999px;font-size:.8rem;font-weight:500;white-space:nowrap}.license-status svg{width:1.25rem;height:1.25rem;max-width:1.25rem;max-height:1.25rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-inactive{background:var(--color-warning-bg);color:var(--color-warning)}.credential-item{margin:1rem 0;padding:.875rem;background:linear-gradient(135deg,#f5f7fa,#e3e7f0);border-radius:12px;box-shadow:0 2px 8px #00000014}.credential-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.credential-value-container{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.625rem;border-radius:8px;box-shadow:inset 0 1px 3px #0000000f}.credential-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1rem;font-weight:500;color:var(--color-text-primary);flex:1;word-break:break-all;user-select:all}.license-key{font-size:1.125rem;font-weight:600;font-family:monospace;color:var(--color-text-primary);user-select:all}.copy-button.modern{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #667eea40;white-space:nowrap}.copy-button.modern:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea59}.copy-button.modern:active{transform:translateY(0)}.copy-button.modern.success{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 6px #4caf5040}.copy-icon{width:16px;height:16px;stroke-width:2}.copy-text{font-weight:500}.no-license-card{background:var(--color-surface);border-radius:.75rem;padding:2rem;text-align:center;border:2px dashed var(--color-border)}.no-license-icon{width:3rem!important;height:3rem!important;max-width:3rem!important;max-height:3rem!important;display:block;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;stroke:url(#purple-gradient);margin:0 auto 1rem;filter:drop-shadow(0 4px 8px rgba(102,126,234,.25))}.purchase-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .2s;margin-top:1rem}.purchase-button:hover{background:var(--color-primary-dark)}.purchase-button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.purchase-button.secondary:hover{background:var(--color-gray-100)}.help-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2196f3;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .2s;margin-top:1rem;margin-right:.5rem}.help-button:hover{background:#1976d2}.discord-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#5865f2;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background .2s;margin-top:1rem;margin-right:.5rem}.discord-button:hover{background:#4752c4}.action-buttons{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.error-code{color:#f44336;font-size:.875rem;font-weight:600;margin:.5rem 0}@media (max-width: 768px){.profile-section{margin-bottom:1.25rem}.profile-section h2{font-size:1rem;margin-bottom:.75rem}.license-card{padding:1rem}.credential-value-container{flex-direction:column;gap:.5rem}.copy-button.modern{width:100%;justify-content:center}.license-status svg{width:.875rem!important;height:.875rem!important}.license-status{font-size:.75rem;padding:.15rem .5rem;gap:.25rem}.no-license-card{padding:1.5rem}.no-license-card h3{font-size:1.125rem}.no-license-card p{font-size:.875rem}.credential-item{padding:.75rem;margin:.75rem 0}.credential-label{font-size:.75rem}.credential-value{font-size:.875rem}}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.profile-container{min-height:60vh;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{display:flex;justify-content:center;align-items:center;padding:3rem 1rem}.auth-card{background:var(--color-surface);border-radius:1rem;padding:2rem;text-align:center;max-width:400px;box-shadow:0 4px 6px #0000001a}.discord-logo{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(102,126,234,.25))}.discord-login-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#5865f2;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .2s;margin-top:1.25rem;white-space:nowrap}.discord-login-button:hover{background:#4752c4}.discord-login-button svg{width:1.5rem;height:1.5rem}.profile-content{padding:1.5rem 0}.profile-content h1{font-size:1.75rem;margin-bottom:1.5rem;color:var(--color-text-primary)}.profile-section{margin-bottom:1.5rem}.profile-section h2{font-size:1.125rem;margin-bottom:.875rem;color:var(--color-text-secondary)}.profile-card{background:var(--color-surface);border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.profile-header{display:flex;align-items:center;gap:1rem}.avatar-large{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;font-weight:700;overflow:hidden;position:relative;flex-shrink:0}.avatar-large img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.user-info h3{font-size:1.25rem;margin:0;color:var(--color-text-primary)}.user-id{color:var(--color-text-secondary);font-family:monospace;font-size:.875rem;margin:.25rem 0}.user-email{color:var(--color-text-secondary);font-size:.875rem;margin:0}.profile-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.logout-button{padding:.75rem 1.5rem;background:#dc3545;color:#fff;border:2px solid #dc3545;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:transparent;color:#dc3545;border-color:#dc3545}.error-container{display:flex;justify-content:center;align-items:center;padding:4rem 1rem}.error-card{background:var(--color-surface);border-radius:1rem;padding:3rem;text-align:center;max-width:400px;box-shadow:0 4px 6px #0000001a}.error-icon{width:4rem;height:4rem;color:var(--color-error);margin-bottom:1.5rem}.retry-button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:1rem}.retry-button:hover{background:var(--color-primary-dark)}.notification{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--color-text-primary);padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:.5rem;box-shadow:0 10px 25px #0000001a;animation:slideIn .3s ease-out;transition:all .3s ease-out;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px)}.notification.notification-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:1px solid rgba(76,175,80,.2)}.notification.notification-error{background:linear-gradient(135deg,#f44336,#e53935);color:#fff;border:1px solid rgba(244,67,54,.2)}.notification.notification-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:1px solid rgba(33,150,243,.2)}.notification.notification-fade-out{opacity:0}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.container{padding:1rem .75rem}.profile-section{margin-bottom:1.25rem}.profile-section h2{font-size:1rem;margin-bottom:.75rem}.profile-card{padding:1rem}.avatar-large{width:3.5rem;height:3.5rem;font-size:1.5rem}.user-info h3{font-size:1.125rem}.profile-header{flex-direction:column;text-align:center}.profile-content h1{font-size:1.5rem;margin-bottom:1.25rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.125rem}.auth-card p{font-size:.875rem}.discord-login-button{font-size:.875rem;padding:.5rem 1rem}}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.exit-preview{padding:.375rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;text-decoration:none;color:#fff;font-size:.875rem;font-weight:500;transition:all .2s}.exit-preview:hover{background:#ffffff40;border-color:#ffffff80}@media (max-width: 768px){.preview-mode-banner{padding:.75rem}.preview-info{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.preview-controls{flex-direction:column;align-items:flex-start;gap:.75rem}.control-group{gap:.375rem}.control-group a{padding:.2rem .4rem;font-size:.7rem}}