.landing{min-height:100vh;display:flex;flex-direction:column}.landing-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-3xl) var(--space-xl);background:var(--gradient-hero);position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.landing-content{max-width:800px;text-align:center;position:relative;z-index:1}.landing-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em}.landing-title{font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg)}.landing-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl)}.channel-entry-form{margin-top:var(--space-xl);width:100%;max-width:600px}.channel-input-group{display:flex;gap:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);transition:all var(--transition-normal)}.channel-input-group:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.channel-input{flex:1;background:transparent;border:none;padding:var(--space-md);font-size:var(--font-size-md);color:var(--color-text-primary)}.channel-input::placeholder{color:var(--color-text-muted)}.channel-input:focus{outline:none}.channel-entry-form .btn-primary{white-space:nowrap;padding:var(--space-md) var(--space-lg)}.url-formats{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.error-message{margin-top:var(--space-md);padding:var(--space-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.channel-preview-card{margin-top:var(--space-xl);background:var(--color-bg-secondary);border:2px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--space-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:600;color:var(--color-success);margin-bottom:var(--space-lg)}.check-icon{width:24px;height:24px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.channel-preview-content{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.channel-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent-primary)}.channel-details{text-align:left}.channel-details h3{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.channel-handle{color:var(--color-text-secondary);font-size:var(--font-size-md);display:block;margin-bottom:var(--space-xs)}.channel-link{font-size:var(--font-size-sm);color:var(--color-accent-primary);text-decoration:none}.channel-link:hover{text-decoration:underline}.btn-continue{width:100%}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:1000px;margin-top:var(--space-3xl);position:relative;z-index:1}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.landing-footer{padding:var(--space-lg);text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.landing-loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);color:var(--color-text-secondary)}@media (max-width: 640px){.landing-title{font-size:var(--font-size-3xl)}.landing-subtitle{font-size:var(--font-size-lg)}.channel-input-group{flex-direction:column}.channel-entry-form .btn-primary{width:100%}.channel-preview-content{flex-direction:column;text-align:center}.channel-details{text-align:center}.btn-large{width:100%}}.plan-selection{min-height:100vh;padding:var(--space-2xl) var(--space-xl);background:var(--gradient-hero)}.channel-reminder{display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);max-width:400px;margin:0 auto var(--space-2xl)}.reminder-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.reminder-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.reminder-channel{display:block;font-weight:600;color:var(--color-text-primary)}.plan-header{text-align:center;margin-bottom:var(--space-2xl)}.plan-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.plan-header p{color:var(--color-text-secondary);font-size:var(--font-size-xl)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:1100px;margin:0 auto}.plan-card{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-normal);position:relative}.plan-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px)}.plan-card.selected{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.plan-card.highlight{border-color:var(--color-accent-primary)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.plan-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.plan-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.plan-price{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-features{list-style:none;margin-bottom:var(--space-xl)}.plan-features li{padding:var(--space-sm) 0;color:var(--color-text-secondary)}.plan-card button{width:100%;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);border:none;cursor:pointer}.plan-card .btn-primary{background:var(--gradient-primary);color:#fff}.plan-card .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.continue-section{text-align:center;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);max-width:400px;margin-left:auto;margin-right:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.continue-section .btn-primary{padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-lg);background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:all var(--transition-normal)}.continue-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #6366f14d}@media (max-width: 640px){.plan-header h1{font-size:var(--font-size-3xl)}.plans-grid{grid-template-columns:1fr}}.google-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.auth-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:480px;text-align:center}.auth-header{margin-bottom:var(--space-xl)}.auth-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.auth-header p{color:var(--color-text-secondary)}.channel-confirmation{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.channel-confirmation .channel-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.channel-confirmation .channel-info{text-align:left}.channel-confirmation h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.channel-confirmation .channel-handle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-lg);background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.error-message{margin-top:var(--space-md);padding:var(--space-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:left}.auth-info{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.info-item{display:flex;align-items:flex-start;gap:var(--space-sm);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.info-item:last-child{margin-bottom:0}.btn-text{margin-top:var(--space-xl);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.btn-text:hover{color:var(--color-text-primary)}.terms-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.terms-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:600px}.terms-card.loading{text-align:center;padding:var(--space-3xl)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}.terms-header{text-align:center;margin-bottom:var(--space-2xl)}.success-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:#22c55e1a;border:1px solid var(--color-success);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-md)}.terms-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.terms-header p{color:var(--color-text-secondary)}.user-info{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.terms-section{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.terms-section.optional{border-style:dashed;opacity:.9}.terms-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.terms-content{margin-bottom:var(--space-lg)}.terms-content p{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.terms-content a{font-size:var(--font-size-sm);font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--color-accent-primary);cursor:pointer}.checkbox-label span{font-weight:500}.terms-actions{margin-top:var(--space-xl)}.terms-actions button{width:100%}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.notification-email-section{border-color:var(--color-accent-primary);border-width:2px}.email-input-group{display:flex;gap:var(--space-sm);align-items:center}.email-input{flex:1;padding:var(--space-md);font-size:var(--font-size-base);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.email-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(var(--color-accent-primary-rgb),.1)}.email-input::placeholder{color:var(--color-text-muted)}.email-display{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.email-verified{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-weight:500}.verified-icon{color:var(--color-success);font-weight:700}.btn-text-small{background:none;border:none;color:var(--color-accent-primary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm)}.btn-text-small:hover{text-decoration:underline}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.success-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);width:100%;max-width:600px;text-align:center}.success-icon{font-size:5rem;margin-bottom:var(--space-lg)}.success-card h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);font-size:var(--font-size-lg)}.next-steps{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:left}.next-steps ol{list-style:none}.step-number{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.success-card button{min-width:200px}.failed-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.failed-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);width:100%;max-width:600px;text-align:center}.failed-icon{font-size:5rem;margin-bottom:var(--space-lg)}.failed-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-accent-warning)}.failed-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.failure-reasons{text-align:left;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);list-style:disc;padding-left:var(--space-2xl)}.failure-reasons li{color:var(--color-text-secondary);padding:var(--space-sm) 0;font-size:var(--font-size-sm)}.help-section{text-align:left;background:var(--color-bg-tertiary);border:1px solid var(--color-accent-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.help-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--color-accent-secondary)}.help-section p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.failed-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.failed-actions button{min-width:160px}.progress-stages{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:500px}.progress-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.progress-ring-small{width:64px;height:64px;position:relative;flex-shrink:0}.progress-ring-small svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-small .progress-ring-bg{fill:none;stroke:var(--color-border);stroke-width:6}.progress-ring-small .progress-ring-fill{fill:none;stroke:var(--color-accent-primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-percent-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:700;color:var(--color-accent-primary)}.progress-text{flex:1}.progress-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-xs) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.stage-compact,.stages-expanded{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-md)}.stages-list{margin-bottom:var(--space-md)}.stage-item.complete{opacity:.7}.stage-icon{width:36px;height:36px;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);flex-shrink:0;transition:all var(--transition-normal)}.stage-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}.stage-info{flex:1;min-width:0}.stage-name{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.current-label{font-size:var(--font-size-xs);font-weight:400;color:var(--color-accent-primary);animation:pulse-text 1.5s ease-in-out infinite}.complete-label{font-size:var(--font-size-xs);font-weight:400;color:var(--color-success)}.stage-progress-bar{flex:1;height:4px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.stage-count{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:40px;text-align:right}.expand-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.expand-toggle:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.toggle-icon{font-size:var(--font-size-xs);transition:transform var(--transition-normal)}.stage-compact .stage-item{margin-bottom:0}.generation-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.generation-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);width:100%;max-width:600px;text-align:center}.generation-header{margin-bottom:var(--space-2xl)}.progress-ring{width:120px;height:120px;margin:0 auto var(--space-xl);position:relative}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.progress-ring-fill{fill:none;stroke:url(#gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-fill{stroke:var(--color-accent-primary)}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-2xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generation-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generation-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md)}.stages-list{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.stage-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-normal)}.stage-item:not(:last-child){margin-bottom:var(--space-sm)}.stage-item.in-progress{background:#6366f11a}.stage-item.complete{opacity:.8}.stage-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0;transition:all var(--transition-normal)}.stage-icon.complete{background:var(--color-success);border-color:var(--color-success);color:#fff}.stage-icon.current{background:#6366f126;border-color:var(--color-accent-primary)}.stage-spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}.stage-item.current{background:#6366f11a}.stage-item.current .stage-name{color:var(--color-accent-primary)}.current-label{font-size:var(--font-size-xs);font-weight:400;color:var(--color-accent-primary);margin-left:var(--space-sm);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.stage-progress-fill.pulsing{animation:pulse-bar 1.5s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.7}}.stage-info{flex:1;text-align:left}.stage-name{font-weight:600;margin-bottom:var(--space-xs)}.stage-progress{display:flex;align-items:center;gap:var(--space-sm)}.stage-progress-bar{flex:1;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.stage-progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s ease}.stage-count{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:50px;text-align:right}.cost-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.cost-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cost-value{font-weight:600;color:var(--color-text-primary)}.generation-footer{border-top:1px solid var(--color-border);padding-top:var(--space-xl)}.footer-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);border:none;cursor:pointer}@media (max-width: 640px){.generation-card{padding:var(--space-xl)}.progress-ring{width:100px;height:100px}.progress-percent{font-size:var(--font-size-xl)}}.publishing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-hero)}.publishing-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3xl);width:100%;max-width:550px;text-align:center}.publishing-card.success{border-color:var(--color-success);box-shadow:0 0 40px #10b98126}.status-icon{font-size:4rem;margin-bottom:var(--space-lg)}.status-icon.success{animation:bounce .6s ease-out}.status-icon.error{animation:shake .5s ease-in-out}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.publishing-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.publishing-card.success h1{background:linear-gradient(135deg,var(--color-success),#34d399);-webkit-background-clip:text;background-clip:text}.success-text{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-xl)}.error-text{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.store-link{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;margin-bottom:var(--space-md)}.publishing-footer{margin-top:var(--space-xl);border-top:1px solid var(--color-border);padding-top:var(--space-xl)}.footer-note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;margin:0 auto var(--space-lg);animation:spin 1s linear infinite}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);border:none;cursor:pointer;display:inline-block}@media (max-width: 640px){.publishing-card{padding:var(--space-xl)}}.review-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.review-loading,.review-error,.review-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl)}.error-icon,.empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.review-header{background:var(--gradient-hero);padding:var(--space-2xl) var(--space-xl);border-bottom:1px solid var(--color-border)}.header-content{text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.header-content h1{font-size:var(--font-size-3xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.header-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.review-stats{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.stat{text-align:center;padding:var(--space-md) var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-width:100px}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat.approved .stat-value{color:var(--color-success)}.stat.rejected .stat-value{color:var(--color-error)}.stat.pending .stat-value{color:var(--color-warning)}.review-main{flex:1;padding:var(--space-2xl) var(--space-xl)}.candidates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl);max-width:1400px;margin:0 auto}.candidate-card{background:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.candidate-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.candidate-card.approved{border-color:var(--color-success)}.candidate-card.rejected{border-color:var(--color-error)}.candidate-card.locked_for_publish{border-color:var(--color-accent-primary)}.status-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;z-index:1}.status-badge.approved{background:var(--color-success);color:#fff}.status-badge.rejected{background:var(--color-error);color:#fff}.status-badge.locked{background:var(--color-accent-primary);color:#fff}.card-image{aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary)}.card-title-row{padding:var(--space-md) var(--space-lg)}.card-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-image-link{display:block;width:100%;height:100%;cursor:pointer;text-decoration:none;color:inherit}.card-image-link:focus-visible{outline:3px solid var(--color-accent-primary);outline-offset:-3px}.card-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-text-muted)}.card-content{padding:0 var(--space-lg) var(--space-lg)}.warning-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--font-size-xs);margin-top:var(--space-sm)}.risk-flags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.risk-flag{font-size:var(--font-size-xs);padding:2px 6px;background:#ef44441a;border-radius:var(--radius-sm);color:var(--color-error)}.card-actions{padding:var(--space-md) var(--space-lg)}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.btn-approve,.btn-reject{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-normal)}.btn-approve{background:var(--color-success);color:#fff}.btn-approve:hover:not(:disabled){filter:brightness(.95)}.btn-reject{background:var(--color-error);color:#fff}.btn-reject:hover:not(:disabled){filter:brightness(.95)}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.review-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-xl);position:sticky;bottom:0}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.selection-summary p{margin:0;color:var(--color-text-secondary)}.selection-summary strong{color:var(--color-accent-primary)}.risk-warning{color:var(--color-warning);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.btn-primary{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);border:none;cursor:pointer;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}@media (max-width: 768px){.review-stats{gap:var(--space-sm)}.stat{min-width:70px;padding:var(--space-sm) var(--space-md)}.stat-value{font-size:var(--font-size-xl)}.footer-content{flex-direction:column;text-align:center}.btn-large{width:100%}}.detail-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.detail-loading,.detail-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl)}.error-icon{font-size:4rem;margin-bottom:var(--space-lg)}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.back-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.header-actions{display:flex;gap:var(--space-sm)}.btn-action{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-action.approve{background:var(--color-success);color:#fff}.btn-action.approve:hover{filter:brightness(1.1)}.btn-action.approve.active{filter:brightness(.9);box-shadow:inset 0 2px 4px #0003}.btn-action.reject{background:var(--color-error);color:#fff}.btn-action.reject:hover{filter:brightness(1.1)}.btn-action.reject.active{filter:brightness(.9);box-shadow:inset 0 2px 4px #0003}.btn-action:disabled{opacity:.5;cursor:not-allowed}.locked-badge{padding:var(--space-sm) var(--space-lg);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.detail-main{flex:1;padding:var(--space-2xl);max-width:1200px;margin:0 auto;width:100%}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.image-section{display:flex;flex-direction:column;gap:var(--space-xl)}.main-image{background:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1;transition:border-color var(--transition-normal)}.main-image.approved{border-color:var(--color-success)}.main-image.rejected{border-color:var(--color-error)}.main-image img{width:100%;height:100%;object-fit:contain}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted)}.image-placeholder span{font-size:5rem;margin-bottom:var(--space-md)}.design-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.design-preview h4{margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.design-preview img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md)}.info-section{display:flex;flex-direction:column;gap:var(--space-xl)}.status-banner{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:600;text-align:center}.status-banner[data-status=approved]{background:#10b9811a;color:var(--color-success);border:1px solid var(--color-success)}.status-banner[data-status=rejected]{background:#ef44441a;color:var(--color-error);border:1px solid var(--color-error)}.status-banner[data-status=locked_for_publish]{background:#6366f11a;color:var(--color-accent-primary);border:1px solid var(--color-accent-primary)}.status-banner:not([data-status=approved]):not([data-status=rejected]):not([data-status=locked_for_publish]){background:#f59e0b1a;color:var(--color-warning);border:1px solid var(--color-warning)}.listing-title{font-size:var(--font-size-2xl);margin:0}.product-type{color:var(--color-accent-primary);font-size:var(--font-size-lg);margin:0}.tags-section h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.risk-section{background:#f59e0b0d;border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-lg)}.risk-section h4{color:var(--color-warning);margin-bottom:var(--space-md)}.warning-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.risk-section ul{margin:0;padding-left:var(--space-lg)}.risk-section li{color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.review-reasons,.risk-flags,.compliance-notes{margin-bottom:var(--space-md)}.compliance-notes p:last-child{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm)}.detail-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.btn-secondary{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-normal)}.footer-actions{display:flex;gap:var(--space-md)}.btn-action-lg{padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-action-lg.approve{background:var(--color-success);color:#fff}.btn-action-lg.approve:hover{filter:brightness(1.1)}.btn-action-lg.approve.active{filter:brightness(.9);box-shadow:inset 0 2px 4px #0003}.btn-action-lg.reject{background:var(--color-error);color:#fff}.btn-action-lg.reject:hover{filter:brightness(1.1)}.btn-action-lg.reject.active{filter:brightness(.9);box-shadow:inset 0 2px 4px #0003}.btn-action-lg:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);border:none;cursor:pointer;background:var(--gradient-primary);color:#fff;text-decoration:none;display:inline-block}@media (max-width: 900px){.detail-content{grid-template-columns:1fr}.detail-footer{flex-direction:column;gap:var(--space-lg);text-align:center}.footer-actions{width:100%;flex-direction:column}.btn-action-lg{width:100%}}.submit-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.submit-loading,.submit-empty,.submit-success{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl);max-width:600px;margin:0 auto}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;margin-bottom:var(--space-lg);animation:spin 1s linear infinite}.empty-icon,.success-icon{font-size:5rem;margin-bottom:var(--space-lg)}.submit-success h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.submit-success>p,.submit-empty>p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);font-size:var(--font-size-lg)}.next-steps{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:left;width:100%}.next-steps h2{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);text-align:center}.next-steps ol{list-style:none;padding:0;margin:0}.next-steps li{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.next-steps li:last-child{margin-bottom:0}.step-number{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;color:#fff}.next-steps li strong{display:block;margin-bottom:var(--space-xs)}.next-steps li p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.notification-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.submit-header{background:var(--gradient-hero);padding:var(--space-2xl);border-bottom:1px solid var(--color-border);text-align:center}.back-link{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-weight:500;margin-bottom:var(--space-lg);transition:color var(--transition-normal)}.back-link:hover{color:var(--color-accent-primary)}.submit-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.submit-header p{color:var(--color-text-secondary)}.submit-main{flex:1;padding:var(--space-2xl);max-width:900px;margin:0 auto;width:100%}.approved-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-xl)}.summary-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.summary-header h2{margin:0;font-size:var(--font-size-lg)}.approved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--color-border)}.approved-item{background:var(--color-bg-primary);padding:var(--space-md);display:flex;gap:var(--space-md);align-items:center}.item-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.item-title{font-weight:500;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-type{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.item-warning{font-size:var(--font-size-xs);color:var(--color-warning)}.risk-acknowledgement{background:#f59e0b0d;border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-xl)}.risk-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.risk-icon{font-size:var(--font-size-xl)}.risk-header h3{margin:0;color:var(--color-warning)}.risk-acknowledgement>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--color-accent-primary);flex-shrink:0}.checkbox-text{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.error-message{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.submit-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);border:none;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 60px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.btn-large{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-lg)}@media (max-width: 640px){.submit-footer{flex-direction:column;gap:var(--space-lg)}.btn-secondary,.btn-large{width:100%;text-align:center}}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:var(--space-xl)}.signin-card{width:100%;max-width:420px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-elevated)}.signin-header{text-align:center;margin-bottom:var(--space-2xl)}.signin-header .logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.signin-header .logo-icon{font-size:2.5rem}.signin-header .logo-text{font-size:var(--font-size-2xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signin-header h1{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--space-xs)}.signin-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.signin-content{display:flex;flex-direction:column;gap:var(--space-lg)}.error-message{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.error-icon{flex-shrink:0}.info-message{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#6366f11a;border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);color:var(--color-accent-primary);font-size:var(--font-size-sm)}.info-icon{flex-shrink:0}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.google-signin-button:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-muted);transform:translateY(-1px)}.google-signin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon{flex-shrink:0}.signin-footer{margin-top:var(--space-2xl);text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.signin-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.onboarding-link{color:var(--color-accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.onboarding-link:hover{color:var(--color-accent-primary-hover);text-decoration:underline}.dashboard-page{min-height:calc(100vh - 60px);padding:var(--space-xl) var(--space-lg);background:var(--color-bg-primary)}.dashboard-content{max-width:900px;margin:0 auto}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.error-icon,.empty-icon{font-size:3rem}.error-state button,.empty-state button{padding:var(--space-sm) var(--space-lg);background:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background var(--transition-fast)}.error-state button:hover,.empty-state button:hover{background:var(--color-accent-primary-hover)}.channel-section{margin-bottom:var(--space-xl)}.channel-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.channel-avatar{flex-shrink:0}.channel-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2rem}.channel-info{flex:1}.channel-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.channel-handle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.channel-actions{display:flex;gap:var(--space-sm)}.action-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.action-link.youtube{background:#ff00001a;color:red;border:1px solid rgba(255,0,0,.2)}.action-link.youtube:hover{background:#f003}.action-link.store{background:#6366f11a;color:var(--color-accent-primary);border:1px solid rgba(99,102,241,.2)}.action-link.store:hover{background:#6366f133}.action-link .icon{font-size:.9em}.metrics-section{margin-bottom:var(--space-xl)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.metric-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.metric-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary)}.metric-value.muted{color:var(--color-text-tertiary)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.runs-section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.empty-runs{padding:var(--space-xl);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.empty-runs p{color:var(--color-text-secondary);margin:0}.runs-list{display:flex;flex-direction:column;gap:var(--space-sm)}.run-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.run-card:hover{border-color:var(--color-text-tertiary)}.run-info{display:flex;flex-direction:column;gap:var(--space-xs)}.run-header{display:flex;align-items:center;gap:var(--space-md)}.run-date{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.run-details{display:flex;align-items:center;gap:var(--space-md)}.run-channel{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.run-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-queued{background:#94a3b833;color:#94a3b8}.status-running{background:#3b82f633;color:#3b82f6}.status-review{background:#f59e0b33;color:#f59e0b}.status-submitted{background:#10b98133;color:#10b981}.status-failed{background:#ef444433;color:#ef4444}.status-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.run-actions{flex-shrink:0}.action-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.action-btn.primary{background:var(--color-accent-primary);color:#fff}.action-btn.primary:hover{background:var(--color-accent-primary-hover)}.action-btn.secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.action-btn.secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 768px){.dashboard-page{padding:var(--space-md)}.channel-card{flex-direction:column;text-align:center}.channel-actions{flex-wrap:wrap;justify-content:center}.metrics-grid{grid-template-columns:1fr}.run-card{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.run-actions,.action-btn{width:100%}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.header-logo .logo-icon{font-size:1.5rem}.header-logo .logo-text{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text-primary)}.header-user{display:flex;align-items:center;gap:var(--space-md)}.user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sign-out-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.sign-out-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.app{min-height:100vh;display:flex;flex-direction:column}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-primary)}.app-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.app-loading p{color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-bg-primary: #0a0f1a;--color-bg-secondary: #0f1629;--color-bg-tertiary: #161d35;--color-bg-elevated: #1c2545;--color-accent-primary: #6366f1;--color-accent-primary-hover: #818cf8;--color-accent-secondary: #06b6d4;--color-accent-success: #10b981;--color-accent-warning: #f59e0b;--color-accent-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1e293b;--color-border-focus: #6366f1;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero: linear-gradient(180deg, #0a0f1a 0%, #1e1b4b 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}::selection{background-color:var(--color-accent-primary);color:#fff}