.dashboard{display:flex;min-height:100vh;width:100%;background:transparent;flex-direction:column}.dashboard-content{display:flex;flex:1}.main-content{flex:1;padding:var(--space-8) var(--space-6);padding-top:calc(70px + var(--space-8));max-width:1400px;margin:0 auto;width:100%;background:transparent}@media(min-width:768px){.main-content{margin-left:250px;padding-top:var(--space-8)}}.overview{display:flex;flex-direction:column;gap:var(--space-8)}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.overview-header h1{font-size:var(--font-h1);font-weight:var(--weight-medium);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.overview-subtitle{font-size:var(--font-small);color:var(--text-secondary);margin:0}.clip-of-the-week-header,.snapshot-header,.recent-activity h3{font-size:var(--font-micro);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.clip-of-the-week,.performance-snapshot,.recent-activity{display:flex;flex-direction:column;gap:var(--space-4)}.clip-of-the-week{gap:var(--space-2);margin-top:var(--space-6)}.clip-of-the-week-body{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.clip-of-the-week-body p{margin:0;font-size:var(--font-small);color:var(--text-primary);line-height:1.5}.clip-of-the-week-countdown{flex-shrink:0;font-size:var(--font-tiny);color:var(--text-secondary);white-space:nowrap}.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-8)}.snapshot-metric{display:flex;flex-direction:column;gap:var(--space-2)}.snapshot-metric.highlight .metric-label{color:var(--text-primary)}.metric-value{font-size:var(--font-display);font-weight:var(--weight-medium);letter-spacing:-.02em;line-height:1}.metric-label{font-size:var(--font-small);color:var(--text-secondary)}.video-performance{display:flex;flex-direction:column;gap:var(--space-4)}.video-performance-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.video-performance-note,.video-performance-caveat{margin:0;font-size:var(--font-small);color:var(--text-secondary)}.video-performance-caveat{font-size:var(--font-tiny);color:var(--text-tertiary)}.video-performance-hero{display:flex;flex-direction:column;gap:var(--space-2)}.lock-icon{opacity:.3}.video-performance-range-switcher{position:relative;display:inline-flex;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:2px}.video-performance-range-highlight{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / 3);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:0 1px 2px #00000014;transition:transform var(--transition-fast);transform:translate(calc(var(--vp-active-index) * 100%));z-index:0}.video-performance-range-button{position:relative;z-index:1;flex:1;border:none;background:transparent;padding:var(--space-2) var(--space-4);font-size:var(--font-small);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast);white-space:nowrap}.video-performance-range-button.active{color:var(--text-primary)}.video-performance-range-button.locked{display:inline-flex;align-items:center;gap:4px;color:var(--text-tertiary)}.video-performance-range-button.locked .lock-icon{opacity:.5}.video-performance-tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-tiny);box-shadow:0 4px 12px #0000001f}.video-performance-tooltip-date{color:var(--text-secondary);margin-bottom:2px}.video-performance-tooltip-value{color:var(--text-primary);font-weight:var(--weight-medium)}.recent-activity{gap:var(--space-3)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--font-small);color:var(--text-secondary)}.activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.activity-dot.pending{background:var(--warning)}.activity-dot.success{background:var(--success)}.activity-dot.info{background:var(--info)}.onboarding-checklist,.personal-best,.quick-link{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.onboarding-checklist{padding:var(--space-6)}.checklist-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.checklist-header h2{font-size:var(--font-h2);font-weight:600;margin:0}.checklist-progress-label{font-size:var(--font-small);font-weight:600;color:var(--text-secondary);white-space:nowrap}.checklist-progress-track{height:4px;background:var(--border-light);border-radius:999px;overflow:hidden;margin:var(--space-3) 0 var(--space-4)}.checklist-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.checklist-urgency{font-size:var(--font-small);color:var(--text-secondary);margin:0 0 var(--space-4)}.checklist-steps{display:flex;flex-direction:column;gap:var(--space-3)}.checklist-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md)}.checklist-step.pending{opacity:.55}.checklist-step-indicator{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-small);font-weight:700;background:var(--border-light);color:var(--text-tertiary)}.checklist-step-indicator.current{background:var(--accent);color:#fff}.checklist-step-indicator.done{background:var(--success);color:#0a0a0a}.checklist-step-body{flex:1;min-width:0}.checklist-step-body h3{font-size:var(--font-body);font-weight:600;margin:0 0 2px;color:var(--text-primary)}.checklist-step-body p{font-size:var(--font-small);color:var(--text-secondary);margin:0}.checklist-step-action{display:inline-block;margin-top:var(--space-3);font-size:var(--font-small);font-weight:600;color:var(--accent);text-decoration:none}.checklist-step-action:hover{text-decoration:underline}.checklist-step .video-embed-wrapper{margin-top:var(--space-3);max-width:480px}.video-embed-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--radius-md);overflow:hidden}.video-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.personal-best{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3);padding:var(--space-4) var(--space-6)}.personal-best--new{border-color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent);background:var(--bg-secondary);background:color-mix(in srgb,var(--success) 8%,var(--bg-secondary))}.personal-best-badge{flex-shrink:0;font-weight:700;font-size:var(--font-tiny);padding:5px 10px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.personal-best--new .personal-best-badge{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.personal-best-body{margin:0;font-size:var(--font-small);color:var(--text-primary);line-height:1.5}.clip-of-the-week-body a,.personal-best-body a{color:var(--accent);font-weight:600;text-decoration:none}.clip-of-the-week-body a:hover,.personal-best-body a:hover{text-decoration:underline}.primary-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px var(--space-6);background:var(--color-action-primary-bg);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.primary-action:hover{background:var(--color-action-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.quick-links{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:768px){.quick-links{grid-template-columns:repeat(2,1fr)}}.quick-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-color:var(--border-subtle);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.quick-link:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.quick-link-content h3{font-size:var(--font-body);font-weight:var(--weight-medium);margin:0 0 var(--space-1) 0}.quick-link-content p{font-size:var(--font-small);color:var(--text-secondary);margin:0}.quick-link-arrow{font-size:20px;color:var(--text-tertiary)}.reconnect-banner-inner,.payment-failed-banner,.clip-quota-banner,.twitch-link-required-banner{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-small);line-height:1.5}.payment-failed-banner,.clip-quota-banner,.twitch-link-required-banner{padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid transparent}.reconnect-banner{width:100%;background:var(--bg-secondary);background:color-mix(in srgb,var(--warning) 12%,var(--bg-secondary));border-bottom:1px solid var(--warning);border-bottom:1px solid color-mix(in srgb,var(--warning) 30%,transparent);padding:var(--space-3) 0;position:sticky;top:0;z-index:1000}.reconnect-banner-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-6);justify-content:space-between}.reconnect-message{font-size:var(--font-small);font-weight:var(--weight-medium);color:var(--text-primary)}.reconnect-actions{display:flex;align-items:center;gap:var(--space-3)}.reconnect-button{background:var(--warning);background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--text-primary);border:1px solid var(--warning);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);padding:6px 14px;border-radius:var(--radius-md);font-size:var(--font-tiny);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.reconnect-button:hover{background:var(--warning);background:color-mix(in srgb,var(--warning) 28%,transparent)}.reconnect-close{background:transparent;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;opacity:.7;padding:4px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.reconnect-close:hover{opacity:1}.payment-failed-banner{background:transparent;background:color-mix(in srgb,var(--danger) 8%,transparent);border-color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger);align-items:flex-start}.payment-failed-banner .banner-icon{font-size:18px;flex-shrink:0;margin-top:1px}.payment-failed-banner .banner-content{flex:1;color:var(--text-primary)}.payment-failed-banner .banner-link{display:inline-block;margin-left:var(--space-2);color:var(--danger);font-weight:600;text-decoration:none}.payment-failed-banner .banner-link:hover{text-decoration:underline}.clip-quota-banner .quota-icon{font-size:16px;flex-shrink:0}.clip-quota-banner .quota-content{flex:1;color:var(--text-primary)}.clip-quota-banner .quota-link{color:inherit;font-weight:600;text-decoration:none}.clip-quota-banner .quota-link:hover{text-decoration:underline}.clip-quota-banner .quota-cta-primary{display:inline-block;color:inherit;background:transparent;background:color-mix(in srgb,currentColor 16%,transparent);border:1px solid currentColor;border:1px solid color-mix(in srgb,currentColor 35%,transparent);padding:2px 10px;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.clip-quota-banner .quota-cta-primary:hover{background:color-mix(in srgb,currentColor 26%,transparent)}.clip-quota-banner .quota-cta-secondary{color:inherit;opacity:.75;font-weight:var(--weight-medium);text-decoration:none}.clip-quota-banner .quota-cta-secondary:hover{opacity:1;text-decoration:underline}.clip-quota-banner .quota-dismiss{background:transparent;border:none;color:var(--text-secondary);opacity:.6;cursor:pointer;font-size:var(--font-body);padding:4px;flex-shrink:0;transition:opacity var(--transition-fast)}.clip-quota-banner .quota-dismiss:hover{opacity:1}.clip-quota-banner.half{background:transparent;background:color-mix(in srgb,var(--info) 8%,transparent);border-color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent)}.clip-quota-banner.low{background:transparent;background:color-mix(in srgb,var(--warning) 8%,transparent);border-color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.clip-quota-banner.critical,.clip-quota-banner.at-cap{background:transparent;background:color-mix(in srgb,var(--danger) 8%,transparent);border-color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.twitch-link-required-banner{background:var(--bg-secondary);background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);gap:var(--space-4);padding:var(--space-6)}.twitch-link-banner-icon{flex-shrink:0;color:var(--accent);display:flex;align-items:center}.twitch-link-banner-body{flex:1}.twitch-link-banner-body strong{display:block;font-size:var(--font-h2);color:var(--text-primary);margin-bottom:var(--space-2)}.twitch-link-banner-body p{margin:0;font-size:var(--font-small);color:var(--text-secondary);line-height:1.5}.twitch-link-banner-button{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:var(--font-body);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.twitch-link-banner-button:hover{background:var(--accent-hover)}@media(max-width:600px){.twitch-link-required-banner{flex-direction:column;text-align:center}.twitch-link-banner-button{width:100%}}.sidebar{width:100%;background:var(--bg-secondary);border-right:none;border-bottom:1px solid var(--border-medium);padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));color:var(--text-primary);display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden;height:70px;position:fixed;top:0;left:0;z-index:var(--z-sidebar);box-shadow:0 2px 8px #0000001a;transition:var(--transition-layout)}@media(min-width:768px){.sidebar{width:250px;border-right:1px solid var(--border-medium);border-bottom:none;padding:32px 24px 24px;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100vh;box-shadow:none}}.sidebar-header{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px}@media(min-width:768px){.sidebar-header{margin-bottom:24px;flex-direction:column;align-items:stretch;gap:0}}.header-controls{display:flex;align-items:center;gap:8px;padding-right:16px}@media(min-width:768px){.header-controls{justify-content:flex-end;margin-top:8px;padding-right:0}}.logo{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0;gap:8px}@media(min-width:768px){.logo{justify-content:space-between;margin-bottom:8px;gap:0}}.logo-image{height:40px;width:auto;object-fit:contain}.logo h2{font-size:18px;margin:0;white-space:nowrap}@media(min-width:768px){.logo h2{font-size:24px}}.username{color:var(--muted-text);margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media(min-width:768px){.username{display:block;font-size:14px}}.nav-sections{flex:1;overflow-y:auto;overflow-x:hidden;display:none;flex-direction:column;gap:16px;min-height:0}@media(min-width:768px){.nav-sections{display:flex}}.nav-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-menu a{display:flex;align-items:center;gap:8px;padding:16px;color:var(--muted-text);text-decoration:none;border-radius:8px;font-weight:500;border-left:4px solid transparent;margin-left:-4px;position:relative;min-height:var(--touch-target-mobile);font-size:16px;transition:var(--transition-fast),var(--transition-transform)}.nav-menu a:hover{background:var(--bg);color:var(--text)}.nav-menu a.active{color:var(--accent);font-weight:700;border-left-color:var(--accent)}@media(min-width:768px){.nav-menu a{padding:10px 12px;min-height:var(--touch-target-min);font-size:14px}}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{white-space:nowrap}.sidebar-footer{flex-shrink:0;padding-top:0;border-top:none;display:none;flex-direction:row;gap:8px;align-items:center}@media(min-width:768px){.sidebar-footer{display:flex;padding-top:16px;border-top:1px solid var(--border);flex-direction:column}}.plan-badge{padding:6px 8px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;white-space:nowrap}@media(min-width:768px){.plan-badge{padding:8px 12px;border-radius:6px;font-size:12px}}.plan-badge.hobby,.plan-badge.free{background:#f3f4f6;color:#374151}.plan-badge.creator,.plan-badge.starter{background:#d1fae5;color:#065f46}.plan-badge.brand,.plan-badge.pro{background:#dbeafe;color:#1e3a8a}[data-theme=dark] .plan-badge.hobby,[data-theme=dark] .plan-badge.free{background:#374151;color:#d1d5db}[data-theme=dark] .plan-badge.creator,[data-theme=dark] .plan-badge.starter{background:#064e3b;color:#6ee7b7}[data-theme=dark] .plan-badge.brand,[data-theme=dark] .plan-badge.pro{background:#1e3a8a;color:#93c5fd}.discord-link{width:auto;padding:8px 12px;background:#eef0fe;border:1px solid #b3b9f9;border-radius:4px;color:#4145b3;cursor:pointer;font-size:12px;font-weight:500;min-height:36px;white-space:nowrap;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.discord-link:hover{background:#dee0fc;border-color:#5865f2}@media(min-width:768px){.discord-link{width:100%;padding:12px;border-radius:6px;font-size:14px;min-height:var(--touch-target-min);margin-bottom:8px}}[data-theme=dark] .discord-link{background:#2a2c5e;border-color:#5865f2;color:#b3b9f9}[data-theme=dark] .discord-link:hover{background:#383b7a;border-color:#7982f6}.logout-button{width:auto;padding:8px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;color:#991b1b;cursor:pointer;font-size:12px;font-weight:500;min-height:36px;white-space:nowrap;transition:var(--transition-fast)}.logout-button:hover{background:#fee2e2;border-color:#f87171}@media(min-width:768px){.logout-button{width:100%;padding:12px;border-radius:6px;font-size:14px;min-height:var(--touch-target-min)}}[data-theme=dark] .logout-button{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .logout-button:hover{background:#991b1b;border-color:#dc2626}.mobile-nav-toggle{display:block;background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px;border-radius:4px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:var(--transition-fast)}.mobile-nav-toggle:hover{background:var(--bg)}.mobile-nav-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-mobile-overlay);transition:var(--transition-opacity)}.mobile-nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-medium);z-index:var(--z-mobile-nav);max-height:calc(100vh - 70px);overflow-y:auto;padding:16px;box-shadow:0 4px 12px #00000026}@media(min-width:768px){.mobile-nav-toggle,.mobile-nav-overlay,.mobile-nav-menu{display:none}}.help-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #667eea66;z-index:var(--z-help-fab);display:flex;align-items:center;justify-content:center;transition:var(--transition-transform),box-shadow .3s cubic-bezier(.4,0,.2,1)}.help-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.help-fab:active{transform:scale(.95)}.help-widget{position:fixed;bottom:96px;right:24px;width:360px;max-width:calc(100vw - 48px);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #00000026;z-index:var(--z-help-widget);overflow:hidden;animation:slideUpFade .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-widget-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-widget-header h3{margin:0;font-size:18px;font-weight:600}.help-widget-close{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:20px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast),transform .2s}.help-widget-close:hover{background:#ffffff4d;transform:rotate(90deg)}.help-widget-body{padding:20px}.tutorial-video-container{margin-bottom:20px}.video-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:16px;font-weight:600;position:relative;overflow:hidden;transition:var(--transition-transform)}.video-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;opacity:0;transition:var(--transition-opacity)}.video-placeholder:hover:before{opacity:1}.video-placeholder:hover{transform:scale(1.02)}.play-icon{width:60px;height:60px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-steps{display:flex;flex-direction:column;gap:12px}.help-step{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:8px;font-size:14px;color:var(--text)}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}[data-theme=dark] .help-widget{box-shadow:0 20px 40px #0006}.mobile-nav-button{display:flex;align-items:center;gap:8px;padding:16px;color:var(--muted-text);background:none;border:none;border-radius:8px;transition:all .15s ease-in-out;font-weight:500;border-left:4px solid transparent;margin-left:-4px;min-height:52px;font-size:16px;width:100%;text-align:left;cursor:pointer}.mobile-nav-separator{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.mobile-discord-link{display:block;width:100%;padding:12px;background:#eef0fe;border:1px solid #b3b9f9;border-radius:6px;color:#4145b3;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;text-align:center;text-decoration:none;box-sizing:border-box;margin-bottom:8px}[data-theme=dark] .mobile-discord-link{background:#2a2c5e;border-color:#5865f2;color:#b3b9f9}.mobile-logout-button{width:100%;padding:12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;cursor:pointer;font-size:14px;font-weight:500;min-height:44px}.subscription-required-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.subscription-required-title{margin-bottom:1rem}.subscription-required-description{max-width:500px;margin-bottom:2rem;color:#ffffffb3}.subscription-required-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.subscription-required-primary-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.subscription-required-secondary-btn{padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:1rem}.subscription-required-tertiary-btn{padding:.75rem 1.5rem;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:1rem}.subscription-required-primary-btn:hover,.subscription-required-secondary-btn:hover,.subscription-required-tertiary-btn:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}
