.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.sidebar-mobile-close{display:none;background:none;border:none;color:var(--color-text-primary);position:absolute;top:var(--space-4);right:var(--space-4);cursor:pointer}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar-mobile-close{display:block}}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:32px;height:32px;color:var(--color-accent-primary)}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500}.sidebar-nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-accent-light);color:var(--color-accent-primary)}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--color-accent-primary)}.sidebar-nav-icon{width:20px;height:20px}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar-user-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.sidebar-actions{display:flex;gap:var(--space-2)}.sidebar-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-action-btn:hover,.sidebar-action-btn.active{background-color:#ffffff1a;color:var(--text-primary)}.header{height:var(--header-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.sidebar-toggle{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2)}@media (max-width: 768px){.sidebar-toggle{display:flex}}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-lang-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-tertiary);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)}.header-lang-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.layout-content{flex:1;padding:var(--space-6);background:var(--gradient-glow);background-attachment:fixed}@media (max-width: 768px){.layout-main{margin-left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}}.dashboard{max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-2)}.page-header p{font-size:var(--font-size-lg)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.stat-card-primary .stat-icon{background-color:var(--color-accent-light);color:var(--color-accent-primary)}.stat-card-success .stat-icon{background-color:var(--color-success-light);color:var(--color-success)}.stat-card-warning .stat-icon{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-card-info .stat-icon{background-color:var(--color-info-light);color:var(--color-info)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section h2{margin-bottom:var(--space-4);font-size:var(--font-size-xl)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.quick-actions{grid-template-columns:1fr}}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-weight:500;transition:all var(--transition-base)}.quick-action-card:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);transform:translateY(-2px)}.quick-action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dashboard-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);color:var(--color-text-primary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.list-item:hover{background-color:var(--color-bg-hover)}.page{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.page-header h1{margin-bottom:var(--space-1)}.section{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.form-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.page-header .btn{align-self:flex-start}.characters-grid{grid-template-columns:1fr}}.character-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-base)}.character-card:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);transform:translateY(-2px)}.character-avatar{width:64px;height:64px;border-radius:var(--radius-lg);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);overflow:hidden}.character-avatar img{width:100%;height:100%;object-fit:cover}.character-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.character-info h3{font-size:var(--font-size-base)}.character-slug{font-size:var(--font-size-sm);color:var(--color-text-muted)}.character-arrow{color:var(--color-text-muted)}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-4)}.prompt-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.prompt-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.prompt-name{flex:1;font-weight:500;color:var(--color-text-primary)}.prompt-template{font-family:monospace;font-size:var(--font-size-xs);background-color:var(--color-bg-tertiary);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--color-text-secondary);max-height:120px;overflow-y:auto}.generation-controls{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.generation-actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);margin-top:var(--space-4)}.generation-actions button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:left}.generation-actions button div{display:flex;flex-direction:column}.generation-actions button small{font-size:var(--font-size-xs);opacity:.7}@media (max-width: 768px){.generation-controls{padding:var(--space-4)}.generation-actions{grid-template-columns:1fr}}.jobs-list{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.job-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.job-item:last-child{border-bottom:none}.job-info{display:flex;flex-direction:column;gap:var(--space-1)}.job-type{font-weight:500;text-transform:capitalize}.job-status{display:flex;align-items:center;gap:var(--space-2)}.character-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.character-review-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.character-review-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:0 12px 24px #0003}.character-review-preview{position:relative;aspect-ratio:16/9;background-color:var(--color-bg-tertiary);overflow:hidden}.character-review-preview img{width:100%;height:100%;object-fit:cover}.character-review-count{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-accent-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);box-shadow:0 4px 12px #8b5cf666}.character-review-info{padding:var(--space-4)}.character-review-info h3{margin-bottom:var(--space-1);font-size:var(--font-size-base)}.character-review-info p{font-size:var(--font-size-xs);color:var(--color-text-muted)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.review-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.review-image{aspect-ratio:1;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.review-image img{width:100%;height:100%;object-fit:cover}.review-placeholder{display:flex;align-items:center;justify-content:center}.review-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.review-character{font-weight:500}.review-flags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4)}.flag-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background-color:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-sm)}.review-actions{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border)}.review-actions .btn{flex:1}.review-actions .btn-ghost{flex:0}.consistency-badge{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;color:#fff;box-shadow:0 4px 8px #0000004d;z-index:10}.consistency-badge.high{background-color:var(--color-success)}.consistency-badge.medium{background-color:var(--color-warning)}.consistency-badge.low{background-color:var(--color-danger)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-sm:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-icon-sm:disabled{opacity:.5;cursor:not-allowed}.ai-analysis-box{margin:0 var(--space-4) var(--space-4);padding:var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-primary);display:flex;gap:var(--space-2)}.ai-analysis-box p{font-size:11px;line-height:1.4;color:var(--color-text-secondary);margin:0}.asset-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.asset-gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-base)}.asset-gallery-item:hover{transform:scale(1.02)}.asset-gallery-item.is-golden{border-color:var(--color-warning);box-shadow:0 0 0 2px #fbbf2433}.asset-gallery-item img{width:100%;height:100%;object-fit:cover}.asset-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.asset-gallery-item:hover .asset-gallery-overlay{opacity:1}.asset-gallery-item.is-golden .asset-gallery-overlay{opacity:1;background:linear-gradient(to top,rgba(251,191,36,.2),transparent)}.asset-golden-badge{position:absolute;top:var(--space-2);right:var(--space-2);background-color:var(--color-warning);color:var(--color-bg-card);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0003}.empty-gallery{padding:var(--space-8);text-align:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:80vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;z-index:2005}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 40px #00000080;pointer-events:auto}.lightbox-info{margin-top:var(--space-4);color:#fff;font-size:var(--font-size-sm);background-color:#00000080;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full)}.lightbox-close{position:absolute;top:var(--space-6);right:var(--space-6);background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:2010}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2001}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:var(--space-6)}.lightbox-nav.next{right:var(--space-6)}.asset-star-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:50%;transition:transform .2s}.asset-star-btn:hover{transform:scale(1.2)}@media (max-width: 768px){.lightbox-nav{width:48px;height:48px}.lightbox-nav.prev{left:var(--space-2)}.lightbox-nav.next{right:var(--space-2)}}.calendar-month-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:var(--space-3)}.calendar-month-label{font-size:1.25rem;font-weight:700;min-width:220px;text-align:center;margin:0}.calendar-weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-1)}.calendar-weekday-header{text-align:center;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-1) 0}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.calendar-day{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:110px;display:flex;flex-direction:column;transition:border-color .2s}.calendar-day-empty{background:transparent;border:1px dashed rgba(255,255,255,.05);min-height:110px}.calendar-day.is-today{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.calendar-day.is-past{opacity:.45}.calendar-day.is-past .calendar-add-btn{display:none}.calendar-day-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-1) var(--space-2)}.calendar-day-number{font-weight:600;font-size:.85rem}.calendar-day.is-today .calendar-day-number{color:var(--color-accent-primary);background:#6366f11f;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.calendar-day-content{flex:1;padding:var(--space-1) var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.calendar-post{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex;flex-direction:column}.calendar-post.status-draft{background-color:var(--color-bg-tertiary)}.calendar-post.status-scheduled{background-color:var(--color-info-light)}.calendar-post.status-exported{background-color:var(--color-success-light)}.calendar-post-character{font-weight:500}.calendar-post-assets{font-size:10px;color:var(--color-text-muted)}.calendar-add-btn{width:100%;padding:var(--space-2);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.calendar-add-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.calendar-legend{display:flex;gap:var(--space-6);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-dot{width:12px;height:12px;border-radius:var(--radius-sm)}.legend-dot.status-draft{background-color:var(--color-bg-tertiary)}.legend-dot.status-scheduled{background-color:var(--color-info)}.legend-dot.status-exported{background-color:var(--color-success)}.calendar-post.status-plan{background:linear-gradient(135deg,#8b5cf626,#a855f71a);border-left:2px solid var(--color-accent-primary)}.legend-dot.status-plan{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary))}.plan-detail-section{display:flex;flex-direction:column;gap:6px}.plan-detail-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-primary)}.plan-detail-value{font-size:.9rem;line-height:1.5;color:var(--color-text-primary);padding:8px 12px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.plan-detail-prompt{font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);padding:12px 16px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-primary);font-family:Inter,sans-serif;white-space:pre-wrap;word-break:break-word}.plan-generate-section{border-top:1px solid rgba(99,102,241,.15);padding-top:16px;margin-top:4px}.plan-generate-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#6366f10f,#a855f70a);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.15)}.plan-gen-field{display:flex;flex-direction:column;gap:6px}.plan-gen-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--color-text-muted);background-color:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg);gap:var(--space-4)}.empty-state h3{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.content-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 768px){.content-type-selector{grid-template-columns:repeat(2,1fr)}}.type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.type-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.type-btn.active{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-color:transparent;color:#fff;box-shadow:0 4px 15px #8b5cf64d}.type-btn span{font-weight:500;font-size:var(--font-size-sm)}.video-options,.provider-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-top:var(--space-4)}.provider-options{grid-template-columns:1fr}@media (max-width: 768px){.video-options,.provider-options{grid-template-columns:1fr}}.form-range{width:100%;height:6px;background:var(--color-border);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;box-shadow:0 2px 6px #8b5cf666}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;border:none}.job-info{display:flex;align-items:center;gap:var(--space-3)}.job-type-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-accent-primary)}.clickable{cursor:pointer;transition:all var(--transition-base)}.clickable:hover{transform:translateY(-2px);border-color:var(--color-accent-primary);box-shadow:0 4px 12px #00000026}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background-color:var(--color-bg-card);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0}.modal-content,.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3);background-color:var(--color-bg-card)}.modal-preview-image{max-width:100%;max-height:250px;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.preview-text{font-family:monospace;font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);margin-bottom:var(--space-6);color:var(--color-text-primary)}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}.input-with-prefix .form-input{padding-left:var(--space-8)}.voice-selector-container{display:flex;flex-direction:column;gap:var(--space-4)}.voice-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-2);max-height:320px;overflow-y:auto;padding-right:var(--space-2)}.voice-card-grid::-webkit-scrollbar{width:6px}.voice-card-grid::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:10px}.voice-card-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.voice-card-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.voice-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-base)}.voice-card:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.voice-card.active{border-color:var(--color-accent-primary);background-color:var(--color-accent-light);box-shadow:0 0 0 1px var(--color-accent-primary)}.voice-card-info{display:flex;flex-direction:column}.voice-card-name{font-weight:500;font-size:var(--font-size-sm)}.voice-card-meta{font-size:10px;color:var(--color-text-muted)}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 768px){.rules-grid{grid-template-columns:1fr}}.rule-box{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.rule-box-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;font-size:var(--font-size-sm)}.rule-box-allowed{color:var(--color-success)}.rule-box-forbidden{color:var(--color-error)}.textarea-with-highlight{position:relative;font-family:JetBrains Mono,monospace}.variable-tag{color:var(--color-accent-primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg)}.stat-icon-primary{background-color:var(--color-accent-light);color:var(--color-accent-primary)}.stat-icon-success{background-color:var(--color-success-light);color:var(--color-success)}.stat-icon-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-icon-error{background-color:var(--color-error-light);color:var(--color-error)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.analytics-section{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.analytics-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.breakdown-card{padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.breakdown-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.breakdown-value{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2)}.breakdown-bar{height:8px;background-color:var(--color-bg-hover);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.breakdown-bar-primary{background:var(--gradient-primary)}.breakdown-bar-secondary{background-color:var(--color-accent-secondary)}.character-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.character-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.character-stat-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-hover);border-radius:var(--radius-md);color:var(--color-text-muted)}.character-stat-info{display:flex;flex-direction:column}.character-stat-name{font-weight:500;font-size:var(--font-size-sm)}.character-stat-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.summary-grid{grid-template-columns:1fr}}.summary-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-muted)}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.versions-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-6);height:calc(100vh - 200px)}.versions-timeline{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-4);overflow-y:auto}.versions-timeline h3{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.timeline{display:flex;flex-direction:column;gap:var(--spacing-2)}.timeline-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:2px solid transparent}.timeline-item:hover{background:var(--color-bg-hover)}.timeline-item.active{background:var(--color-bg-selected);border-color:var(--color-primary)}.timeline-item.current .timeline-marker{background:var(--color-success)}.timeline-marker{width:40px;height:40px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-number{font-size:var(--font-size-xs);font-weight:700;color:#fff}.timeline-content{flex:1;min-width:0}.timeline-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.timeline-date{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.timeline-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versions-detail{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-6);overflow-y:auto}.version-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.version-detail-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.detail-section h4{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--color-text-muted)}.code-block{background:var(--color-bg-base);padding:var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;overflow-x:auto}.scheduler-stats{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card.mini{padding:var(--spacing-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);text-align:center;min-width:120px}.scheduler-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.schedule-day{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-4);min-width:280px;flex:1}.schedule-day-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.schedule-day-posts{display:flex;flex-direction:column;gap:var(--spacing-3)}.schedule-post{background:var(--color-bg-base);border-radius:var(--radius-md);padding:var(--spacing-3);border-left:3px solid var(--color-primary)}.schedule-post.status-published{border-left-color:var(--color-success)}.schedule-post.status-failed{border-left-color:var(--color-error)}.schedule-post.status-cancelled{border-left-color:var(--color-muted);opacity:.6}.schedule-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}.schedule-post-platform{font-weight:600}.schedule-post-time{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.schedule-post-character{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.schedule-post-caption{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.duration-hints{display:flex;justify-content:space-between;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.voice-selector{display:flex;gap:var(--spacing-2)}.voice-selector .form-select{flex:1}.form-section{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-bg-base);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.form-section-title{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.file-upload-zone{padding:var(--spacing-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;background:var(--color-bg-base);transition:all .2s}.file-upload-zone:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.file-upload-zone input[type=file]{margin-bottom:var(--spacing-2)}.file-upload-zone p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.file-list{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.file-list li{padding:var(--spacing-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-top:var(--spacing-4)}.alert-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.alert p{margin:0;font-size:var(--font-size-sm)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.batch-section{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a)}.batch-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.batch-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-2)}.batch-option-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;color:var(--color-text-primary);position:relative;overflow:hidden}.batch-option-card:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover);transform:translateY(-4px);box-shadow:0 10px 20px #0003}.batch-option-card.active{border-color:var(--color-accent-primary);background-color:#8b5cf614;box-shadow:0 0 0 1px var(--color-accent-primary),0 10px 25px #8b5cf626}.batch-option-card.active:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,var(--color-accent-primary) 50%);opacity:.1}.batch-option-icon{width:48px;height:48px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease;flex-shrink:0}.batch-option-card.active .batch-option-icon{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;transform:scale(1.1)}.batch-option-info{display:flex;flex-direction:column;gap:2px}.batch-option-count{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary)}.batch-option-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 768px){.batch-selector-grid{grid-template-columns:1fr 1fr}}.mood-boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-5)}.mood-board-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s;border:1px solid var(--color-border)}.mood-board-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.mood-board-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;aspect-ratio:1;background:var(--color-bg-base)}.mood-board-thumb{overflow:hidden}.mood-board-thumb img{width:100%;height:100%;object-fit:cover}.mood-board-empty{grid-column:span 2;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.mood-board-info{padding:var(--spacing-4)}.mood-board-info h3{margin:0 0 var(--spacing-1);font-size:var(--font-size-md)}.mood-board-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.mood-board-tags{display:flex;gap:var(--spacing-1);margin-top:var(--spacing-2);flex-wrap:wrap}.tag{padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary-transparent);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.modal-large{max-width:800px;width:90%}.add-image-form{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.add-image-form .form-input{flex:1}.mood-board-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-3)}.mood-board-image{border-radius:var(--radius-md);overflow:hidden}.mood-board-image img{width:100%;height:150px;object-fit:cover}.image-caption{padding:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-base)}.training-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--space-6);align-items:flex-start}@media (max-width: 1024px){.training-layout{grid-template-columns:1fr}}.training-main{min-width:0}.training-section{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.assets-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.asset-selection-card{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-base)}.asset-selection-card:hover{transform:scale(1.02)}.asset-selection-card.selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf633}.asset-selection-card img{width:100%;height:100%;object-fit:cover}.selection-overlay{position:absolute;top:var(--space-2);left:var(--space-2);background-color:var(--color-accent-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all var(--transition-base);z-index:2}.asset-selection-card.selected .selection-overlay{opacity:1;transform:scale(1)}.btn-maximize{position:absolute;bottom:var(--space-2);right:var(--space-2);background-color:#00000080;color:#fff;border:none;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-base);z-index:2}.asset-selection-card:hover .btn-maximize{opacity:1}.btn-maximize:hover{background-color:var(--color-accent-primary);transform:scale(1.1)}.training-config-card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-top:1px solid var(--color-border);margin-top:var(--space-2)}.advanced-toggle:hover{color:var(--color-text-primary)}.advanced-settings{background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-2)}.training-info-box{display:flex;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.training-info-box h4{margin-bottom:var(--space-1);color:var(--color-info)}.training-status-card{margin-top:var(--space-4);padding:var(--space-4);border-left:4px solid var(--color-accent-primary)}.status-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-accent-primary)}.video-preview-container{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-preview-container video{width:100%;height:100%;object-fit:cover}.video-badge{position:absolute;top:10px;right:10px;background:#8b5cf6cc;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.animate-spin-slow{animation:spin 3s linear infinite}.asset-selection-indicator{position:absolute;top:var(--space-2);left:var(--space-2);z-index:20;cursor:pointer}.selection-checkbox{width:24px;height:24px;border-radius:50%;background-color:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selection-checkbox.checked{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 12px #8b5cf680}.asset-gallery-item.is-selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf64d}.asset-gallery-item.is-selected img,.asset-gallery-item.is-selected video{opacity:.8}.status-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.badge-purple{background-color:#7c3aed;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.asset-picker-horizontal{margin-top:var(--space-2);margin-bottom:var(--space-4)}.asset-picker-item{position:relative;border:2px solid transparent;border-radius:var(--radius-md);padding:2px;flex-shrink:0;cursor:pointer;transition:all var(--transition-base)}.asset-picker-item:hover{border-color:var(--color-accent-primary)}.asset-picker-item.active{border-color:var(--color-accent-primary);background:rgba(var(--color-accent-primary),.1)}.asset-picker-check{position:absolute;top:-5px;right:-5px;background:var(--color-accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:10}.asset-picker-item img,.asset-picker-item video{width:90px;height:90px;object-fit:cover;border-radius:var(--radius-sm);transition:all var(--transition-base)}.asset-picker-item:hover img,.asset-picker-item:hover video{transform:scale(1.05)}.asset-picker-container{position:relative;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--color-border)}.asset-picker-wrapper{display:flex;align-items:center;gap:var(--space-2);position:relative}.asset-picker-horizontal{display:flex;gap:var(--space-2);overflow-x:auto;scroll-behavior:smooth;padding:var(--space-2) 10px;-ms-overflow-style:none;scrollbar-width:none}.asset-picker-horizontal::-webkit-scrollbar{display:none}.asset-picker-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:5;flex-shrink:0}.asset-picker-arrow:hover{background:var(--color-bg-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary);transform:scale(1.1)}.btn-maximize-sm{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;border:none;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-base);z-index:2;cursor:pointer}.asset-picker-item:hover .btn-maximize-sm{opacity:1}.btn-maximize-sm:hover{background:var(--color-accent-primary);transform:scale(1.1)}.lightbox-overlay{z-index:10000!important}.advanced-options-section{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.btn-collapse{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.btn-collapse:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.advanced-options-content{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted);margin-top:4px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.casting-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.casting-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-tertiary);border:2px solid transparent;transition:all var(--transition-base)}.casting-item:hover{transform:scale(1.04);box-shadow:0 8px 16px #0000004d}.casting-item.is-approved{border-color:var(--color-success);box-shadow:0 0 0 2px #10b98133}.casting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding:8px;opacity:0;transition:opacity var(--transition-fast)}.casting-item.is-approved .casting-overlay{opacity:1;background:linear-gradient(to top,rgba(16,185,129,.4),transparent)}.plan-detail-prompt{font-family:var(--font-mono);font-size:.8rem;padding:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);border-left:3px solid var(--color-accent-primary);line-height:1.5}.calendar-post.status-plan{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border-left:2px solid var(--color-accent-primary);color:var(--color-accent-primary)}.calendar-post.status-gen-pending{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-left:2px solid var(--color-warning);color:var(--color-warning)}.calendar-post.status-gen-ready{background:linear-gradient(135deg,#10b98133,#10b9810d);border-left:2px solid var(--color-success);color:var(--color-success)}.casting-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:8px}.casting-item{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);cursor:pointer;border:2px solid transparent;transition:transform .2s ease,border-color .2s ease}.casting-item:hover{transform:scale(1.05);border-color:var(--color-accent-primary)}.casting-item.is-approved{border-color:var(--color-success)}.casting-item img,.casting-item video{width:100%;height:100%;object-fit:cover}.casting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;align-items:flex-end;justify-content:center;padding:8px;opacity:0;transition:opacity .2s}.casting-item:hover .casting-overlay{opacity:1}.preview-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.job-details-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.job-details-drawer{width:500px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column;animation:slideIn .3s ease-out;max-width:90vw}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-body)}.drawer-header h2{margin:0;font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-family:monospace;text-align:right;max-width:60%;word-break:break-all}.prompt-box{background:var(--bg-body);padding:1rem;border-radius:8px;border:1px solid var(--border-color);font-size:.9rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:1rem}.prompt-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;display:block}.error-box{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.drawer-footer{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-body);display:flex;gap:1rem;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-avatar-container{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.settings-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:600;color:#fff;border:2px solid var(--color-bg-card);box-shadow:var(--shadow-md)}.settings-avatar-actions{display:flex;flex-direction:column;gap:var(--space-2)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.settings-toggle:last-child{border-bottom:none}.settings-toggle-label{display:flex;flex-direction:column}.settings-toggle-title{font-weight:500;color:var(--color-text-primary)}.settings-toggle-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-tertiary);transition:.4s;border-radius:24px;border:1px solid var(--color-border)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--color-text-muted);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}input:focus+.slider{box-shadow:0 0 1px var(--color-accent-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg-primary);background-image:var(--gradient-glow)}.login-card{width:100%;max-width:420px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-glow)}.login-header 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-2)}.login-header p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.login-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.login-footer p{font-size:var(--font-size-xs)}.landing-page{background-color:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.landing-nav{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);background-color:#0f0f1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.landing-nav .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text-primary)}.hero-section{padding:100px 0;text-align:center;background-image:var(--gradient-glow);background-position:center top;background-repeat:no-repeat}.hero-content{max-width:800px;margin:0 auto}.hero-section h1{font-size:3.5rem;margin-bottom:var(--space-6);line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.hero-actions{display:flex;justify-content:center;gap:var(--space-4)}.section{padding:80px 0;border-top:1px solid var(--color-border)}.section-title{text-align:center;margin-bottom:var(--space-10);font-size:2rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.step-card{background:var(--color-bg-card);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;position:relative}.step-number{width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto var(--space-4)}.step-card h3{margin-bottom:var(--space-2)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.feature-item{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.feature-icon{color:var(--color-accent-primary)}.screenshot-container{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);position:relative}.dashboard-preview-img{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.screenshot-container:hover .dashboard-preview-img{transform:scale(1.02)}.security-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.security-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.landing-footer{padding:var(--space-8) 0;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--color-accent-primary)}.copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.footer-content{flex-direction:column;text-align:center}}.conversation-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.conversation-list-title{padding:var(--space-4);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.conversation-list-scroll{flex:1;overflow-y:auto}.conversation-item{display:flex;padding:var(--space-4);cursor:pointer;border-bottom:1px solid rgba(58,58,92,.3);transition:all var(--transition-base);gap:var(--space-3);position:relative}.conversation-item:hover{background-color:var(--color-bg-hover)}.conversation-item.active{background-color:var(--color-accent-light);border-left:3px solid var(--color-accent-primary)}.conversation-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-base);flex-shrink:0;color:#fff;position:relative}.avatar-gradient-0{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.avatar-gradient-1{background:linear-gradient(135deg,#ec4899,#f43f5e)}.avatar-gradient-2{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.avatar-gradient-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.avatar-gradient-4{background:linear-gradient(135deg,#22c55e,#10b981)}.avatar-gradient-5{background:linear-gradient(135deg,#3b82f6,#6366f1)}.avatar-gradient-6{background:linear-gradient(135deg,#a855f7,#ec4899)}.avatar-gradient-7{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.avatar-platform-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--color-bg-secondary)}.avatar-platform-badge.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.avatar-platform-badge.tiktok{background:#000;color:#fff}.conversation-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start}.conversation-name-block{display:flex;flex-direction:column;overflow:hidden}.conversation-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-handle{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.conversation-time{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.conversation-preview{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.preview-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-dm{color:var(--color-accent-primary);flex-shrink:0}.icon-comment{color:var(--color-success);flex-shrink:0}.conversation-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.65rem;font-weight:500;margin-top:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);width:fit-content;text-transform:capitalize}.status-pending{background-color:var(--color-warning-light);color:var(--color-warning)}.status-replied{background-color:var(--color-success-light);color:var(--color-success)}.status-failed{background-color:var(--color-error-light);color:var(--color-error)}.conversation-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chat-thread{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--color-bg-primary)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.chat-header-info{display:flex;flex-direction:column;gap:2px}.chat-user-name{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.chat-user-handle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-header-platform{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500;text-transform:capitalize}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);background-image:radial-gradient(circle at 50% 0%,rgba(99,102,241,.03) 0%,transparent 50%)}.chat-message{display:flex;max-width:70%;align-items:flex-end;gap:var(--space-2);animation:messageIn .2s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-start}.chat-message.bot{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:30px;height:30px;border-radius:50%;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.chat-message.bot .message-avatar{background:var(--gradient-primary);color:#fff}.message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6;position:relative}.message-bubble p{margin:0;color:inherit}.chat-message.user .message-bubble{background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:4px}.chat-message.bot .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #6366f140}.message-context{margin-bottom:var(--space-2);border-radius:var(--radius-md);overflow:hidden}.context-image{width:100%;max-width:200px;height:auto;display:block;border-radius:var(--radius-md);border:1px solid var(--color-border)}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:.65rem;opacity:.7}.message-time{color:inherit}.message-status{display:flex;align-items:center}.message-status.replied{color:inherit}.message-status.failed{color:#fca5a5}.message-status.pending{color:inherit}.chat-input-area{padding:var(--space-4);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);align-items:flex-end}.chat-input{flex:1;min-height:44px;max-height:120px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);resize:none;font-family:inherit;font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.chat-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.chat-send-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.chat-loading{display:flex;justify-content:flex-start;padding:0 var(--space-6)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.typing-indicator span{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--color-text-muted);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.interactions-page{display:flex;height:calc(100vh - var(--header-height));background-color:var(--color-bg-primary);overflow:hidden}.interactions-sidebar{width:380px;min-width:380px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background-color:var(--color-bg-secondary)}.sidebar-header{padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.sidebar-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700}.sync-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.sync-btn:hover{background-color:var(--color-bg-hover);color:var(--color-accent-primary)}.sync-btn:disabled{opacity:.4;cursor:not-allowed}.interactions-filters{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.platform-toggles{display:flex;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:3px}.platform-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.platform-btn:hover{color:var(--color-text-secondary)}.platform-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.platform-btn .platform-icon{width:16px;height:16px}.interactions-tabs{display:flex;padding:var(--space-3) var(--space-4);gap:var(--space-2);border-bottom:1px solid var(--color-border)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-base)}.tab-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.tab-btn.active{background-color:var(--color-accent-light);color:var(--color-accent-primary)}.interactions-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.interactions-main{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-primary);min-width:0}.interactions-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--space-4);padding:var(--space-8)}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-2xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;opacity:.6}.interactions-empty-state h3{font-size:var(--font-size-xl);font-weight:600;margin:0}.interactions-empty-state p{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:300px;text-align:center;line-height:1.6}.spin-animation{animation:spin 1s linear infinite}@media (max-width: 900px){.interactions-sidebar{width:300px;min-width:300px}}@media (max-width: 640px){.interactions-page{flex-direction:column}.interactions-sidebar{width:100%;min-width:unset;max-height:45vh;border-right:none;border-bottom:1px solid var(--color-border)}.interactions-main{flex:1;min-height:0}}.identity-preview{display:flex;flex-direction:column;gap:12px}.identity-header{display:flex;gap:16px;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#6366f11f,#a855f714);border-radius:14px;border:1px solid rgba(99,102,241,.2)}.identity-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.identity-header-info h2{margin:0;font-size:1.2rem;color:var(--text-primary, #e0e0f0)}.identity-bio{margin:4px 0 8px;font-size:.85rem;color:var(--text-secondary, #a0a0b0);font-style:italic}.identity-meta-tags{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{font-size:.65rem;padding:2px 8px;border-radius:20px;font-weight:500}.meta-tag.niche{background:#6366f126;color:#818cf8}.meta-tag.archetype{background:#a855f726;color:#c084fc}.meta-tag.env{background:#22c55e26;color:#4ade80}.meta-tag.realism{background:#f59e0b26;color:#fbbf24}.identity-actions{display:flex;gap:8px}.identity-action-btn{flex:1;padding:10px 16px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.identity-action-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.identity-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.identity-action-btn.secondary{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);color:var(--text-primary, #e0e0f0)}.identity-action-btn.secondary:hover{border-color:#6366f1}.identity-section{border:1px solid var(--border-color, #2a2a3e);border-radius:10px;overflow:hidden}.identity-section-header{width:100%;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-card, #1a1a2e);border:none;color:var(--text-primary, #e0e0f0);cursor:pointer;font-size:.85rem;font-weight:600}.identity-section-header span{flex:1;text-align:left}.identity-section-content{padding:14px;background:var(--bg-elevated, #12121e)}.identity-appearance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.appearance-item{display:flex;flex-direction:column;gap:2px}.appearance-label{font-size:.65rem;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em}.appearance-value{font-size:.8rem;color:var(--text-primary, #e0e0f0);font-weight:500}.identity-trait-group{margin-bottom:12px}.identity-trait-group label{display:block;font-size:.7rem;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.identity-traits{display:flex;flex-wrap:wrap;gap:6px}.trait-chip{font-size:.7rem;padding:3px 10px;border-radius:20px;background:#6366f11f;color:#818cf8}.trait-chip.value{background:#22c55e1f;color:#4ade80}.trait-chip.quirk{background:#f59e0b1f;color:#fbbf24}.trait-chip.theme{background:#a855f71f;color:#c084fc}.trait-text{font-size:.8rem;color:var(--text-secondary, #a0a0b0);margin:0;line-height:1.5}.color-palette{display:flex;gap:6px}.color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid rgba(255,255,255,.1)}.example-caption{font-size:.8rem;color:var(--text-secondary, #a0a0b0);padding:6px 10px;background:#6366f10d;border-radius:6px;margin-bottom:4px;font-style:italic}.identity-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-column h5{margin:0 0 8px;font-size:.8rem;color:var(--text-primary, #e0e0f0)}.rules-column ul{margin:0;padding:0 0 0 16px;font-size:.75rem;color:var(--text-secondary, #a0a0b0);list-style:"— "}.rules-column ul li{margin-bottom:4px}.identity-prompt-section{margin-bottom:12px}.identity-prompt-section label{display:block;font-size:.7rem;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.prompt-box{position:relative;background:var(--bg-card, #1a1a2e);padding:10px 36px 10px 12px;border-radius:8px;border:1px solid var(--border-color, #2a2a3e);margin-bottom:6px}.prompt-box code{font-size:.75rem;color:#a0a0b0;word-break:break-word;white-space:pre-wrap}.prompt-copy{position:absolute;top:8px;right:8px;background:#6366f133;border:none;border-radius:6px;padding:4px;color:#818cf8;cursor:pointer;transition:all .15s}.prompt-copy:hover{background:#6366f166}.plan-view{display:flex;flex-direction:column;gap:12px}.plan-loading,.plan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-secondary, #a0a0b0);text-align:center}.plan-empty p{margin:0;font-weight:600;color:var(--text-primary, #e0e0f0)}.plan-empty span{font-size:.8rem}.plan-header{display:flex;justify-content:space-between;align-items:center}.plan-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;color:var(--text-primary, #e0e0f0)}.plan-week-nav{display:flex;align-items:center;gap:8px}.plan-week-nav button{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:6px;padding:4px;color:var(--text-primary, #e0e0f0);cursor:pointer}.plan-week-nav button:disabled{opacity:.3;cursor:not-allowed}.plan-week-nav span{font-size:.8rem;font-weight:600;color:var(--text-primary, #e0e0f0)}.plan-week-tabs{display:flex;gap:6px}.plan-week-tab{flex:1;padding:8px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;color:var(--text-secondary, #a0a0b0);font-size:.8rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.plan-week-tab.active{border-color:#6366f1;background:#6366f11a;color:#818cf8}.plan-week-count{display:inline-block;margin-left:4px;font-size:.65rem;padding:1px 5px;border-radius:8px;background:#6366f133;color:#818cf8}.plan-timeline{display:flex;flex-direction:column;gap:4px}.plan-no-items{text-align:center;padding:20px;color:var(--text-secondary, #a0a0b0);font-size:.85rem}.plan-item{display:grid;grid-template-columns:50px 16px 1fr auto;gap:10px;align-items:center;padding:10px 12px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;cursor:pointer;transition:all .15s}.plan-item:hover{border-color:#6366f14d}.plan-item.selected{border-color:#6366f1;background:#6366f10d}.plan-item-day{text-align:center}.plan-day-name{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary, #a0a0b0)}.plan-day-date{font-size:1.1rem;font-weight:700;color:var(--text-primary, #e0e0f0)}.plan-item-line{display:flex;justify-content:center}.plan-item-dot{width:10px;height:10px;border-radius:50%;border:2px solid #6366f1;background:var(--bg-card, #1a1a2e)}.plan-item-content{display:flex;flex-direction:column;gap:2px}.plan-item-type{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#818cf8;text-transform:capitalize}.plan-item-category{font-size:.8rem;color:var(--text-primary, #e0e0f0);font-weight:500}.plan-item-objective{font-size:.7rem;color:var(--text-secondary, #a0a0b0)}.plan-detail{padding:16px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px}.plan-detail h4{margin:0 0 12px;font-size:.95rem;color:var(--text-primary, #e0e0f0)}.plan-detail-field{margin-bottom:10px}.plan-detail-field label{display:block;font-size:.65rem;font-weight:600;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.plan-detail-field pre{background:var(--bg-elevated, #12121e);padding:10px;border-radius:6px;font-size:.75rem;color:var(--text-secondary, #a0a0b0);overflow-x:auto;margin:0;white-space:pre-wrap}.plan-detail-field p{margin:0;font-size:.8rem;color:var(--text-secondary, #a0a0b0)}.batch-progress{display:flex;flex-direction:column;gap:12px}.batch-loading,.batch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text-secondary, #a0a0b0);text-align:center}.batch-empty p{margin:0;font-weight:600;color:var(--text-primary, #e0e0f0)}.batch-empty span{font-size:.8rem}.batch-header{display:flex;justify-content:space-between;align-items:center}.batch-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;color:var(--text-primary, #e0e0f0)}.batch-refresh{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:6px;padding:6px;color:var(--text-secondary, #a0a0b0);cursor:pointer}.batch-refresh:hover{color:#818cf8;border-color:#6366f1}.batch-list{display:flex;flex-direction:column;gap:8px}.batch-item{padding:14px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px}.batch-item.completed{border-color:#22c55e4d}.batch-item.failed{border-color:#ef44444d}.batch-item.running{border-color:#6366f14d}.batch-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.batch-item-info{display:flex;flex:1;justify-content:space-between;align-items:center}.batch-item-count{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--text-primary, #e0e0f0)}.batch-item-time{font-size:.7rem;color:var(--text-secondary, #a0a0b0)}.batch-progress-bar{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden;margin-bottom:4px}.batch-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.batch-progress-text{font-size:.7rem;color:var(--text-secondary, #a0a0b0)}.batch-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#ef444414;border-radius:6px;font-size:.7rem;color:#ef4444}.strategy-page{padding:24px;max-width:1440px;margin:0 auto}.strategy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:60vh;color:var(--text-secondary, #a0a0b0)}.strategy-header{margin-bottom:24px;padding:24px 28px;background:linear-gradient(135deg,#6366f126,#a855f71a);border-radius:16px;border:1px solid rgba(99,102,241,.2)}.strategy-header-content{display:flex;align-items:center;gap:16px}.strategy-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.strategy-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.strategy-header p{margin:4px 0 0;color:var(--text-secondary, #a0a0b0);font-size:.9rem}.strategy-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.875rem}.strategy-error button{margin-left:auto;background:none;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer}.strategy-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media (max-width: 1100px){.strategy-grid{grid-template-columns:1fr}}.strategy-section{margin-bottom:24px}.strategy-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-primary, #e0e0f0)}.strategy-section-header h3{margin:0;font-size:1rem;font-weight:600}.strategy-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.strategy-cards.compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.strategy-card{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.strategy-card:hover{border-color:#6366f166;background:#6366f10d}.strategy-card.selected{border-color:#6366f1;background:#6366f11f;box-shadow:0 0 0 1px #6366f1,0 4px 12px #6366f126}.strategy-card-name{font-weight:600;font-size:.875rem;color:var(--text-primary, #e0e0f0)}.strategy-card-desc{font-size:.75rem;color:var(--text-secondary, #a0a0b0);line-height:1.4}.strategy-card-tags,.strategy-card-traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.strategy-tag,.strategy-trait{font-size:.65rem;padding:2px 8px;border-radius:20px;background:#6366f126;color:#818cf8;white-space:nowrap}.strategy-trait{background:#a855f726;color:#c084fc}.strategy-card-meta{display:flex;gap:12px;font-size:.7rem;color:var(--text-secondary, #a0a0b0);margin-top:4px}.strategy-card-levels{display:flex;gap:12px;font-size:.7rem;color:var(--text-secondary, #a0a0b0)}.strategy-level-group{margin-bottom:16px}.strategy-level-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary, #a0a0b0);margin-bottom:8px}.strategy-level-options{display:flex;gap:8px;flex-wrap:wrap}.strategy-level-btn{flex:1;min-width:90px;padding:10px 8px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.strategy-level-btn:hover{border-color:#6366f166}.strategy-level-btn.selected{border-color:#6366f1;background:#6366f11f}.strategy-level-icon{font-size:1.2rem}.strategy-level-label{font-size:.75rem;font-weight:600;color:var(--text-primary, #e0e0f0)}.strategy-level-desc{font-size:.6rem;color:var(--text-secondary, #a0a0b0)}.strategy-gender-options{display:flex;gap:8px}.strategy-gender-options .strategy-level-btn{flex-direction:row;gap:12px;padding:12px 20px;justify-content:center}.strategy-select{width:100%;padding:12px 16px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;color:var(--text-primary, #e0e0f0);font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.strategy-select:focus{outline:none;border-color:#6366f1}.strategy-config{padding-bottom:80px}.strategy-preview{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.strategy-tabs{display:flex;gap:4px;background:var(--bg-card, #1a1a2e);padding:4px;border-radius:10px;border:1px solid var(--border-color, #2a2a3e)}.strategy-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #a0a0b0);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.strategy-tab:hover:not(:disabled){background:#6366f114}.strategy-tab.active{background:#6366f126;color:#818cf8}.strategy-tab:disabled{opacity:.3;cursor:not-allowed}.strategy-batch-config{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;padding:16px}.strategy-batch-config h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.9rem;color:var(--text-primary, #e0e0f0)}.strategy-batch-desc{font-size:.8rem;color:var(--text-secondary, #a0a0b0);margin:0 0 12px}.strategy-batch-count label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.strategy-batch-count-btns{display:flex;gap:6px;margin-bottom:12px}.strategy-batch-count-btn{flex:1;padding:8px;background:var(--bg-elevated, #12121e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;color:var(--text-secondary, #a0a0b0);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.strategy-batch-count-btn:hover{border-color:#6366f166}.strategy-batch-count-btn.selected{border-color:#6366f1;background:#6366f11f;color:#818cf8}.strategy-summary-card,.strategy-policies-card{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;padding:16px}.strategy-summary-card h3,.strategy-policies-card h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;color:var(--text-primary, #e0e0f0)}.strategy-summary-items{display:flex;flex-direction:column;gap:8px}.strategy-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.strategy-summary-item .label{color:var(--text-secondary, #a0a0b0)}.strategy-summary-item .value{color:var(--text-primary, #e0e0f0);font-weight:500}.strategy-policies-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.policy-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:#6366f10d;border-radius:8px}.policy-label{font-size:.65rem;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em}.policy-value{font-size:.9rem;font-weight:600;color:#818cf8}.policy-input{width:100%;padding:4px 8px;font-size:.85rem;font-weight:600;color:#818cf8;background-color:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px;outline:none;transition:all .2s}.policy-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.policy-input:hover{border-color:#6366f166}select.policy-input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=number].policy-input{-moz-appearance:textfield;width:60px}.policy-input-group{display:flex;align-items:center;gap:4px}.policy-unit{font-size:.75rem;color:#818cf8;font-weight:600}.strategy-generate-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.strategy-generate-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 8px 24px #6366f14d}.strategy-generate-btn.disabled{opacity:.5;cursor:not-allowed}.strategy-result{background:var(--bg-card, #1a1a2e);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px}.strategy-result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#22c55e}.strategy-result-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #e0e0f0)}.strategy-result-bio{font-size:.85rem;color:var(--text-secondary, #a0a0b0);margin:0 0 16px;font-style:italic}.strategy-result-section{margin-top:16px}.strategy-result-section h4{font-size:.8rem;font-weight:600;color:var(--text-primary, #e0e0f0);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.strategy-result-section pre{background:var(--bg-elevated, #12121e);padding:12px;border-radius:8px;font-size:.75rem;color:var(--text-secondary, #a0a0b0);overflow-x:auto;margin:0}.strategy-prompt-box{position:relative;background:var(--bg-elevated, #12121e);padding:10px 40px 10px 12px;border-radius:8px;margin-bottom:8px}.strategy-prompt-box code{font-size:.75rem;color:#a0a0b0;word-break:break-word}.strategy-copy-btn{position:absolute;top:8px;right:8px;background:#6366f133;border:none;border-radius:6px;padding:4px;color:#818cf8;cursor:pointer}.strategy-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strategy-rules h5{margin:0 0 6px;font-size:.8rem}.strategy-rules ul{margin:0;padding:0 0 0 16px;font-size:.75rem;color:var(--text-secondary, #a0a0b0)}.strategy-rules ul li{margin-bottom:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.catalog-page{padding:24px;max-width:1280px;margin:0 auto}.catalog-header{margin-bottom:24px;padding:24px 28px;background:linear-gradient(135deg,#6366f126,#a855f71a);border-radius:16px;border:1px solid rgba(99,102,241,.2)}.catalog-header-content{display:flex;align-items:center;gap:16px}.catalog-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.catalog-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.catalog-header p{margin:4px 0 0;color:var(--text-secondary, #a0a0b0);font-size:.9rem}.catalog-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.875rem}.catalog-error button{margin-left:auto;background:none;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer}.catalog-tabs{display:flex;gap:6px;margin-bottom:16px}.catalog-tab{flex:1;padding:10px 16px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;color:var(--text-secondary, #a0a0b0);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.catalog-tab:hover{border-color:#6366f14d}.catalog-tab.active{border-color:#6366f1;background:#6366f114;color:#818cf8}.catalog-tab-count{margin-left:auto;font-size:.65rem;padding:1px 6px;border-radius:8px;background:#6366f126;color:#818cf8}.catalog-toolbar{display:flex;gap:10px;margin-bottom:16px}.catalog-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:10px;transition:border-color .15s}.catalog-search:focus-within{border-color:#6366f1}.catalog-search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary, #e0e0f0);font-size:.85rem}.catalog-search svg{color:var(--text-secondary, #a0a0b0)}.catalog-add-btn{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:10px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.catalog-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.catalog-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-secondary, #a0a0b0)}.catalog-table-wrap{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:12px;overflow:hidden}.catalog-table{width:100%;border-collapse:collapse}.catalog-table thead{background:#6366f10d}.catalog-table th{padding:10px 14px;text-align:left;font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #2a2a3e)}.catalog-table td{padding:10px 14px;font-size:.8rem;color:var(--text-primary, #e0e0f0);border-bottom:1px solid rgba(255,255,255,.03)}.catalog-table tr:hover td{background:#6366f108}.catalog-table tr.inactive td{opacity:.45}.catalog-table code{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#6366f11a;color:#818cf8}.catalog-name-cell{font-weight:500}.catalog-desc-cell{color:var(--text-secondary, #a0a0b0);font-size:.75rem}.catalog-empty-row{text-align:center;color:var(--text-secondary, #a0a0b0);padding:24px!important}.catalog-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.catalog-toggle.active{color:#22c55e}.catalog-toggle.inactive{color:#6b7280}.catalog-toggle:hover{background:#6366f11a}.catalog-edit-btn{background:#6366f11a;border:none;border-radius:6px;padding:6px;color:#818cf8;cursor:pointer;transition:all .15s}.catalog-edit-btn:hover{background:#6366f133}.catalog-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.catalog-modal{width:520px;max-height:85vh;background:var(--bg-elevated, #12121e);border:1px solid var(--border-color, #2a2a3e);border-radius:16px;display:flex;flex-direction:column}.catalog-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #2a2a3e)}.catalog-modal-header h3{margin:0;font-size:1rem;color:var(--text-primary, #e0e0f0)}.catalog-modal-close{background:none;border:none;color:var(--text-secondary, #a0a0b0);cursor:pointer;padding:4px;border-radius:6px}.catalog-modal-close:hover{background:#ef44441a;color:#ef4444}.catalog-modal-body{padding:20px;overflow-y:auto;flex:1}.catalog-field{margin-bottom:14px}.catalog-field label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0b0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.catalog-field input,.catalog-field textarea,.catalog-field select{width:100%;padding:8px 12px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;color:var(--text-primary, #e0e0f0);font-size:.85rem;outline:none;transition:border-color .15s}.catalog-field input:focus,.catalog-field textarea:focus,.catalog-field select:focus{border-color:#6366f1}.catalog-field textarea{resize:vertical;font-family:inherit}.catalog-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tag-editor{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;padding:8px}.tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.tag-chip{display:flex;align-items:center;gap:4px;font-size:.7rem;padding:2px 8px;border-radius:14px;background:#6366f11f;color:#818cf8}.tag-chip button{background:none;border:none;color:#818cf8;font-size:.8rem;cursor:pointer;padding:0;margin-left:2px}.tag-chip button:hover{color:#ef4444}.tag-input-wrap{display:flex;gap:6px}.tag-input-wrap input{flex:1;background:var(--bg-elevated, #12121e);border:1px solid var(--border-color, #2a2a3e);border-radius:6px;padding:4px 8px;color:var(--text-primary, #e0e0f0);font-size:.75rem;outline:none}.tag-input-wrap input:focus{border-color:#6366f1}.tag-input-wrap button{background:#6366f126;border:none;border-radius:6px;padding:4px 10px;color:#818cf8;font-weight:700;cursor:pointer}.catalog-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-color, #2a2a3e)}.catalog-cancel-btn{padding:8px 16px;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;color:var(--text-secondary, #a0a0b0);font-size:.8rem;cursor:pointer}.catalog-cancel-btn:hover{border-color:#6366f1}.catalog-save-btn{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.catalog-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.catalog-save-btn:disabled{opacity:.5;cursor:not-allowed}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;min-width:300px;max-width:450px;pointer-events:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.toast-close{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.toast-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}:root{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #252542;--color-bg-card: #1e1e35;--color-bg-hover: #2a2a4a;--color-border: #3a3a5c;--color-border-light: #4a4a6a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0c0;--color-text-muted: #6a6a8a;--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-hover: #818cf8;--color-accent-light: rgba(99, 102, 241, .1);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card: linear-gradient(180deg, rgba(99, 102, 241, .05) 0%, transparent 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(99, 102, 241, .15) 0%, transparent 70%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--header-height: 64px}[data-theme=light]{--color-bg-primary: #f5f5f7;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e8e8ed;--color-bg-card: #ffffff;--color-bg-hover: #f0f0f5;--color-border: #d1d1d6;--color-border-light: #c7c7cc;--color-text-primary: #1c1c1e;--color-text-secondary: #48484a;--color-text-muted: #8e8e93;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:600}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.badge-pending{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-processing{background-color:var(--color-info-light);color:var(--color-info)}.badge-completed,.badge-approved{background-color:var(--color-success-light);color:var(--color-success)}.badge-failed,.badge-rejected{background-color:var(--color-error-light);color:var(--color-error)}.badge-flagged{background-color:var(--color-warning-light);color:var(--color-warning)}.grid{display:grid;gap:var(--space-4)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}