.landing{--_bg: #121414;--_bg-card: #1c1f1f;--_text: #E4E7E4;--_text-secondary: #949C94;--_accent: #94B69B;--_accent-hover: #A8C4AE;--_border: rgba(255, 255, 255, .06);--_border-strong: rgba(255, 255, 255, .12);--_gold: #D4AF37;--_gold-hover: #e5c75a;--_success: #82C285;--_error: #E57373;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#1c2e21 0%,var(--_bg) 50%);color:var(--_text)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;width:100%;margin:0 auto}.landing-logo{height:28px;opacity:.9}.landing-signin{color:var(--_text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;border:1px solid var(--_border-strong);border-radius:var(--radius-md, 8px);transition:all .2s ease;text-decoration:none}.landing-signin:hover{color:var(--_text);border-color:var(--_accent);background:#94b69b14}.landing-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 2rem 4rem}.landing-content{max-width:720px;text-align:center}.landing-title{font-size:3.5rem;font-weight:700;line-height:1.08;letter-spacing:-.025em;margin-bottom:1.5rem;color:var(--_text)}.landing-highlight{color:var(--_accent)}.landing-subtitle{font-size:1.2rem;color:var(--_text-secondary);line-height:1.6;max-width:580px;margin:0 auto 2.5rem}.landing-subtitle strong{color:var(--_text);font-weight:500}.search-preview-container{width:100%;max-width:600px;margin:0 auto;position:relative}.channel-entry-form{position:relative;z-index:2}.channel-input-group{display:flex;gap:.5rem;background:var(--_bg-card);border:1px solid var(--_border);border-radius:1rem;padding:.35rem;box-shadow:0 10px 30px #00000080;transition:border-color .2s ease,border-radius .2s ease}.channel-input-group:focus-within{border-color:#94b69b4d}.channel-input-group.has-result{border-radius:1rem 1rem 0 0;border-bottom-color:transparent;box-shadow:0 -4px 30px #0000004d}.channel-input-group.has-result .channel-input,.channel-input-group.has-result .btn-gold{opacity:.15;filter:grayscale(1);pointer-events:none;transition:opacity .4s ease,filter .4s ease}.channel-input{flex:1;background:transparent;border:none;padding:.875rem 1rem;font-size:1rem;color:var(--_text)}.channel-input::placeholder{color:var(--_text-secondary);opacity:.7}.channel-input:focus{outline:none}.btn-gold{white-space:nowrap;padding:.875rem 1.75rem;background:transparent;color:var(--_accent);font-weight:600;font-size:.95rem;border:1px solid rgba(148,182,155,.4);border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:none}.btn-gold:hover:not(:disabled){background:#94b69b1f;border-color:var(--_accent);color:var(--_accent-hover);transform:none;box-shadow:none}.btn-gold:disabled{opacity:.3;cursor:not-allowed}.powered-by{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;opacity:.2;filter:grayscale(1);font-size:.75rem;letter-spacing:.03em}.powered-by-label{color:var(--_text-secondary);text-transform:uppercase;font-size:.65rem;letter-spacing:.1em}.powered-by-name{color:var(--_text);font-weight:600}.powered-by-sep{color:var(--_text-secondary)}.error-message{margin-top:.75rem;padding:.75rem 1rem;background:#e573731a;border:1px solid rgba(229,115,115,.3);border-radius:var(--radius-md, 8px);color:var(--_error);font-size:.875rem}.channel-preview-card{background:var(--_bg-card);border:1px solid rgba(132,169,140,.2);border-top:none;border-radius:0 0 1rem 1rem;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:revealCard .25s ease-out;position:relative;z-index:1}@keyframes revealCard{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.channel-found-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--_accent);margin-bottom:1rem}.check-icon{width:18px;height:18px;background:var(--_accent);color:#121414;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.channel-preview-content{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.channel-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--_accent)}.channel-details{text-align:left}.channel-details h3{font-size:1.1rem;margin-bottom:.15rem;color:var(--_text)}.channel-handle{color:var(--_text-secondary);font-size:.85rem;display:block}.btn-verify-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--_gold),#c9a02e);color:#121414;font-weight:600;font-size:1.05rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #d4af3740}.btn-verify-google:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #d4af3759;background:linear-gradient(135deg,var(--_gold-hover),var(--_gold))}.btn-verify-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:20px;height:20px;flex-shrink:0}.btn-change-channel{display:block;margin:.75rem auto 0;background:none;border:none;color:var(--_text-secondary);font-size:.85rem;cursor:pointer;padding:.25rem;transition:color .2s ease}.btn-change-channel:hover{color:var(--_text)}.landing.channel-found:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10;animation:fadeIn .4s ease}.landing.channel-found .search-preview-container{position:relative;z-index:11}.landing-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;width:100%;margin:0 auto;padding:0 2rem 5rem}.pillar-card{background:var(--_bg-card);border:1px solid var(--_border);border-radius:1rem;padding:2rem;transition:transform .3s ease,border-color .3s ease}.pillar-card:hover{transform:translateY(-4px);border-color:#94b69b33}.pillar-number{font-size:1.1rem;font-weight:700;color:var(--_accent);margin-bottom:.75rem;opacity:.7}.pillar-card h3{font-size:1.15rem;font-weight:600;color:var(--_text);margin-bottom:.5rem}.pillar-card p{font-size:.9rem;color:var(--_text-secondary);line-height:1.55}.learn-more{text-align:center;margin-top:-2rem;padding-bottom:3rem;font-size:.85rem;color:var(--_accent);opacity:.7;cursor:pointer;transition:opacity .2s ease}.learn-more:hover{opacity:1}.landing-footer{padding:1.5rem 2rem;text-align:center;font-size:.8rem;color:var(--_text-secondary);opacity:.5;border-top:1px solid var(--_border)}.landing-loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:var(--_text-secondary)}@media (max-width: 768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.05rem}.landing-pillars{grid-template-columns:repeat(2,1fr);padding:0 1.5rem 3rem}}@media (max-width: 640px){.landing-nav{padding:1rem 1.25rem}.landing-hero{padding:1.5rem 1.25rem 3rem}.landing-title{font-size:2rem}.landing-subtitle{font-size:.95rem}.channel-input-group{flex-direction:column}.channel-input-group.has-result{border-radius:1rem 1rem 0 0}.btn-gold{width:100%}.channel-preview-content{flex-direction:column;text-align:center}.channel-details{text-align:center}}.plan-summary{--_bg: #121414;--_bg-card: #1c1f1f;--_text: #E4E7E4;--_text-secondary: #949C94;--_text-muted: #6b736b;--_accent: #94B69B;--_accent-hover: #A8C4AE;--_border: rgba(255, 255, 255, .06);--_border-strong: rgba(255, 255, 255, .12);--_gold: #D4AF37;--_gold-hover: #e5c75a;--_success: #82C285;--_error: #E57373;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at top,#1c2e21 0%,var(--_bg) 50%);color:var(--_text)}.plan-summary__container{width:100%;max-width:640px}.plan-summary__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--_text-secondary);min-height:200px}.plan-summary__spinner{width:48px;height:48px;border:3px solid var(--_border-strong);border-top-color:var(--_accent);border-radius:50%;animation:planSummarySpin 1s linear infinite}@keyframes planSummarySpin{to{transform:rotate(360deg)}}.plan-summary__header{text-align:center;margin-bottom:2.5rem}.plan-summary__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem 1rem;background:#82c2851a;border:1px solid var(--_success);border-radius:9999px;color:var(--_success);font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.plan-summary__title{font-size:2.25rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--_text)}.plan-summary__subtitle{font-size:1.1rem;color:var(--_text-secondary);line-height:1.5}.plan-summary__model{background:var(--_bg-card);border:1px solid var(--_border);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem}.plan-summary__section-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--_accent);margin-bottom:1.25rem;opacity:.8}.plan-summary__checklist{list-style:none;padding:0;margin:0}.plan-summary__check-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:var(--_text);font-size:.95rem;line-height:1.5}.plan-summary__check-icon{width:20px;height:20px;background:var(--_accent);color:#121414;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;margin-top:2px}.plan-summary__example{background:var(--_bg-card);border:1px solid var(--_border);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem}.plan-summary__example-heading{font-size:.95rem;font-weight:600;margin-bottom:1.25rem;color:var(--_text)}.plan-summary__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:var(--_text-secondary);border-bottom:1px solid var(--_border)}.plan-summary__row:last-child{border-bottom:none}.plan-summary__amount{font-weight:500;color:var(--_text)}.plan-summary__row--subtotal{border-bottom:1px solid var(--_border-strong);padding-bottom:.75rem;margin-bottom:.25rem;font-weight:500;color:var(--_text)}.plan-summary__row--profit{font-weight:600;color:var(--_text);padding-top:.75rem;border-top:1px solid var(--_border-strong);border-bottom:none}.plan-summary__amount--profit{color:var(--_success);font-weight:700}.plan-summary__email-section{background:var(--_bg-card);border:2px solid var(--_accent);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem}.plan-summary__email-heading{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--_text)}.plan-summary__email-description{font-size:.875rem;color:var(--_text-secondary);margin-bottom:1rem}.plan-summary__email-input-group{display:flex;gap:.5rem;align-items:center}.plan-summary__email-input{flex:1;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;background:var(--_bg);border:1px solid var(--_border-strong);border-radius:.5rem;color:var(--_text)}.plan-summary__email-input:focus{outline:none;border-color:var(--_accent)}.plan-summary__email-input::placeholder{color:var(--_text-muted)}.plan-summary__email-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--_bg);border:1px solid var(--_border-strong);border-radius:.5rem}.plan-summary__email-verified{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--_text)}.plan-summary__verified-icon{color:var(--_success);font-weight:700}.plan-summary__btn-text{background:none;border:none;color:var(--_accent);font-size:.875rem;cursor:pointer;padding:.25rem .5rem}.plan-summary__btn-text:hover{text-decoration:underline}.plan-summary__error{margin-bottom:1rem;padding:.75rem 1rem;background:#e573731a;border:1px solid rgba(229,115,115,.3);border-radius:.5rem;color:var(--_error);font-size:.875rem}.plan-summary__actions{margin-bottom:1rem}.plan-summary__cta{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--_gold),#c9a02e);color:#121414;font-weight:600;font-size:1.05rem;font-family:inherit;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #d4af3740}.plan-summary__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #d4af3759;background:linear-gradient(135deg,var(--_gold-hover),var(--_gold))}.plan-summary__cta:disabled{opacity:.5;cursor:not-allowed}.plan-summary__legal{text-align:center;font-size:.75rem;color:var(--_text-muted);line-height:1.6}.plan-summary__legal a{color:var(--_accent);text-decoration:underline}.plan-summary__legal a:hover{color:var(--_accent-hover)}@media (max-width: 640px){.plan-summary{padding:1.25rem}.plan-summary__title{font-size:1.75rem}.plan-summary__subtitle{font-size:1rem}.plan-summary__model,.plan-summary__example,.plan-summary__email-section{padding:1.25rem}}.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%}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.ui-btn--md{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.ui-btn--primary{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ui-btn--primary:active:not(:disabled){transform:translateY(0)}.ui-btn--secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.ui-btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 85%,black);border-color:color-mix(in srgb,var(--color-error) 85%,black);transform:translateY(-1px)}.ui-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--outline{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.ui-btn--outline:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent)}.ui-btn--full-width{width:100%}.ui-btn--loading{position:relative;color:transparent!important}.ui-btn--loading .ui-btn__label,.ui-btn--loading .ui-btn__icon{visibility:hidden}.ui-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-btn__icon svg{width:1em;height:1em}.ui-btn--sm .ui-btn__icon svg{width:14px;height:14px}.ui-btn--md .ui-btn__icon svg{width:16px;height:16px}.ui-btn--lg .ui-btn__icon svg{width:18px;height:18px}.ui-btn__label{display:inline-flex;align-items:center}.ui-btn__spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ui-btn--sm .ui-btn__spinner{width:12px;height:12px}.ui-btn--lg .ui-btn__spinner{width:20px;height:20px}.ui-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ui-card--bordered{border:1px solid var(--border-color)}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:var(--space-sm)}.ui-card--padding-md{padding:var(--space-md)}.ui-card--padding-lg{padding:var(--space-lg)}.ui-card--hover:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-md)}.ui-card--clickable{cursor:pointer}.ui-card--clickable:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.ui-card--clickable:active{transform:translateY(0)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md)}.ui-card--padding-none .ui-card__header{padding:var(--space-md);padding-bottom:var(--space-md);margin-bottom:0}.ui-card__body{flex:1}.ui-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);margin-top:var(--space-md)}.ui-card--padding-none .ui-card__footer{padding:var(--space-md);padding-top:var(--space-md);margin-top:0}.ui-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ui-badge--sm{padding:2px 8px;font-size:.625rem}.ui-badge--md{padding:3px 10px;font-size:.6875rem}.ui-badge--pill{border-radius:var(--radius-full)}.ui-badge:not(.ui-badge--pill){border-radius:var(--radius-xs)}.ui-badge--default{background:var(--bg-secondary);color:var(--text-secondary)}.ui-badge--primary{background:#84a98c26;color:var(--accent-primary)}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ui-badge--error{background:var(--color-error-bg);color:var(--color-error)}.ui-badge--info{background:var(--color-info-bg);color:var(--color-info)}.ui-badge--rating{font-family:var(--font-mono);font-weight:700}.ui-badge__star{width:12px;height:12px}.ui-badge--sm .ui-badge__star{width:10px;height:10px}.ui-badge--status{text-transform:capitalize}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:var(--z-modal)}.ui-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-xl) * 2);display:flex;flex-direction:column;overflow:hidden}.ui-modal--sm{width:100%;max-width:400px}.ui-modal--md{width:100%;max-width:560px}.ui-modal--lg{width:100%;max-width:720px}.ui-modal--xl{width:100%;max-width:960px}.ui-modal--full{width:calc(100vw - var(--space-xl) * 2);height:calc(100vh - var(--space-xl) * 2);max-width:none;max-height:none}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.ui-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ui-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-modal__close svg{width:20px;height:20px}.ui-modal__body{flex:1;padding:var(--space-lg);overflow-y:auto}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0}@media (max-width: 640px){.ui-modal__overlay{padding:var(--space-sm);align-items:flex-end}.ui-modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui-modal--sm,.ui-modal--md,.ui-modal--lg,.ui-modal--xl{max-width:100%}}.ui-input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-input-wrapper--full-width{width:100%}.ui-input__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.ui-input-container{position:relative;display:flex;align-items:center}.ui-input{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast)}.ui-input::placeholder{color:var(--text-tertiary)}.ui-input:hover:not(:disabled){border-color:var(--border-color-strong)}.ui-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.ui-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.ui-input-container--sm .ui-input{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.ui-input-container--md .ui-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-input-container--lg .ui-input{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.ui-input__icon,.ui-input__icon-right{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}.ui-input__icon svg,.ui-input__icon-right svg{width:18px;height:18px}.ui-input__icon{left:var(--space-md)}.ui-input__icon-right{right:var(--space-md)}.ui-input-container--has-icon .ui-input{padding-left:44px}.ui-input-container--has-icon-right .ui-input{padding-right:44px}.ui-input-container--sm .ui-input__icon,.ui-input-container--sm .ui-input__icon-right{left:var(--space-sm)}.ui-input-container--sm .ui-input__icon svg,.ui-input-container--sm .ui-input__icon-right svg{width:14px;height:14px}.ui-input-container--sm.ui-input-container--has-icon .ui-input{padding-left:32px}.ui-input-container--error .ui-input{border-color:var(--color-error)}.ui-input-container--error .ui-input:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.ui-input__error{font-size:var(--text-xs);color:var(--color-error)}.ui-input__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.select-dropdown{position:relative;display:inline-block}.select-dropdown--disabled{opacity:.6;cursor:not-allowed}.select-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:140px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.select-dropdown__trigger:hover:not(:disabled){border-color:var(--border-color-strong)}.select-dropdown__trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.select-dropdown__trigger:disabled{cursor:not-allowed}.select-dropdown__trigger--open{border-color:var(--accent-primary)}.select-dropdown__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-dropdown__chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.select-dropdown__trigger--open .select-dropdown__chevron{transform:rotate(180deg)}.select-dropdown__menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:100%;width:max-content;max-height:280px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:selectDropdownFadeIn .15s ease-out}@keyframes selectDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-dropdown__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.select-dropdown__item:hover:not(:disabled){background:var(--bg-hover)}.select-dropdown__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.select-dropdown__item--selected{color:var(--accent-primary);font-weight:500}.select-dropdown__item--disabled{opacity:.5;cursor:not-allowed}.select-dropdown__item-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-dropdown__item-check svg{width:14px;height:14px;color:var(--accent-primary)}.select-dropdown__item-label{flex:1;white-space:nowrap}.category-select{position:relative;display:inline-block}.category-select--disabled{opacity:.6;cursor:not-allowed}.category-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:180px;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.category-select__trigger:hover:not(:disabled){border-color:var(--border-color-strong)}.category-select__trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.category-select__trigger:disabled{cursor:not-allowed}.category-select__trigger--open{border-color:var(--accent-primary)}.category-select__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-select__chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.category-select__trigger--open .category-select__chevron{transform:rotate(180deg)}.category-select__menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:100%;width:max-content;max-width:360px;max-height:400px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:categorySelectFadeIn .15s ease-out}@keyframes categorySelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.category-select__item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.category-select__item:hover{background:var(--bg-hover)}.category-select__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.category-select__item--selected{color:var(--accent-primary);font-weight:500}.category-select__item--level-0{padding-left:var(--space-sm)}.category-select__item--level-1{padding-left:calc(var(--space-sm) + 20px)}.category-select__item--level-2{padding-left:calc(var(--space-sm) + 40px)}.category-select__item--level-3{padding-left:calc(var(--space-sm) + 60px)}.category-select__item-expand{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-select__item-expand--has-children{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.category-select__item-expand--has-children:hover{background:var(--bg-secondary)}.category-select__item-expand svg{width:12px;height:12px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.category-select__item-expand svg.expanded{transform:rotate(90deg)}.category-select__item-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-select__item-check svg{width:14px;height:14px;color:var(--accent-primary)}.category-select__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-select__item-count{flex-shrink:0;padding:2px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.category-select__item--selected .category-select__item-count{background:var(--accent-primary);color:#fff}.combobox{position:relative;display:inline-block}.combobox--full-width{width:100%}.combobox--disabled{opacity:.6;cursor:not-allowed}.combobox__input-wrapper{position:relative;display:flex;align-items:center}.combobox__input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-fast)}.combobox__input::placeholder{color:var(--text-tertiary)}.combobox__input:hover:not(:disabled){border-color:var(--border-color-strong)}.combobox__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.combobox__input:disabled{background:var(--bg-secondary);cursor:not-allowed}.combobox--open .combobox__input{border-color:var(--accent-primary)}.combobox__toggle{position:absolute;right:1px;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;width:32px;background:transparent;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.combobox__toggle:hover:not(:disabled){color:var(--text-secondary)}.combobox__toggle:disabled{cursor:not-allowed}.combobox__toggle svg{width:16px;height:16px;transition:transform var(--transition-fast)}.combobox--open .combobox__toggle svg{transform:rotate(180deg)}.combobox__menu{position:absolute;top:100%;left:0;min-width:100%;width:max-content;max-width:400px;margin-top:var(--space-xs);max-height:280px;overflow-y:auto;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:comboboxFadeIn .15s ease-out}@keyframes comboboxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.combobox__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.combobox__item:hover,.combobox__item--highlighted{background:var(--bg-hover)}.combobox__item--selected{color:var(--accent-primary)}.combobox__item--custom{color:var(--accent-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs);padding-bottom:var(--space-sm);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.combobox__item-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.combobox__item-icon svg{width:14px;height:14px}.combobox__item-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--bg-secondary)}.combobox__item--custom .combobox__item-icon svg{width:16px;height:16px;color:var(--accent-primary)}.combobox__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.combobox__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox__item-secondary{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox__empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.ui-tabs{display:flex;gap:var(--space-xs)}.ui-tabs--full-width{width:100%}.ui-tabs--full-width .ui-tabs__tab{flex:1;justify-content:center}.ui-tabs__tab{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:500;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;color:var(--text-secondary)}.ui-tabs__tab:hover:not(:disabled){color:var(--text-primary)}.ui-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ui-tabs--sm .ui-tabs__tab{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.ui-tabs--md .ui-tabs__tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ui-tabs--default{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xs)}.ui-tabs--default .ui-tabs__tab{border-radius:var(--radius-md)}.ui-tabs--default .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){background:var(--bg-hover)}.ui-tabs--default .ui-tabs__tab--active{background:var(--accent-primary);color:var(--text-on-accent)}.ui-tabs--pills .ui-tabs__tab{border-radius:var(--radius-full);border:1px solid transparent}.ui-tabs--pills .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){background:var(--bg-hover)}.ui-tabs--pills .ui-tabs__tab--active{background:var(--accent-primary);color:var(--text-on-accent)}.ui-tabs--underline{border-bottom:1px solid var(--border-color);gap:0}.ui-tabs--underline .ui-tabs__tab{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs--underline .ui-tabs__tab:hover:not(:disabled):not(.ui-tabs__tab--active){border-bottom-color:var(--border-color-strong)}.ui-tabs--underline .ui-tabs__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.ui-tabs__icon{display:flex;align-items:center;justify-content:center}.ui-tabs__icon svg{width:16px;height:16px}.ui-tabs--sm .ui-tabs__icon svg{width:14px;height:14px}.ui-tabs__label{display:inline-flex;align-items:center}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ui-icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-icon-btn:disabled{opacity:.6;cursor:not-allowed}.ui-icon-btn--sm{width:28px;height:28px}.ui-icon-btn--md{width:36px;height:36px}.ui-icon-btn--lg{width:44px;height:44px}.ui-icon-btn--default{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.ui-icon-btn--default:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.ui-icon-btn--ghost{background:transparent;color:var(--text-secondary)}.ui-icon-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-icon-btn--outline{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.ui-icon-btn--outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-strong);color:var(--text-primary)}.ui-icon-btn__icon{display:flex;align-items:center;justify-content:center}.ui-icon-btn__icon svg{width:18px;height:18px}.ui-icon-btn--sm .ui-icon-btn__icon svg{width:14px;height:14px}.ui-icon-btn--lg .ui-icon-btn__icon svg{width:22px;height:22px}.ui-icon-btn--loading{position:relative}.ui-icon-btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ui-icon-btn--sm .ui-icon-btn__spinner{width:12px;height:12px}.ui-icon-btn--lg .ui-icon-btn__spinner{width:20px;height:20px}.ui-spinner{display:inline-flex;align-items:center;justify-content:center}.ui-spinner--center{width:100%;padding:var(--space-xl)}.ui-spinner__circle{border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--accent-primary);animation:spinner-rotate .8s linear infinite}.ui-spinner--sm .ui-spinner__circle{width:16px;height:16px}.ui-spinner--md .ui-spinner__circle{width:24px;height:24px;border-width:2px}.ui-spinner--lg .ui-spinner__circle{width:36px;height:36px;border-width:3px}.ui-spinner--xl .ui-spinner__circle{width:48px;height:48px;border-width:4px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.ui-theme-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ui-theme-toggle:hover{border-color:var(--border-color-strong);color:var(--text-primary)}.ui-theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-theme-toggle--sm{padding:var(--space-xs)}.ui-theme-toggle--md{padding:var(--space-sm)}.ui-theme-toggle--sm:has(.ui-theme-toggle__label){padding:var(--space-xs) var(--space-sm)}.ui-theme-toggle--md:has(.ui-theme-toggle__label){padding:var(--space-sm) var(--space-md)}.ui-theme-toggle__icon{display:flex;align-items:center;justify-content:center}.ui-theme-toggle__icon svg{width:18px;height:18px}.ui-theme-toggle--sm .ui-theme-toggle__icon svg{width:16px;height:16px}.ui-theme-toggle__label{font-size:var(--text-sm);font-weight:500}.ui-theme-toggle--sm .ui-theme-toggle__label{font-size:var(--text-xs)}.ui-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.ui-pagination__btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.ui-pagination__btn svg{width:16px;height:16px}.ui-pagination__btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.ui-pagination__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination__info{color:var(--text-secondary);font-size:var(--text-sm)}.ui-pagination__current,.ui-pagination__total{font-weight:600;color:var(--text-primary)}.ui-pagination__current{color:var(--accent-primary)}.ui-toast-container{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:var(--space-sm)}.ui-toast-container--top-right{top:var(--space-lg);right:var(--space-lg);align-items:flex-end}.ui-toast-container--top-center{top:var(--space-lg);left:50%;transform:translate(-50%);align-items:center}.ui-toast-container--top-left{top:var(--space-lg);left:var(--space-lg);align-items:flex-start}.ui-toast-container--bottom-right{bottom:var(--space-lg);right:var(--space-lg);align-items:flex-end}.ui-toast-container--bottom-center{bottom:var(--space-lg);left:50%;transform:translate(-50%);align-items:center}.ui-toast-container--bottom-left{bottom:var(--space-lg);left:var(--space-lg);align-items:flex-start}.ui-toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease-out}.ui-toast--exiting{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.ui-toast--success{border-color:var(--color-success)}.ui-toast--success .ui-toast__icon{color:var(--color-success)}.ui-toast--error{border-color:var(--color-error)}.ui-toast--error .ui-toast__icon{color:var(--color-error)}.ui-toast--warning{border-color:var(--color-warning)}.ui-toast--warning .ui-toast__icon{color:var(--color-warning)}.ui-toast--info{border-color:var(--color-info)}.ui-toast--info .ui-toast__icon{color:var(--color-info)}.ui-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ui-toast__icon svg{width:18px;height:18px}.ui-toast__message{flex:1}.ui-toast__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ui-toast__close:hover{color:var(--text-primary);background:var(--bg-hover)}.ui-toast__close svg{width:14px;height:14px}.ui-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.ui-toggle--disabled{cursor:not-allowed;opacity:.6}.ui-toggle__input{position:absolute;opacity:0;width:0;height:0}.ui-toggle__track{position:relative;display:inline-block;border-radius:9999px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast)}.ui-toggle__thumb{position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.ui-toggle__input:checked+.ui-toggle__track{background:var(--color-success);border-color:var(--color-success)}.ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{background:#fff}.ui-toggle__input:focus-visible+.ui-toggle__track{box-shadow:var(--focus-ring)}.ui-toggle:not(.ui-toggle--disabled):hover .ui-toggle__track{border-color:var(--accent-primary)}.ui-toggle__label{font-size:var(--text-sm);color:var(--text-primary)}.ui-toggle--sm .ui-toggle__track{width:32px;height:18px}.ui-toggle--sm .ui-toggle__thumb{width:12px;height:12px}.ui-toggle--sm .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(14px)}.ui-toggle--md .ui-toggle__track{width:40px;height:22px}.ui-toggle--md .ui-toggle__thumb{width:16px;height:16px}.ui-toggle--md .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(18px)}.ui-toggle--lg .ui-toggle__track{width:48px;height:26px}.ui-toggle--lg .ui-toggle__thumb{width:20px;height:20px}.ui-toggle--lg .ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(22px)}.ui-dropdown{position:relative;display:inline-block}.ui-dropdown__trigger{cursor:pointer}.ui-dropdown__menu{position:absolute;top:100%;margin-top:var(--space-xs);min-width:160px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-xs);animation:dropdownFadeIn .15s ease-out}.ui-dropdown__menu--left{left:0}.ui-dropdown__menu--right{right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-dropdown__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ui-dropdown__item:hover:not(:disabled){background:var(--bg-hover)}.ui-dropdown__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-dropdown__item--danger{color:var(--color-error)}.ui-dropdown__item--danger:hover:not(:disabled){background:var(--color-error-bg)}.ui-dropdown__item--disabled{opacity:.5;cursor:not-allowed}.ui-dropdown__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-dropdown__item-icon svg{width:16px;height:16px}.ui-dropdown__item-label{flex:1}.ui-dropdown__divider{height:1px;background:var(--border-subtle);margin:var(--space-xs) 0}.ui-range-slider{display:flex;align-items:center;gap:var(--space-sm)}.ui-range-slider__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.ui-range-slider__container{display:flex;align-items:center;gap:var(--space-sm)}.ui-range-slider__value{font-size:.75rem;font-weight:600;color:var(--accent-primary);min-width:20px;text-align:center}.ui-range-slider__track{position:relative;width:180px;height:24px;cursor:pointer;display:flex;align-items:center}.ui-range-slider__track-bg{position:absolute;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:2px}.ui-range-slider__track-fill{position:absolute;height:4px;background:var(--accent-primary);border-radius:2px}.ui-range-slider__knob{position:absolute;width:16px;height:16px;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.ui-range-slider__knob:hover{transform:translate(-50%) scale(1.15);box-shadow:var(--shadow-glow)}.ui-range-slider__knob--active{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:var(--shadow-glow)}.ui-range-slider__knob--min{z-index:3}.ui-range-slider__knob--max{z-index:2}.ui-tooltip-wrapper{position:relative;display:inline-flex}.ui-tooltip{position:absolute;z-index:1000;pointer-events:auto;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ui-tooltip__content{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-lg);max-width:300px}.ui-tooltip-wrapper--wide .ui-tooltip__content{width:300px;max-width:90vw;white-space:normal;text-align:left;line-height:1.5}.ui-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);padding-bottom:var(--space-xs)}.ui-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);padding-top:var(--space-xs)}.ui-tooltip--left{right:100%;top:50%;transform:translateY(-50%);padding-right:var(--space-xs)}.ui-tooltip--right{left:100%;top:50%;transform:translateY(-50%);padding-left:var(--space-xs)}.ui-checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.ui-checkbox--disabled{cursor:not-allowed;opacity:.6}.ui-checkbox__input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:2px solid var(--border-color-strong);transition:all var(--transition-fast)}.ui-checkbox__check{color:#fff}.ui-checkbox__input:checked+.ui-checkbox__box{background:var(--accent-primary);border-color:var(--accent-primary)}.ui-checkbox__input:focus-visible+.ui-checkbox__box{box-shadow:var(--focus-ring)}.ui-checkbox:not(.ui-checkbox--disabled):hover .ui-checkbox__box{border-color:var(--accent-primary)}.ui-checkbox__label{font-size:var(--text-sm);color:var(--text-primary)}.ui-checkbox--sm .ui-checkbox__box{width:14px;height:14px}.ui-checkbox--sm .ui-checkbox__check{width:10px;height:10px}.ui-checkbox--sm .ui-checkbox__label{font-size:var(--text-xs)}.ui-checkbox--md .ui-checkbox__box{width:18px;height:18px}.ui-checkbox--md .ui-checkbox__check{width:12px;height:12px}.ui-checkbox--lg .ui-checkbox__box{width:22px;height:22px}.ui-checkbox--lg .ui-checkbox__check{width:16px;height:16px}.ui-checkbox--lg .ui-checkbox__label{font-size:var(--text-base)}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xxl) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ui-empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-md);color:var(--text-tertiary);opacity:.6}.ui-empty-state__icon svg{width:100%;height:100%}.ui-empty-state__title{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.ui-empty-state__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;line-height:1.5}.ui-empty-state__action{margin-top:var(--space-lg)}.dashboard-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.dashboard-header{height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-header__right{display:flex;align-items:center;gap:var(--space-sm);justify-self:end}.dashboard-logo{display:flex;align-items:center;gap:4px;justify-self:start}.dashboard-logo__icon{height:26px;width:auto;margin-bottom:4px}.dashboard-logo__name{height:32px;width:auto}.dashboard-user-menu{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-sm);padding-left:var(--space-sm);border-left:1px solid var(--border-color)}.dashboard-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:default;object-fit:cover}.dashboard-user-avatar svg{width:18px;height:18px}.dashboard-user-email{font-size:.875rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-signout-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.dashboard-signout-btn svg{width:18px;height:18px}.dashboard-signout-btn:hover{color:var(--status-error);background:#ef44441a}.dashboard-body{display:flex;flex:1;min-height:0;padding-left:190px}.dashboard-sidebar{width:190px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:var(--space-sm) 0;position:fixed;top:70px;left:0;bottom:0;z-index:10}.dashboard-sidebar__nav{display:flex;flex-direction:column;height:100%}.dashboard-sidebar__channel{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:0 var(--space-sm) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.dashboard-sidebar__channel-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.dashboard-sidebar__channel-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidebar__section{padding:0 var(--space-sm);margin-bottom:var(--space-xs)}.dashboard-sidebar__section--bottom{margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.dashboard-sidebar__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dashboard-sidebar__item svg{width:18px;height:18px;flex-shrink:0}.dashboard-sidebar__item:hover{background:var(--bg-hover);color:var(--text-primary)}.dashboard-sidebar__item.active{background:#84a98c26;color:var(--accent-primary);font-weight:600}.dashboard-sidebar__item.active svg{color:var(--accent-primary)}.dashboard-content{flex:1;min-width:0;max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-md);width:100%;overflow-y:auto}@media (max-width: 768px){.dashboard-body{padding-left:0}.dashboard-sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-logo__name,.dashboard-user-email{display:none}.dashboard-content{padding:var(--space-md)}}.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-sage: #84A98C;--color-sage-light: #EAF2EB;--color-sage-dark: #6B8B73;--color-charcoal: #2C363F;--color-charcoal-light: #3d4a54;--color-gold: #D4AF37;--color-gold-light: #e5c75a;--bg-primary: #F7F8F9;--bg-secondary: #EAF2EB;--bg-tertiary: #FFFFFF;--bg-card: #FFFFFF;--bg-dropdown: rgba(255, 255, 255, .95);--bg-hover: #e8f0e9;--bg-hover-darker: #DDE7DE;--bg-overlay: rgba(44, 54, 63, .6);--text-primary: #2C363F;--text-secondary: #566573;--text-tertiary: #8a939c;--text-inverse: #FFFFFF;--text-on-accent: #FFFFFF;--accent-primary: var(--color-sage);--accent-primary-hover: var(--color-sage-dark);--accent-highlight: var(--color-gold);--accent-highlight-hover: var(--color-gold-light);--color-success: #406343;--color-success-bg: rgba(64, 99, 67, .1);--color-warning: #E29578;--color-warning-bg: rgba(226, 149, 120, .1);--color-error: #AD3D3D;--color-error-bg: rgba(173, 61, 61, .1);--color-info: #457B9D;--color-info-bg: rgba(69, 123, 157, .1);--chart-1: var(--color-sage);--chart-1-bg: rgba(132, 169, 140, .1);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .1);--chart-3: #457B9D;--chart-3-bg: rgba(69, 123, 157, .1);--chart-4: #6D597A;--chart-4-bg: rgba(109, 89, 122, .1);--border-color: #D1D9D1;--border-color-strong: rgba(44, 54, 63, .2);--border-accent: var(--color-sage);--color-disabled: #A9B2A9;--shadow-xs: 0 1px 2px rgba(44, 54, 63, .05);--shadow-sm: 0 2px 4px rgba(44, 54, 63, .08);--shadow-md: 0 4px 12px rgba(44, 54, 63, .1);--shadow-lg: 0 8px 24px rgba(44, 54, 63, .12);--shadow-xl: 0 16px 48px rgba(44, 54, 63, .15);--shadow-glow: 0 0 20px rgba(132, 169, 140, .2);--focus-ring: 0 0 0 3px rgba(132, 169, 140, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000;--border-subtle: var(--border-color);--border-default: var(--border-color-strong);--accent-secondary: var(--color-error);--accent-tertiary: var(--color-warning);--accent-success: var(--color-success);--accent-warning: var(--color-warning)}:root.dark{--bg-primary: #121414;--bg-secondary: #1A1D1D;--bg-tertiary: #282C2C;--bg-card: #222626;--bg-dropdown: rgba(34, 38, 38, .95);--bg-hover: #2D3232;--bg-hover-darker: #363B3B;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #E4E7E4;--text-secondary: #949C94;--text-tertiary: #626B62;--text-inverse: #121414;--text-on-accent: #121414;--accent-primary: #94B69B;--accent-primary-hover: #A8C4AE;--accent-highlight: var(--color-gold);--accent-highlight-hover: #e5c75a;--color-success: #82C285;--color-success-bg: rgba(130, 194, 133, .15);--color-warning: #E9B28E;--color-warning-bg: rgba(233, 178, 142, .15);--color-error: #E57373;--color-error-bg: rgba(229, 115, 115, .15);--color-info: #7AADCC;--color-info-bg: rgba(122, 173, 204, .15);--chart-1: #94B69B;--chart-1-bg: rgba(148, 182, 155, .15);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .12);--chart-3: #7AADCC;--chart-3-bg: rgba(122, 173, 204, .15);--chart-4: #9080A0;--chart-4-bg: rgba(144, 128, 160, .15);--border-color: rgba(228, 231, 228, .08);--border-color-strong: rgba(228, 231, 228, .15);--border-accent: #94B69B;--color-disabled: #626B62;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(148, 182, 155, .25);--focus-ring: 0 0 0 3px rgba(148, 182, 155, .4);--border-subtle: var(--border-color);--border-default: var(--border-color-strong);--accent-secondary: var(--color-error);--accent-tertiary: var(--color-warning);--accent-success: var(--color-success);--accent-warning: var(--color-warning)}@media (prefers-color-scheme: dark){:root:not(.light){--bg-primary: #121414;--bg-secondary: #1A1D1D;--bg-tertiary: #282C2C;--bg-card: #222626;--bg-dropdown: rgba(34, 38, 38, .95);--bg-hover: #2D3232;--bg-hover-darker: #363B3B;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #E4E7E4;--text-secondary: #949C94;--text-tertiary: #626B62;--text-inverse: #121414;--text-on-accent: #121414;--accent-primary: #94B69B;--accent-primary-hover: #A8C4AE;--accent-highlight: var(--color-gold);--accent-highlight-hover: #e5c75a;--color-success: #82C285;--color-success-bg: rgba(130, 194, 133, .15);--color-warning: #E9B28E;--color-warning-bg: rgba(233, 178, 142, .15);--color-error: #E57373;--color-error-bg: rgba(229, 115, 115, .15);--color-info: #7AADCC;--color-info-bg: rgba(122, 173, 204, .15);--chart-1: #94B69B;--chart-1-bg: rgba(148, 182, 155, .15);--chart-2: var(--color-gold);--chart-2-bg: rgba(212, 175, 55, .12);--chart-3: #7AADCC;--chart-3-bg: rgba(122, 173, 204, .15);--chart-4: #9080A0;--chart-4-bg: rgba(144, 128, 160, .15);--color-disabled: #626B62;--border-color: rgba(228, 231, 228, .08);--border-color-strong: rgba(228, 231, 228, .15);--border-accent: #94B69B;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(148, 182, 155, .25);--focus-ring: 0 0 0 3px rgba(148, 182, 155, .4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-fade-out{animation:fadeOut var(--transition-base) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out forwards}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-base) cubic-bezier(.16,1,.3,1) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-spin{animation:spin .8s linear infinite}.animate-bounce{animation:bounce .6s ease-in-out}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--bg-tertiary);--color-bg-elevated: var(--bg-card);--color-accent-primary: var(--accent-primary);--color-accent-primary-hover: var(--accent-primary-hover);--color-accent-secondary: var(--color-info);--color-accent-success: var(--color-success);--color-accent-warning: var(--color-warning);--color-accent-error: var(--color-error);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-tertiary);--color-border: var(--border-color);--color-border-focus: var(--accent-primary);--font-family: var(--font-sans);--transition-normal: var(--transition-base)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}button{font-family:inherit;cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){outline:none;box-shadow:none}::selection{background:var(--accent-primary);color:var(--text-on-accent)}