.showcase-container{inset:0;pointer-events:none;position:fixed;z-index:10000}.showcase-overlay-svg{height:100%;inset:0;pointer-events:auto;position:fixed;width:100%}.showcase-spotlight-ring{animation:spotlight-pulse 2s ease-in-out infinite;border:3px solid var(--color-accent-primary);border-radius:var(--radius-lg);box-shadow:0 0 0 4px #8b5cf64d,0 0 30px #8b5cf680,inset 0 0 20px #8b5cf61a;pointer-events:none;position:fixed;z-index:10001}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 4px #8b5cf64d,0 0 30px #8b5cf680,inset 0 0 20px #8b5cf61a}50%{box-shadow:0 0 0 8px #8b5cf633,0 0 50px #8b5cf699,inset 0 0 30px #8b5cf626}}.showcase-pointer{animation:pointer-bounce 1s ease-in-out infinite;color:var(--color-accent-primary);filter:drop-shadow(0 0 10px rgba(139,92,246,.8));position:fixed;z-index:10002}@keyframes pointer-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(-10px)}}.showcase-pointer[style*="rotate(180deg)"]{animation:pointer-bounce-right 1s ease-in-out infinite}@keyframes pointer-bounce-right{0%,to{transform:rotate(180deg) translateX(0)}50%{transform:rotate(180deg) translateX(-10px)}}.showcase-tooltip{animation:tooltip-appear .4s cubic-bezier(.34,1.56,.64,1);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0006,0 0 0 1px #8b5cf633;max-width:calc(100vw - 32px);padding:var(--space-5);pointer-events:auto;position:fixed;width:360px;z-index:10003}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.showcase-tooltip:not([style*="translate(-50%, -50%)"]){animation:tooltip-slide .3s ease}@keyframes tooltip-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.showcase-close{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-3);top:var(--space-3);transition:all var(--transition-fast)}.showcase-close:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.showcase-page-badge{background:linear-gradient(135deg,var(--color-accent-primary-subtle),#ec48991a);border:1px solid #8b5cf633;border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4)}.showcase-tooltip-content{margin-bottom:var(--space-5);text-align:center}.showcase-tooltip-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#ec489933);border-radius:var(--radius-xl);color:var(--color-accent-primary);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.showcase-tooltip-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3)}.showcase-tooltip-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.showcase-tooltip-nav{border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.showcase-dots{display:flex;gap:var(--space-2);justify-content:center}.showcase-dot{background:var(--color-border-subtle);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all var(--transition-fast);width:8px}.showcase-dot:hover{background:var(--color-text-tertiary);transform:scale(1.2)}.showcase-dot.active{background:var(--color-accent-primary);border-radius:var(--radius-full);width:24px}.showcase-dot.completed{background:var(--color-accent-primary);opacity:.5}.showcase-buttons{display:flex;gap:var(--space-3);justify-content:center}.showcase-buttons .btn{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) var(--space-5)}.showcase-buttons .btn-primary{justify-content:center;min-width:120px}@media (max-width:600px){.showcase-tooltip{bottom:20px!important;left:16px!important;position:fixed!important;right:16px!important;top:auto!important;transform:none!important;width:auto!important}.showcase-pointer{display:none}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;max-width:400px;position:fixed;right:24px;z-index:10000}.toast{animation:toast-slide-in .3s ease-out;backdrop-filter:blur(12px);background:var(--color-bg-secondary,#1e1e1e);border:1px solid var(--color-border,#333);border-radius:10px;box-shadow:0 8px 24px #0000004d;gap:12px;padding:12px 16px}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0}.toast-message{color:var(--color-text,#fff);flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-muted,#888);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .15s ease}.toast-close:hover{background:#ffffff1a;color:var(--color-text,#fff)}.toast-success{border-left:3px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:3px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.onboarding-wizard{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100%}.onboarding-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.session-info{gap:var(--space-3)}.company-badge,.session-info{align-items:center;display:flex}.company-badge{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-primary);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.status-badge{font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.status-badge.status-draft{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-badge.status-ingested{background:var(--color-info-subtle);color:var(--color-info)}.status-badge.status-tested{background:var(--color-warning-subtle);color:var(--color-warning)}.status-badge.status-delivered{background:var(--color-success-subtle);color:var(--color-success)}.progress-stepper{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:0;justify-content:center;overflow-x:auto;padding:var(--space-1) var(--space-2)}.step-item{background:#0000;border:none;cursor:pointer;flex-direction:column;gap:2px;min-width:48px;padding:2px}.step-icon,.step-item{align-items:center;display:flex;transition:all var(--transition-fast)}.step-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:9px;height:20px;justify-content:center;width:20px}.step-item.active .step-icon{background:var(--color-accent-primary);box-shadow:0 4px 12px #6366f14d;color:#fff}.step-item.complete .step-icon{background:var(--color-success);color:#fff}.step-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap}.step-item.active .step-label{color:var(--color-accent-primary)}.step-item.complete .step-label{color:var(--color-success)}.step-item:hover:not(.active) .step-icon{background:var(--color-bg-primary)}.step-connector{background:var(--color-border-subtle);flex-shrink:0;height:2px;width:40px}.step-content{flex:1 1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.onboarding-section{max-width:100%;padding:0 var(--space-4)}.section-header{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.section-header>svg{color:var(--color-accent-primary);flex-shrink:0}.section-header>div:not(.section-progress){flex:1 1;min-width:0}.section-header h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.form-group label{color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.form-group textarea{min-height:100px;resize:vertical}.interview-questions{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.question-card{align-items:start;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);grid-template-columns:40px 24px 1fr 200px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.question-card.focused{grid-template-columns:40px 24px 1fr 400px}.question-checkbox{accent-color:var(--color-success);cursor:pointer;height:20px;margin-top:4px;width:20px}.question-card:hover{border-color:var(--color-border-default)}.question-number{align-items:center;background:var(--color-accent-primary-subtle);border-radius:var(--radius-full);color:var(--color-accent-primary);display:flex;flex-shrink:0;font-size:10px;font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.question-content{display:contents}.question-content label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;padding-top:var(--space-1)}.question-content input,.question-content textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast);width:100%}.question-content input:focus,.question-content textarea:focus{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);outline:none}.question-content textarea{height:28px;min-height:28px;overflow:hidden;resize:none;transition:all .2s ease}.question-content textarea:focus,.question-content textarea:not(:placeholder-shown){height:auto;min-height:60px;overflow:auto;resize:vertical}.scale-input{display:flex;flex-wrap:wrap;gap:var(--space-2)}.scale-btn{align-items:center;background:var(--color-bg-tertiary);border:2px solid #0000;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.scale-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.scale-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.review-summary{display:flex;flex-direction:column;gap:var(--space-5)}.review-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.review-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.review-item{border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-2) 0}.review-item:last-child{border-bottom:none}.review-item span{color:var(--color-text-secondary)}.review-item strong{color:var(--color-text-primary)}.capitalize{text-transform:capitalize}.completion-bar{background:var(--color-bg-primary);border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-3);overflow:hidden}.completion-fill{background:var(--color-accent-gradient);height:100%;transition:width .5s ease}.completion-review p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.brains-preview h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.brain-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.brain-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-align:center}.brain-card svg{color:var(--color-accent-primary)}.brain-card h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.brain-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.create-brains-btn{justify-content:center;margin-top:var(--space-4);width:100%}.brains-created-banner{align-items:center;background:var(--color-success-subtle);border-radius:var(--radius-lg);color:var(--color-success);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-4)}.delivery-status{justify-content:center;margin-bottom:var(--space-6);padding:var(--space-6)}.delivery-status,.status-step{align-items:center;display:flex;gap:var(--space-2)}.status-step{flex-direction:column}.status-step .status-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.status-step.current .status-icon{animation:pulse 2s infinite;background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.status-step.complete .status-icon{background:var(--color-success);color:#fff}.status-step span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-step.complete span,.status-step.current span{color:var(--color-text-primary)}.status-line{background:var(--color-border-subtle);height:2px;width:60px}.status-line,.test-brains{margin-bottom:var(--space-6)}.test-brains h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.test-brains>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.test-brain-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.test-brain-card{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-align:center;transition:all var(--transition-fast)}.test-brain-card.tested{background:var(--color-success-subtle);border-color:var(--color-success)}.test-brain-card svg{color:var(--color-accent-primary)}.test-brain-card.tested svg{color:var(--color-success)}.test-brain-card h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.test-brain-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.test-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.deliver-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.deliver-section h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.deliver-section p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.delivered-banner{align-items:center;background:var(--color-success-subtle);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-5)}.delivered-banner svg{color:var(--color-success);flex-shrink:0}.delivered-banner h3{color:var(--color-success);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.delivered-banner p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-1) 0 0 0}.step-navigation{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-6)}.step-counter{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success);opacity:.9}@media (max-width:768px){.brain-cards,.test-brain-cards{grid-template-columns:1fr}.progress-stepper{justify-content:flex-start;padding:var(--space-4)}.step-connector{width:20px}.onboarding-header{flex-wrap:wrap}.session-info{justify-content:center;order:3;width:100%}}.audio-controls-bar{align-items:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-6)}.api-key-error-banner{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s ease;width:100%}.api-key-error-banner:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.01)}.debug-message-banner{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-md);color:#fff;display:flex;font-family:monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-4);width:100%;word-break:break-word}.debug-message-banner.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.audio-controls-left,.audio-controls-right{align-items:center;display:flex;gap:var(--space-3)}.btn-record{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-record:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{opacity:.9}.btn-error{background:var(--color-error);color:#fff}.btn-error:hover{opacity:.9}.recording-indicator{background:#ef44441a;padding:var(--space-2) var(--space-4)}.recording-dot{background:#ef4444;height:10px;width:10px}.recording-dot.paused{animation:none;opacity:.5}.recording-time{color:#ef4444;font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.modal-overlay{background:#0009;padding:var(--space-6)}.modal-content{box-shadow:0 25px 50px -12px #00000040;max-width:600px;padding:var(--space-6)}.modal-content h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-3);margin:0 0 var(--space-3) 0}.modal-content h3 svg{color:var(--color-accent-primary)}.modal-content>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--space-5) 0}.upload-area{align-items:center;background:var(--color-bg-tertiary);border:2px dashed var(--color-border-default);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-8)}.upload-area:hover{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary)}.file-types{color:var(--color-text-muted);font-size:var(--font-size-xs)}.transcript-preview{margin-bottom:var(--space-5)}.transcript-preview h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.transcript-preview pre{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);max-height:200px;overflow-x:auto;overflow-y:auto;padding:var(--space-4);white-space:pre-wrap;word-break:break-word}.modal-actions{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.live-transcript-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);bottom:80px;box-shadow:0 10px 40px #0003;max-height:300px;overflow:hidden;position:fixed;right:var(--space-6);width:400px;z-index:100}.live-transcript-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.live-transcript-header h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.live-transcript-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;max-height:250px;overflow-y:auto;padding:var(--space-4)}.step-item{min-width:70px;padding:var(--space-2)}.step-icon{height:36px;width:36px}.step-connector{width:24px}@media (max-width:1024px){.step-item{min-width:60px}.step-label{font-size:10px}.step-connector{width:16px}.audio-controls-bar{flex-wrap:wrap;gap:var(--space-2)}}.form-grid.two-columns{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid.two-columns{grid-template-columns:1fr}}.api-keys-section{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-6);padding-top:var(--space-6)}.section-subheader{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.section-subheader svg{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.section-subheader h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.section-subheader p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.api-keys-note{background:var(--color-info-subtle);color:var(--color-info)}.api-keys-note,.industry-notice{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.industry-notice{background:var(--color-success-subtle);color:var(--color-success)}.pricing-note{background:var(--color-accent-subtle);border-radius:var(--radius-lg);color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.autosave-indicator,.pricing-note{align-items:center;display:flex;gap:var(--space-2)}.autosave-indicator{background:var(--color-success-subtle);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.audio-controls-center{align-items:center;display:flex;justify-content:center}.header-actions,.review-grid{gap:var(--space-2)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr)}.review-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.deliver-checklist{display:inline-block;list-style:none;margin:var(--space-3) 0 var(--space-5) 0;padding:0;text-align:left}.deliver-checklist li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) 0}.deliver-checklist li svg{color:var(--color-success)}.delivered-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.toast{align-items:center;animation:slideInUp .3s ease;border-radius:var(--radius-lg);bottom:var(--space-6);box-shadow:0 10px 40px #0003;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);position:fixed;right:var(--space-6);z-index:2000}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label svg{margin-right:var(--space-1);vertical-align:middle}.section-progress{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);margin-left:auto}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.progress-text.complete{color:var(--color-success)}.progress-bar-mini{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:4px;overflow:hidden;width:80px}.progress-bar-mini .progress-fill{background:var(--color-accent-primary);height:100%;transition:width .3s ease}.progress-bar-mini .progress-fill.complete{background:var(--color-success)}.transcription-status-bar{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.status-indicator{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2)}.status-dot{background:var(--color-text-muted);border-radius:50%;height:10px;width:10px}.status-indicator.listening .status-dot{animation:pulse-dot 1.5s infinite;background:var(--color-success)}.status-indicator.processing .status-dot{animation:spin 1s linear infinite;background:var(--color-warning)}.status-indicator.idle .status-dot{background:var(--color-text-muted)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.focused-question-hint{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.live-transcript-preview{background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-muted);flex:1 1;font-size:var(--font-size-xs);font-style:italic;max-width:400px;overflow:hidden;padding:var(--space-1) var(--space-2);text-overflow:ellipsis;white-space:nowrap}.question-card.focused{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.question-card.answered .question-number{background:var(--color-success-subtle);color:var(--color-success)}.answered-check{color:var(--color-success);margin-left:var(--space-1)}.textarea-wrapper{flex:1 1;min-width:0;position:relative}.processing-indicator{color:var(--color-accent-primary);position:absolute;right:var(--space-2);top:var(--space-2)}.question-content input.listening,.question-content textarea.listening{animation:listening-pulse 2s infinite;background:#6366f10d;border-color:var(--color-accent-primary)}@keyframes listening-pulse{0%,to{box-shadow:0 0 0 0 #6366f14d}50%{box-shadow:0 0 0 4px #6366f11a}}.step-counter-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.total-progress{align-items:center;display:flex;gap:var(--space-2)}.progress-label{font-size:var(--font-size-xs)}.progress-label.complete{color:var(--color-success);font-weight:var(--font-weight-semibold)}.progress-bar-total{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden;width:100px}.progress-bar-total .progress-fill{background:linear-gradient(90deg,var(--color-accent-primary) 0,var(--color-accent-secondary) 100%);height:100%;transition:width .3s ease}.progress-bar-total .progress-fill.complete{background:linear-gradient(90deg,var(--color-success) 0,#34d399 100%)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0,#34d399 100%)!important;border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff!important}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#22c55e)!important;box-shadow:0 6px 16px #22c55e66;color:#fff!important}.btn-success:disabled{background:linear-gradient(135deg,var(--color-success) 0,#34d399 100%)!important;color:#fff!important;opacity:.8}.transcription-status-inline{color:#f8fafcb3;display:inline-block;font-size:.75rem;margin-left:1rem;vertical-align:middle}.theme-picker{align-items:center;backdrop-filter:blur(12px);background:var(--color-bg-elevated,#1e1e28f2);border:1px solid var(--color-border-default,#ffffff1a);border-radius:50px;bottom:20px;box-shadow:0 4px 24px #00000040;display:flex;gap:6px;left:20px;padding:8px 12px;position:fixed;transition:all .2s ease;z-index:1000}.theme-picker:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 24px #0000004d,var(--shadow-glow)}.theme-swatch{background:var(--color-accent-primary);border-radius:50%;box-shadow:0 0 8px var(--color-accent-primary);cursor:pointer;height:20px;transition:transform .2s ease;width:20px}.theme-swatch:hover{transform:scale(1.1)}.theme-arrow{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary,#ffffff80);cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;transition:all .15s ease;width:22px}.theme-arrow:hover{background:var(--color-accent-primary-subtle,#7c5cff26);color:var(--color-accent-primary)}.mode-toggle{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;margin-left:2px;transition:all .15s ease;width:26px}.mode-toggle:hover{background:var(--color-accent-primary);color:#fff}.theme-light .theme-picker,[class*=-light] .theme-picker{background:#fffffff2;border-color:#0000001a;box-shadow:0 4px 24px #0000001a}.theme-light .theme-arrow,[class*=-light] .theme-arrow{color:var(--color-text-tertiary)}.theme-light .mode-toggle,[class*=-light] .mode-toggle{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.app-shell{background:var(--color-bg-primary);display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;transition:width var(--transition-base);width:var(--sidebar-width);z-index:var(--z-sticky)}.sidebar-collapsed .sidebar{width:72px}.sidebar-header{justify-content:space-between;padding-top:calc(var(--titlebar-height) + var(--space-4))}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:var(--space-3)}.logo-icon{flex-shrink:0;height:32px;object-fit:contain;width:32px}.logo-text{-webkit-text-fill-color:#0000;background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);white-space:nowrap}.collapse-btn{opacity:.6}.collapse-btn:hover{opacity:1}.sidebar-collapsed .collapse-btn{margin:0 auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);overflow-y:auto;padding:var(--space-4)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-primary-subtle)}.nav-item.active,.nav-item.active .nav-icon{color:var(--color-accent-primary)}.nav-icon{flex-shrink:0}.nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-3)}.sidebar-collapsed .nav-label{display:none}.sidebar-footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.user-info-row{gap:var(--space-3);min-width:0}.sidebar-footer-row,.user-info-row{align-items:center;display:flex;width:100%}.sidebar-footer-row{gap:var(--space-2);justify-content:space-between}.user-info{flex:1 1;gap:var(--space-3);min-width:0}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--color-accent-gradient);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.user-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:capitalize}.logout-btn{flex-shrink:0}.sidebar-collapsed .sidebar-footer{justify-content:center;padding:var(--space-3)}.sidebar-collapsed .sidebar-footer-row .admin-mode-toggle,.sidebar-collapsed .user-info-row{display:none}.sidebar-collapsed .sidebar-footer-row{justify-content:center}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.content-header{-webkit-app-region:drag;align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);padding-top:calc(var(--titlebar-height) + var(--space-4))}.content-header>*{-webkit-app-region:no-drag}.mobile-menu-btn{display:none!important}.page-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.header-actions{align-items:center;display:flex;gap:var(--space-3);margin-left:auto}.content-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}@media (max-width:768px){.sidebar{bottom:0;box-shadow:var(--shadow-xl);left:0;position:fixed;top:0;transform:translateX(-100%);z-index:var(--z-modal)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:calc(var(--z-modal) - 1)}.sidebar-overlay.active{display:block}.mobile-menu-btn{display:flex!important}.content-header{padding:var(--space-3) var(--space-4);padding-top:calc(var(--titlebar-height) + var(--space-3))}.page-title{font-size:var(--font-size-lg)}.header-actions{gap:var(--space-2)}.demo-mode-toggle .btn-text,.showcase-btn .btn-text{display:none}.demo-mode-toggle,.showcase-btn{padding:var(--space-2)}.content-body{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 50px)}}.demo-mode-banner{align-items:center;animation:demo-gradient 3s ease infinite;background:linear-gradient(90deg,#8b5cf6,#ec4899,#8b5cf6);background-size:200% 100%;border-radius:var(--radius-full) var(--radius-full) 0 0;bottom:0;box-shadow:0 -2px 12px #8b5cf666;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);height:32px;justify-content:center;left:50%;padding:0 var(--space-4);pointer-events:none;position:fixed;transform:translateX(-50%);z-index:var(--z-fixed)}@keyframes demo-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-mode-toggle{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.demo-mode-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.demo-mode-toggle.active{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf6;color:#a78bfa}.demo-mode-toggle svg{flex-shrink:0}.showcase-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.showcase-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.showcase-btn svg{flex-shrink:0}.client-context-banner{align-items:center;animation:client-gradient 4s ease infinite;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6);background-size:200% 100%;border-radius:var(--radius-full);box-shadow:0 2px 12px #3b82f666;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);height:36px;justify-content:center;left:50%;padding:0 var(--space-4);padding-right:var(--space-2);position:fixed;top:calc(var(--titlebar-height) + 8px);transform:translateX(-50%);z-index:var(--z-fixed)}.client-context-banner strong{font-weight:var(--font-weight-bold)}.client-dismiss-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:var(--space-2);pointer-events:auto;position:relative;transition:all var(--transition-fast);width:24px;z-index:10}.client-dismiss-btn:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes client-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.update-progress-banner{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-lg);box-shadow:0 4px 16px #22c55e66;color:#fff;display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);left:50%;min-width:280px;padding:var(--space-3) var(--space-4);position:fixed;top:calc(var(--titlebar-height) + 50px);transform:translateX(-50%);z-index:var(--z-fixed)}.update-progress-bar{background:#ffffff4d;border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.update-progress-fill{background:#fff;border-radius:var(--radius-full);height:100%;transition:width .3s ease}.admin-mode-toggle{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-2);padding:var(--space-2);transition:background-color .2s ease}.admin-mode-toggle:hover{background:var(--color-bg-secondary)}.admin-mode-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:14px;width:14px}.admin-mode-label{user-select:none}.nav-item.disabled{cursor:pointer;opacity:.5;position:relative}.nav-item.disabled:hover{background:#8b5cf61a}.nav-item.disabled .nav-label,.nav-lock-icon{color:#f8fafc80}.nav-lock-icon{margin-left:auto}.user-avatar-img{border:2px solid var(--border-color);border-radius:50%;height:32px;object-fit:cover;width:32px}.client-logo-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark,#4f46e5));border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;text-transform:uppercase;width:36px}.client-logo{border-radius:8px;object-fit:cover}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:auto;padding:var(--space-6);position:relative}.login-bg{overflow:hidden;z-index:0}.bg-gradient,.login-bg{inset:0;position:absolute}.bg-gradient{background:radial-gradient(ellipse at 50% 0,#6366f126 0,#0000 50%)}.bg-glow{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.bg-glow-1{background:#6366f14d;height:600px;right:-100px;top:-200px;width:600px}.bg-glow-2{animation-delay:-10s;background:#8b5cf64d;bottom:-100px;height:400px;left:-100px;width:400px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}.login-container{animation:scaleIn .4s ease-out;backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);max-width:420px;padding:var(--space-10);position:relative;width:100%;z-index:1}.login-header{text-align:center}.auth-tabs,.login-header{margin-bottom:var(--space-6)}.auth-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);padding:var(--space-1)}.auth-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.auth-tab.active,.auth-tab:hover{color:var(--color-text-primary)}.auth-tab.active{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.login-logo{align-items:center;background:var(--color-accent-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);display:flex;height:72px;justify-content:center;margin:0 auto var(--space-5);width:72px}.login-logo-icon{height:48px;object-fit:contain;width:48px}.login-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:calc(var(--space-4) + 24px);padding-right:var(--space-12)}.input-icon{left:var(--space-4);pointer-events:none}.input-icon,.password-toggle{color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);right:var(--space-3);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text-secondary)}.error-message{background:var(--color-error-subtle);color:var(--color-error)}.error-message,.success-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);text-align:center}.success-message{background:#22c55e26;color:#22c55e}.forgot-header{margin-bottom:var(--space-6);text-align:center}.forgot-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.forgot-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.back-to-login{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.back-to-login:hover{color:var(--color-accent-secondary)}.forgot-password-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:block;font-size:var(--font-size-sm);margin-top:calc(var(--space-3)*-1);text-align:right;transition:color var(--transition-fast);width:100%}.forgot-password-link:hover{color:var(--color-accent-primary)}.login-submit{margin-top:var(--space-2);width:100%}.oauth-section{margin-top:var(--space-6)}.oauth-divider{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.oauth-divider:after,.oauth-divider:before{background:var(--color-border-default);content:"";flex:1 1;height:1px}.oauth-divider span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap}.google-login-btn{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);display:flex;gap:var(--space-3);justify-content:center;transition:all var(--transition-fast);width:100%}.google-login-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-emphasis)}.demo-section{margin-top:var(--space-8)}.demo-divider{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-5)}.demo-divider:after,.demo-divider:before{background:var(--color-border-default);content:"";flex:1 1;height:1px}.demo-divider span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap}.demo-buttons{gap:var(--space-3)}.demo-btn,.demo-buttons{display:flex;flex-direction:column}.demo-btn{align-items:flex-start;padding:var(--space-3) var(--space-4);text-align:left}.demo-btn-role{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.demo-btn-email{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.login-footer{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-8);text-align:center}.token-input-section{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;margin-top:1rem;padding:1rem}.token-instructions{color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem;text-align:center}.value-metrics{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-5)}.value-metrics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.header-title{gap:var(--space-2)}.header-title h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.demo-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.primary-metrics{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.metric-card{align-items:flex-start;background:var(--color-bg-tertiary);border:1px solid #0000;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.metric-card:hover{border-color:var(--color-border-subtle);transform:translateY(-2px)}.metric-card.featured{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e4d}.metric-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.metric-hours .metric-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.metric-questions .metric-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa}.metric-value-generated .metric-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80}.metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.metric-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.metric-unit{color:var(--color-text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-left:var(--space-1)}.metric-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.metric-delta{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--space-1);margin-top:var(--space-1)}.metric-delta.positive{color:#22c55e}.metric-delta.negative{color:#ef4444}.weekly-activity{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.weekly-activity h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-4)}.activity-chart{align-items:flex-end;display:flex;gap:var(--space-2);height:120px;justify-content:space-between}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.chart-bar{align-items:flex-start;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;justify-content:center;margin-top:auto;max-width:40px;padding-top:var(--space-1);transition:all var(--transition-fast)}.chart-bar:hover{background:linear-gradient(180deg,#a78bfa,#818cf8);transform:scaleY(1.05);transform-origin:bottom}.bar-value{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:0;transition:opacity var(--transition-fast)}.chart-bar:hover .bar-value{opacity:1}.bar-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-2)}.secondary-metrics{border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-around;padding-top:var(--space-4)}.secondary-stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.secondary-stat svg{color:var(--color-text-tertiary)}.secondary-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.secondary-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@media (max-width:900px){.primary-metrics{grid-template-columns:1fr}.metric-card{padding:var(--space-4)}.metric-value{font-size:var(--font-size-2xl)}}@media (max-width:600px){.secondary-metrics{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.secondary-stat{flex-direction:row;gap:var(--space-2)}}.dashboard{margin:0 auto;max-width:1400px}.welcome-section{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-8)}.welcome-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.welcome-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.stats-section{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.stat-card{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);gap:var(--space-4);overflow:hidden;padding:var(--space-5);position:relative}.stat-card-highlight{background:var(--color-accent-primary-subtle);border-color:#6366f14d}.stat-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-accent-primary);flex-shrink:0}.stat-card-highlight .stat-icon{background:var(--color-accent-primary);color:#fff}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.stat-progress{background:#ffffff1a;bottom:0;height:4px;left:0;position:absolute;right:0}.stat-progress-bar{background:var(--color-accent-gradient);height:100%;transition:width 1s ease-out}.dashboard-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.panel-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;padding:var(--space-5)}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.panel-link{align-items:center;color:var(--color-accent-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1);transition:gap var(--transition-fast)}.panel-link:hover{gap:var(--space-2)}button.panel-link{background:none;border:none;cursor:pointer}.panel-link svg.rotate-down{transform:rotate(90deg)}.panel-link svg{transition:transform .2s ease}.panel-content{padding:var(--space-4)}.task-item{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3);transition:background var(--transition-fast)}.task-item:hover{background:var(--color-bg-tertiary)}.task-checkbox{accent-color:var(--color-accent-primary);cursor:pointer;height:20px;margin-top:2px;width:20px}.task-label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.task-title{color:var(--color-text-primary);font-size:var(--font-size-sm)}.task-meta{align-items:center;display:flex;gap:var(--space-3)}.task-priority{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-transform:capitalize}.priority-high{background:var(--color-error-subtle);color:var(--color-error)}.priority-medium{background:var(--color-warning-subtle);color:var(--color-warning)}.priority-low{background:var(--color-success-subtle);color:var(--color-success)}.task-time{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.task-item.completed .task-title{color:var(--color-text-tertiary);text-decoration:line-through}.task-item.completed{opacity:.6}.task-count{background:var(--color-success-subtle);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2);padding:var(--space-1) var(--space-2)}.panel-actions{gap:var(--space-2)}.panel-actions,.voice-task-btn{align-items:center;display:flex}.voice-task-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.voice-task-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.voice-task-btn.recording{animation:pulse-recording 1.5s infinite;background:var(--color-error);border-color:var(--color-error);color:#fff}@keyframes pulse-recording{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}.voice-recording-panel{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid var(--color-error-subtle);border-radius:var(--radius-lg);margin:0 var(--space-4) var(--space-3);padding:var(--space-4)}.recording-indicator{align-items:center;color:var(--color-error);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-3)}.recording-dot{animation:blink 1s infinite;background:var(--color-error);border-radius:50%;height:8px;width:8px}.voice-transcript-preview{background:var(--color-bg-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-3);min-height:40px;padding:var(--space-3)}.recording-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.new-badge{animation:fadeIn .3s ease;background:var(--color-accent-primary);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:9px;font-weight:var(--font-weight-bold);margin-right:var(--space-2);padding:2px 6px}.task-item.new-task{background:#6366f10d;border-left:3px solid var(--color-accent-primary)}.activity-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3);transition:background var(--transition-fast)}.activity-item:hover{background:var(--color-bg-tertiary)}.activity-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon-document{background:var(--color-info-subtle);color:var(--color-info)}.activity-icon-recording{background:var(--color-error-subtle);color:var(--color-error)}.activity-icon-audio{background:var(--color-warning-subtle);color:var(--color-warning)}.activity-icon-question{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.activity-content{display:flex;flex-direction:column;min-width:0}.activity-title{color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.empty-state{padding:var(--space-6)}.empty-state p{color:var(--color-text-tertiary)}.quick-actions-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.quick-action{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);text-decoration:none;transition:all var(--transition-fast)}.quick-action:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-2px)}.quick-action span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}@media (max-width:1024px){.stats-section{grid-template-columns:repeat(3,1fr)}.stat-label{word-wrap:break-word;white-space:normal}}@media (max-width:768px){.welcome-section{flex-direction:column;padding:var(--space-6);text-align:center}.welcome-title{font-size:var(--font-size-2xl)}.stats-section{grid-template-columns:1fr 1fr}.stat-card{align-items:center;flex-direction:column;text-align:center}.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.tasks-panel .panel-header{flex-wrap:wrap;gap:var(--space-2)}.tasks-panel .panel-title{flex:1 1 100%}.panel-actions{justify-content:space-between;width:100%}.voice-task-btn{height:28px;width:28px}.voice-recording-panel{margin:0 var(--space-3) var(--space-2);padding:var(--space-3)}.recording-actions{flex-direction:column;gap:var(--space-2)}.recording-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.stats-section{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:var(--font-size-xl)}.quick-action{padding:var(--space-4)}.task-label{gap:var(--space-2)}.task-meta{flex-wrap:wrap}}.knowledge-provider{margin:0 auto;max-width:1200px}.onboarding-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);padding:var(--space-6)}.knowledge-score-header{align-items:flex-start;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-5)}.score-title h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.score-title p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.score-meter{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.score-value{font-size:var(--font-size-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:1}.strength-bars{display:flex;gap:4px}.strength-bar{border-radius:var(--radius-sm);height:8px;transition:background-color .3s ease;width:20px}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.score-breakdown{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.score-category{display:flex;flex-direction:column;gap:var(--space-2)}.category-header{align-items:center;display:flex;justify-content:space-between}.category-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.category-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.category-bar{background:var(--color-bg-tertiary);height:8px;overflow:hidden}.category-bar,.category-fill{border-radius:var(--radius-full)}.category-fill{height:100%;transition:width .5s ease,background-color .3s ease}.category-score{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.score-status{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}@media (max-width:768px){.knowledge-score-header{flex-direction:column}.score-meter{flex-direction:row;justify-content:space-between;width:100%}.score-breakdown{grid-template-columns:1fr}}.onboarding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.onboarding-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.onboarding-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.progress-circle{height:64px;position:relative;width:64px}.progress-circle svg{height:100%;transform:rotate(-90deg);width:100%}.progress-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:3}.progress-bar{fill:none;stroke:url(#gradient);stroke:var(--color-accent-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checklist{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checklist-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.checklist-item.completed{background:var(--color-success-subtle);color:var(--color-success)}.check-icon{color:var(--color-text-muted);flex-shrink:0}.check-icon.completed{color:var(--color-success)}.item-icon{opacity:.7}.provider-nav{background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow-x:auto;padding:var(--space-2)}.nav-tab,.provider-nav{display:flex;gap:var(--space-2)}.nav-tab{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-tab.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.provider-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);min-height:400px;padding:var(--space-8)}.recorder-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-4);height:300px;justify-content:center}.recorder-loading .animate-spin{animation:spin 1s linear infinite}.screen-recorder h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-5);text-align:center}.source-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--space-8)}.source-item{background:var(--color-bg-tertiary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-3);position:relative;transition:all var(--transition-fast)}.source-item:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.source-item.selected{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary)}.source-thumbnail{aspect-ratio:16/9;background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-2);object-fit:cover;width:100%}.source-name{color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-selected-badge{align-items:center;background:var(--color-accent-primary);border-radius:var(--radius-full);color:#fff;height:24px;position:absolute;right:var(--space-2);top:var(--space-2);width:24px}.recorder-actions,.source-selected-badge{display:flex;justify-content:center}.record-btn{gap:var(--space-3)}.record-dot{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:var(--radius-full);height:12px;width:12px}.recording-active{gap:var(--space-6);padding:var(--space-8) 0}.recording-active,.recording-preview{align-items:center;display:flex;flex-direction:column}.recording-preview{color:var(--color-text-secondary);gap:var(--space-4)}.recording-timer{align-items:center;display:flex;gap:var(--space-3)}.recording-indicator{animation:pulse 1s ease-in-out infinite;background:#ef4444;border-radius:var(--radius-full);height:12px;width:12px}.recording-indicator.paused{animation:none;background:var(--color-warning)}.timer-display{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.recording-controls{align-items:center;display:flex;gap:var(--space-4)}.upload-zone{background:var(--color-bg-tertiary);border:2px dashed var(--color-border-default);border-radius:var(--radius-xl);gap:var(--space-4);padding:var(--space-12);transition:all var(--transition-fast)}.upload-zone.active,.upload-zone:hover{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary)}.upload-zone.active{border-style:solid}.upload-icon{color:var(--color-text-muted)}.upload-zone.active .upload-icon,.upload-zone:hover .upload-icon{color:var(--color-accent-primary)}.upload-zone h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.upload-zone p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.upload-list{margin-top:var(--space-6)}.upload-list h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.upload-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3)}.file-icon{font-size:var(--font-size-xl)}.file-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-name{color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.file-status{width:100px}.upload-progress{background:var(--color-bg-hover);border-radius:var(--radius-full);height:6px;overflow:hidden}.upload-progress-bar{background:var(--color-accent-gradient);height:100%;transition:width .2s ease}.status-complete{color:var(--color-success)}.status-error{color:var(--color-error)}.voice-recorder-main{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) 0}.mic-button{height:120px;position:relative;width:120px}.mic-btn{align-items:center;background:var(--color-bg-tertiary);border:3px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;transition:all var(--transition-fast);width:100%}.mic-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.mic-button.recording .mic-btn{background:var(--color-error);border-color:var(--color-error);color:#fff}.mic-waves{align-items:center;display:flex;gap:4px;inset:-10px;justify-content:center;pointer-events:none;position:absolute}.mic-waves span{animation:wave .5s ease-in-out infinite alternate;background:var(--color-error);border-radius:var(--radius-full);height:20px;width:4px}.mic-waves span:nth-child(2){animation-delay:.1s;height:30px}.mic-waves span:nth-child(3){animation-delay:.2s}@keyframes wave{0%{transform:scaleY(.5)}to{transform:scaleY(1.5)}}.recording-status{align-items:center;color:var(--color-error);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-3)}.recording-status .recording-dot{animation:pulse 1s ease-in-out infinite;background:var(--color-error);border-radius:var(--radius-full);height:10px;width:10px}.mic-instruction{color:var(--color-text-secondary)}.recordings-list{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-8);padding-top:var(--space-6)}.recordings-list h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.recording-item{align-items:center;gap:var(--space-4)}.recording-info{display:flex;flex-direction:column;min-width:120px}.recording-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.recording-duration{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.recording-audio{flex:1 1;height:32px}.transcription-status{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);gap:var(--space-2);margin-left:auto;padding:var(--space-2) var(--space-3)}.transcription-status.transcribing{background:var(--color-warning-subtle,#fbbf241a);color:var(--color-warning)}.transcription-status.transcribing .spin{animation:spin 1s linear infinite}.transcription-status.complete{align-items:flex-start;background:var(--color-success-subtle,#22c55e1a);color:var(--color-success);flex-direction:column}.transcription-status.complete .transcription-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-xs);line-height:1.4;margin-top:var(--space-1);max-width:300px;overflow:hidden;text-overflow:ellipsis}.transcription-status .word-count{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--space-2)}.transcription-status.error{background:var(--color-error-subtle,#ef44441a);color:var(--color-error)}.recording-item{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4)}.recording-item .recording-header{align-items:center;display:flex;gap:var(--space-3)}.recording-item.transcribing{border:1px solid var(--color-warning)}.recording-item.complete{border:1px solid var(--color-success)}.recording-item.error{border:1px solid var(--color-error)}.waveform-canvas{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);height:100px;margin-bottom:var(--space-4);max-width:400px;width:100%}.audio-level-indicator{margin-left:var(--space-2);transition:all .1s ease-out}.debug-log-panel{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-6);overflow:hidden;padding:var(--space-4)}.debug-log-panel h5{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin:0 0 var(--space-3);text-transform:uppercase}.debug-log-entries{font-family:monospace;font-size:var(--font-size-xs);max-height:200px;overflow-y:auto}.debug-log-entry{border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);padding:var(--space-1) 0}.debug-log-entry.info{color:var(--color-text-secondary)}.debug-log-entry.success{color:var(--color-success)}.debug-log-entry.error{color:var(--color-error)}.debug-time{color:var(--color-text-muted);flex-shrink:0}.debug-msg{word-break:break-all}.api-header{margin-bottom:var(--space-6)}.api-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.api-header p{color:var(--color-text-secondary)}.api-list{display:flex;flex-direction:column;gap:var(--space-3)}.api-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.api-icon{font-size:var(--font-size-2xl)}.api-info{display:flex;flex:1 1;flex-direction:column}.api-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.api-status{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.api-status.connected{color:var(--color-success)}.gaps-tab{position:relative}.gaps-badge{align-items:center;background:var(--color-error);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;margin-left:var(--space-2);min-width:18px;padding:0 5px}.knowledge-gaps{display:flex;flex-direction:column;gap:var(--space-5)}.gaps-header{justify-content:space-between}.gaps-header,.gaps-title{align-items:flex-start;display:flex}.gaps-title{gap:var(--space-4)}.gaps-title svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.gaps-title h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.gaps-count,.gaps-title p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.gaps-count{align-items:center;display:flex;gap:var(--space-2)}.count-badge{align-items:center;background:var(--color-warning);border-radius:var(--radius-full);color:#000;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:28px;justify-content:center;min-width:28px;padding:0 8px}.gaps-filters{border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);padding-bottom:var(--space-4)}.filter-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.filter-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.filter-btn.active{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.gaps-layout{display:flex;gap:var(--space-5)}.gaps-list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.gap-card{align-items:flex-start;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.gap-card:hover{background:var(--color-bg-hover)}.gap-card.selected{background:var(--color-accent-primary-subtle);border:1px solid var(--color-accent-primary)}.gap-urgency{border-radius:var(--radius-full);flex-shrink:0;height:100%;min-height:40px;width:4px}.gap-content{flex:1 1}.gap-question{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4;margin:0 0 var(--space-2)}.gap-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.gap-asker,.gap-attempts,.gap-time{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.gap-detail{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-4);padding:var(--space-5);width:400px}.detail-header h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.detail-question{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4)}.question-text{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;margin:0 0 var(--space-3)}.question-context{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.question-context strong{color:var(--color-text-primary)}.answer-form{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.answer-form label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.answer-form textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);min-height:120px;padding:var(--space-3);resize:vertical}.answer-form textarea:focus{border-color:var(--color-accent-primary);outline:none}.answer-form textarea::placeholder{color:var(--color-text-muted)}.answer-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:auto}.gaps-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12);text-align:center}.gaps-empty svg{color:var(--color-success)}.gaps-empty h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.gaps-empty p{color:var(--color-text-tertiary);margin:0}.btn-add-to-brains{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-left:auto;padding:6px 12px;transition:all .2s}.btn-add-to-brains:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 2px 8px #8b5cf666;transform:scale(1.02)}.added-to-brains{background:#22c55e26;border-radius:16px;color:#22c55e;display:inline-flex;font-size:12px;gap:4px;margin-left:auto;padding:6px 12px}.added-to-brains,.status-synced{align-items:center;font-weight:500}.status-synced{background:#10b98126;border-radius:.25rem;color:#10b981;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.bam-brains{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--titlebar-height) - var(--space-8));margin:0 auto;max-width:1400px;width:100%}.brain-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-xl);flex-shrink:0;margin-bottom:var(--space-4);padding:var(--space-3)}.brain-tab,.brain-tabs{display:flex;gap:var(--space-2)}.brain-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-fast)}.brain-tab:hover{color:var(--color-text-primary)}.brain-tab.active,.brain-tab:hover{background:var(--color-bg-tertiary)}.brain-tab.active{border-bottom:2px solid}.brain-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.brain-chat-container{display:flex;height:100%}.conversation-sidebar{background:var(--color-bg-tertiary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4)}.new-chat-btn{align-items:center;background:var(--color-accent-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.new-chat-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.sidebar-search{align-items:center;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sidebar-search input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}.sidebar-search input::placeholder{color:var(--color-text-muted)}.conversation-list{flex:1 1;overflow-y:auto;padding:var(--space-2)}.conversation-group{margin-bottom:var(--space-4)}.group-label{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-2);letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-transform:uppercase}.conversation-item{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;padding:var(--space-3);transition:all var(--transition-fast)}.conversation-item:hover{background:var(--color-bg-hover)}.conversation-item.active{background:var(--color-accent-primary-subtle)}.convo-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.convo-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.convo-preview,.convo-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-preview{color:var(--color-text-muted);font-size:var(--font-size-xs)}.convo-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.conversation-item:hover .convo-actions{opacity:1}.convo-actions button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.convo-actions button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.no-conversations{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.no-conversations p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-3)}.no-conversations span{font-size:var(--font-size-xs)}.brain-chat-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.auto-switch-banner{align-items:center;animation:slideDown .3s ease-out;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4)}.brain-header{background:var(--color-bg-tertiary);border-bottom:2px solid;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.brain-header,.brain-info{align-items:center;display:flex}.brain-info{gap:var(--space-3)}.brain-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.brain-info h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.brain-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.brain-trained{border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:auto;padding:var(--space-2) var(--space-3)}.brain-trained,.chat-mode-toggle{background:var(--color-bg-secondary)}.chat-mode-toggle{border-radius:var(--radius-lg);display:flex;gap:var(--space-1);padding:var(--space-1)}.mode-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.mode-btn.active,.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background:var(--color-bg-tertiary)}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-6)}.message{animation:slideUp .3s ease-out;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;height:36px;justify-content:center;width:36px}.message-content{display:flex;flex-direction:column;gap:var(--space-2);max-width:70%}.message.user .message-content{align-items:flex-end}.message-header{gap:var(--space-2)}.message.user .message-header{flex-direction:row-reverse}.message-sender{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.message-body{border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--space-4)}.message.assistant .message-body{background:var(--color-bg-tertiary);border-top-left-radius:var(--radius-sm);color:var(--color-text-primary)}.message.user .message-body{background:var(--color-accent-primary);border-top-right-radius:var(--radius-sm);color:#fff}.message-body p{margin-bottom:var(--space-3)}.message-body p:last-child{margin-bottom:0}.message-body ol,.message-body ul{margin:var(--space-3) 0;padding-left:var(--space-5)}.message-body li{margin-bottom:var(--space-1)}.message-body code{background:#0003;border-radius:var(--radius-sm);font-family:Monaco,Consolas,monospace;font-size:.9em;padding:var(--space-1) var(--space-2)}.message-body pre{background:var(--color-bg-primary);border-radius:var(--radius-md);margin:var(--space-3) 0;overflow-x:auto;padding:var(--space-4)}.message-body pre code{background:none;padding:0}.message-body h3,.message-body strong{font-weight:var(--font-weight-semibold)}.message-body h3{color:var(--color-text-primary);font-size:var(--font-size-base);margin:var(--space-4) 0 var(--space-2)}.message-body h3:first-child{margin-top:0}.message-body table{border-collapse:collapse;font-size:var(--font-size-xs);margin:var(--space-3) 0;width:100%}.message-body td,.message-body th{border:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-3);text-align:left}.message-body th{background:var(--color-bg-secondary);font-weight:var(--font-weight-semibold)}.message-body blockquote{border-left:3px solid var(--color-accent-primary);color:var(--color-text-secondary);font-style:italic;margin:var(--space-3) 0;padding-left:var(--space-3)}.message-body hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-4) 0}.message-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.message:hover .message-actions{opacity:1}.action-btn{background:#0000;border-radius:var(--radius-md);color:var(--color-text-muted);height:28px;transition:all var(--transition-fast);width:28px}.action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.typing-indicator{display:flex;gap:4px;padding:var(--space-3)}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--color-text-muted);border-radius:var(--radius-full);height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.streaming-cursor{animation:blink .7s infinite;color:var(--color-accent-primary);display:inline-block;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-input-form{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6)}.chat-input-wrapper{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:flex;gap:var(--space-2);padding:var(--space-2);transition:border-color var(--transition-fast)}.chat-input-wrapper:focus-within{border-color:var(--color-accent-primary)}.attach-btn{color:var(--color-text-muted)}.attach-btn:hover,.chat-input{color:var(--color-text-primary)}.chat-input{background:#0000;border:none;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-base);max-height:120px;outline:none;resize:none}.chat-input::placeholder{color:var(--color-text-muted)}.send-btn{flex-shrink:0}.send-btn .spin{animation:spin 1s linear infinite}.voice-input-panel{align-items:center;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;padding:var(--space-8)}.voice-orb{background:var(--color-bg-secondary);border:3px solid var(--color-border-default);border-radius:var(--radius-full);height:100px;transition:all var(--transition-base);width:100px}.voice-orb,.voice-orb button{align-items:center;display:flex;justify-content:center}.voice-orb button{background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;height:100%;width:100%}.voice-orb.listening{animation:pulse 1.5s infinite;background:color-mix(in srgb,var(--brain-color,var(--color-accent-primary)) 20%,#0000);border-color:var(--brain-color,var(--color-accent-primary))}.voice-orb.listening button{color:var(--brain-color,var(--color-accent-primary))}.voice-input-panel .voice-transcript{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-4);min-width:200px;padding:var(--space-4);text-align:center}.voice-input-panel .voice-transcript p{color:var(--color-text-primary);font-size:var(--font-size-sm)}.voice-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-3)}@media (max-width:900px){.brain-chat-container{flex-direction:column}.conversation-sidebar{border-bottom:1px solid var(--color-border-subtle);border-right:none;max-height:200px;width:100%}.brain-trained{display:none}}.knowledge-base-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.kb-header{justify-content:space-between;margin-bottom:2rem}.kb-header,.kb-header-left{align-items:center;display:flex}.kb-header-left{gap:1rem}.kb-header-left h1{font-size:1.75rem;font-weight:700;margin:0}.kb-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.kb-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.kb-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;min-width:250px;padding:0 1rem;position:relative}.kb-search svg{color:var(--text-secondary);flex-shrink:0}.kb-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.9375rem;padding:.75rem}.kb-search input::placeholder{color:var(--text-secondary)}.kb-search input:focus{outline:none}.kb-filter-group{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;padding:0 1rem}.kb-filter-group svg{color:var(--text-secondary)}.kb-filter-group select{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem .5rem}.kb-filter-group select:focus{outline:none}.kb-empty-state,.kb-error,.kb-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.kb-empty-state svg,.kb-error svg,.kb-loading svg{margin-bottom:1rem;opacity:.5}.kb-empty-state h2{color:var(--text-primary);margin:0 0 .5rem}.kb-empty-state p{line-height:1.6;max-width:400px}.kb-items-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kb-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease}.kb-item-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.kb-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.kb-item-type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize}.kb-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.kb-item-card:hover .kb-item-actions{opacity:1}.kb-item-title{-webkit-line-clamp:2;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.kb-item-preview,.kb-item-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kb-item-preview{-webkit-line-clamp:3;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.kb-item-meta{color:var(--text-tertiary);font-size:.75rem;gap:1rem}.kb-item-date,.kb-item-meta{align-items:center;display:flex}.kb-item-date{gap:.375rem}.kb-item-words{background:var(--bg-tertiary);border-radius:999px;padding:.125rem .5rem}.kb-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.kb-modal{animation:modalSlideIn .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:100%}.kb-modal-sm{max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.kb-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.kb-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.kb-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.kb-modal-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.kb-modal-text{color:var(--text-primary);font-size:.9375rem;line-height:1.7;white-space:pre-wrap}.kb-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.text-secondary{color:var(--text-secondary);font-size:.875rem}.btn-danger{background:#ef4444!important;border-color:#ef4444!important}.btn-danger:hover{background:#dc2626!important;border-color:#dc2626!important}.btn-sm{padding:.375rem!important}.btn-icon.btn-sm svg{height:16px;width:16px}.kb-layer-tabs{display:flex;gap:8px;margin-bottom:8px;overflow-x:auto;padding:0 24px}.kb-layer-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.kb-layer-tab:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.kb-layer-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.kb-layer-tab.vault.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.tab-badge{border-radius:4px;font-size:.65rem;padding:2px 6px;text-transform:uppercase}.tab-badge.admin{background:#fff3;color:#fff}.kb-layer-tab:not(.active) .tab-badge.admin{background:#fef3c7;color:#92400e}.kb-layer-description{padding:8px 24px 16px}.kb-layer-description p{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;margin:0}.kb-layer-description svg{opacity:.7}.kb-item-layer-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:2px 8px;text-transform:uppercase}.kb-item-layer-badge.vault{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.kb-item-layer-badge.personal{background:var(--bg-tertiary);color:var(--text-secondary)}.kb-item-layer-badge.library{background:#dbeafe;color:#1e40af}.kb-item-upvote{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:4px 8px;transition:all .2s ease}.kb-item-upvote:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.kb-item-upvote.upvoted{background:#1e40af;border-color:#1e40af;color:#fff}.kb-item-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.theme-light .kb-header-left h1,.theme-light .knowledge-base-page,[class*=-light] .kb-header-left h1,[class*=-light] .knowledge-base-page{color:var(--color-text-primary)}.theme-light .kb-subtitle,[class*=-light] .kb-subtitle{color:var(--color-text-secondary)}.theme-light .kb-filter-group,.theme-light .kb-search,[class*=-light] .kb-filter-group,[class*=-light] .kb-search{background:var(--color-bg-tertiary);border-color:var(--color-border-default)}.theme-light .kb-filter-group select,.theme-light .kb-search input,[class*=-light] .kb-filter-group select,[class*=-light] .kb-search input{color:var(--color-text-primary)}.theme-light .kb-item-card,[class*=-light] .kb-item-card{background:var(--color-bg-primary);border-color:var(--color-border-default)}.theme-light .kb-item-title,[class*=-light] .kb-item-title{color:var(--color-text-primary)}.theme-light .kb-item-preview,[class*=-light] .kb-item-preview{color:var(--color-text-secondary)}.theme-light .kb-item-meta,[class*=-light] .kb-item-meta{color:var(--color-text-tertiary)}.theme-light .kb-modal-overlay,[class*=-light] .kb-modal-overlay{background:#0000004d}.theme-light .kb-modal,[class*=-light] .kb-modal{background:var(--color-bg-primary);border-color:var(--color-border-default);box-shadow:0 20px 60px #00000026}.theme-light .kb-modal-header,[class*=-light] .kb-modal-header{border-bottom-color:var(--color-border-default)}.theme-light .kb-modal-header h2,[class*=-light] .kb-modal-header h2{color:var(--color-text-primary)}.theme-light .kb-modal-header button,[class*=-light] .kb-modal-header button{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.theme-light .kb-modal-header button:hover,[class*=-light] .kb-modal-header button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.theme-light .kb-modal-meta,[class*=-light] .kb-modal-meta{color:var(--color-text-secondary)}.theme-light .kb-modal-text,[class*=-light] .kb-modal-text{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:8px;color:var(--color-text-primary);padding:1rem}.theme-light .kb-modal-actions,[class*=-light] .kb-modal-actions{background:var(--color-bg-tertiary);border-top-color:var(--color-border-default)}.theme-light .kb-modal-content p,[class*=-light] .kb-modal-content p{color:var(--color-text-primary)}.theme-light .kb-empty-state,.theme-light .kb-error,.theme-light .kb-loading,[class*=-light] .kb-empty-state,[class*=-light] .kb-error,[class*=-light] .kb-loading{color:var(--color-text-secondary)}.theme-light .kb-empty-state h2,[class*=-light] .kb-empty-state h2{color:var(--color-text-primary)}.theme-light .kb-layer-tab,[class*=-light] .kb-layer-tab{background:var(--color-bg-tertiary);border-color:var(--color-border-default);color:var(--color-text-secondary)}.theme-light .kb-layer-tab:hover,[class*=-light] .kb-layer-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.admin-panel{margin:0 auto;max-width:1400px}.admin-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-6)}.admin-stat-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-5)}.stat-icon-wrapper{align-items:center;background:var(--color-accent-primary-subtle);border-radius:var(--radius-lg);color:var(--color-accent-primary);display:flex;height:48px;justify-content:center;width:48px}.stat-info{flex:1 1}.stat-info .stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.stat-info .stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stat-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.admin-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);overflow:hidden}.admin-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);padding:var(--space-4)}.tab-spacer{flex:1 1}.admin-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.admin-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-tab.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.clients-section{padding:var(--space-5)}.clients-toolbar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.search-wrapper{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--color-text-muted);left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 24px);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--color-accent-primary);outline:none}.clients-table{width:100%}.table-header,.table-row{align-items:center;gap:var(--space-3);grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 80px 100px;padding:var(--space-4)}.table-header{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.table-row{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.table-row:hover{background:var(--color-bg-tertiary)}.table-row:last-child{border-bottom:none}.col-name{gap:var(--space-3)}.client-avatar,.col-name{align-items:center;display:flex}.client-avatar{background:var(--color-accent-gradient);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.client-info{display:flex;flex-direction:column}.client-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.client-email{color:var(--color-text-tertiary)}.client-email,.plan-badge{font-size:var(--font-size-xs)}.plan-badge{border-radius:var(--radius-full);display:inline-flex;font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.plan-starter{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.plan-professional{background:var(--color-info-subtle);color:var(--color-info)}.plan-enterprise{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.status-active{background:var(--color-success-subtle);color:var(--color-success)}.status-onboarding{background:var(--color-warning-subtle);color:var(--color-warning)}.status-inactive{background:var(--color-error-subtle);color:var(--color-error)}.col-score{align-items:center;display:flex;gap:var(--space-3)}.score-bar{background:var(--color-bg-primary);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.score-fill{background:var(--color-accent-gradient);height:100%;transition:width .5s ease}.score-text{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:40px}.col-usage{display:flex;flex-direction:column}.usage-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.usage-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.col-api{display:flex;gap:var(--space-2)}.api-toggle{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:10px;font-weight:var(--font-weight-semibold);height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.api-toggle.enabled{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.api-toggle:hover{border-color:var(--color-accent-primary)}.col-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.btn-danger:hover{color:var(--color-error)!important}.activity-section{padding:var(--space-5)}.activity-row{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:background var(--transition-fast)}.activity-row:hover{background:var(--color-bg-tertiary)}.activity-icon-lg{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.activity-icon-lg.type-upload{background:var(--color-info-subtle);color:var(--color-info)}.activity-icon-lg.type-recording{background:var(--color-error-subtle);color:var(--color-error)}.activity-icon-lg.type-question{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.activity-icon-lg.type-onboard{background:var(--color-success-subtle);color:var(--color-success)}.activity-details{display:flex;flex:1 1;flex-direction:column}.activity-client{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.activity-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.activity-time-lg{color:var(--color-text-muted);font-size:var(--font-size-sm)}.empty-state{padding:var(--space-12)}.empty-state svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-6)}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);max-width:480px;overflow:hidden;width:100%}.modal-content.modal-lg{max-width:640px}.modal-header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body,.modal-footer{padding:var(--space-5)}.modal-footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-subtle);gap:var(--space-3)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2)}.form-group input,.form-group select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent-primary);outline:none}.form-group-half{flex:1 1}.price-display{background:linear-gradient(135deg,var(--color-accent-primary-subtle),var(--color-info-subtle));border:1px solid var(--color-accent-primary);border-radius:var(--radius-lg);color:var(--color-accent-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--space-3) var(--space-4);text-align:center}.plan-startup{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.plan-executive{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.usage-overview{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.usage-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-4)}.usage-card-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.usage-card-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.usage-chart h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.chart-bars{align-items:flex-end;height:120px}.chart-bar-wrapper,.chart-bars{display:flex;gap:var(--space-2)}.chart-bar-wrapper{align-items:center;flex:1 1;flex-direction:column;height:100%}.chart-bar{background:var(--color-accent-gradient);border-radius:var(--radius-sm);min-height:4px;width:100%}.chart-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1.5fr 80px 80px}.col-usage{display:none}}@media (max-width:900px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 80px}.col-api,.col-score{display:none}}.col-name.clickable{cursor:pointer;transition:all .2s ease}.col-name.clickable:hover{background:var(--color-accent-primary-subtle);border-radius:var(--radius-lg);margin:-.5rem;padding:.5rem}.col-name.clickable:hover .client-name{color:var(--color-accent-primary)}.profile-overview{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-5)}.profile-avatar-large{align-items:center;background:var(--color-accent-gradient);border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:64px;justify-content:center;width:64px}.profile-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1)}.profile-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2)}.profile-section{margin-bottom:var(--space-5)}.profile-section h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-3);text-transform:uppercase}.onboarding-progress{background:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-4)}.progress-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.progress-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.progress-value{color:var(--color-warning);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.progress-bar-large{background:var(--color-bg-primary);border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-3);overflow:hidden}.progress-fill{background:var(--color-accent-gradient);transition:width .5s ease}.progress-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.knowledge-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.knowledge-item{display:grid;gap:var(--space-3);grid-template-columns:120px 1fr 100px}.knowledge-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.knowledge-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.knowledge-fill{height:100%;transition:width .5s ease}.knowledge-fill.docs{background:var(--color-info)}.knowledge-fill.voice{background:var(--color-error)}.knowledge-fill.api{background:var(--color-success)}.knowledge-value{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:right}.profile-details{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.detail-row{display:flex;flex-direction:column}.detail-label{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.detail-value{color:var(--color-text-primary);font-size:var(--font-size-sm)}.usage-stats-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.usage-stat{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-4);text-align:center}.usage-stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.usage-stat-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (max-width:600px){.profile-overview{flex-direction:column;text-align:center}.knowledge-item{gap:var(--space-1);grid-template-columns:1fr}.knowledge-value{text-align:left}.profile-details,.usage-stats-grid{grid-template-columns:1fr}}.knowledge-items-list{display:flex;flex-direction:column;gap:.75rem}.knowledge-item{align-items:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.knowledge-item:hover{background:#8b5cf61a;border-color:#8b5cf64d}.knowledge-item-icon{align-items:center;background:#8b5cf626;border-radius:.5rem;color:#8b5cf6;display:flex;height:48px;justify-content:center;width:48px}.knowledge-item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.knowledge-item-title{color:#f8fafc;font-weight:500}.knowledge-item-meta{color:#f8fafc99;font-size:.8rem}.knowledge-item-status{align-items:center;border-radius:.25rem;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;text-transform:capitalize}.knowledge-item-status.ready{background:#10b98126;color:#10b981}.knowledge-item-status.processing{background:#fbbf2426;color:#fbbf24}.knowledge-item.clickable{cursor:pointer}.knowledge-item.clickable:hover{border-color:#8b5cf680;transform:translateX(4px)}.knowledge-item-content{display:flex;flex-direction:column;gap:1rem}.content-meta{border-bottom:1px solid #8b5cf633;display:flex;gap:1rem;padding-bottom:1rem}.content-meta span{background:#8b5cf626;border-radius:.25rem;color:#f8fafccc;font-size:.8rem;padding:.25rem .5rem}.content-text{background:#0003;border-radius:.5rem;color:#f8fafce6;font-family:inherit;font-size:.9rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.loading-state{align-items:center;color:#f8fafc99;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-top-color:#8b5cf6}.cloud-sync-icon{display:inline-block;transition:all .2s ease}.cloud-sync-icon.syncing{animation:spin 1s linear infinite}.cloud-sync-icon.synced{opacity:.9}.cloud-sync-icon.synced:hover{opacity:1;transform:scale(1.1)}.cloud-sync-icon.error{animation:pulse-error 1s ease infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.settings-page{display:flex;gap:var(--space-6);margin:0 auto;max-width:1200px}.settings-sidebar{flex-shrink:0;width:240px}.settings-nav{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast)}.settings-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.settings-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);flex:1 1;min-height:600px;padding:var(--space-8)}.settings-section h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.settings-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:flex}.form-row .input-group{flex:1 1}.settings-toggles{display:flex;flex-direction:column;gap:var(--space-4)}.toggle-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4)}.toggle-info{display:flex;flex-direction:column}.toggle-label{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.toggle-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.toggle-switch{background:var(--color-bg-primary);border:none;border-radius:var(--radius-full);cursor:pointer;height:28px;padding:2px;transition:background var(--transition-fast);width:48px}.toggle-switch.active{background:var(--color-accent-primary)}.toggle-knob{background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:block;height:24px;transition:transform var(--transition-fast);width:24px}.toggle-switch.active .toggle-knob{transform:translateX(20px)}.theme-selector{margin-top:var(--space-4)}.theme-options{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.theme-option{align-items:center;background:var(--color-bg-tertiary);border:2px solid #0000;border-radius:var(--radius-xl);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);padding:var(--space-6);transition:all var(--transition-fast)}.theme-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.theme-option.active{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.theme-option span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.range-input{appearance:none;background:var(--color-bg-primary);border-radius:var(--radius-full);cursor:pointer;height:8px;width:100%}.range-input::-webkit-slider-thumb{appearance:none;background:var(--color-accent-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:grab;height:20px;width:20px}.range-input::-webkit-slider-thumb:active{cursor:grabbing}.api-keys-form{display:flex;flex-direction:column;gap:var(--space-5)}.api-key-item{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.api-key-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.api-key-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.api-key-link{color:var(--color-accent-primary);font-size:var(--font-size-sm)}.api-key-input-wrapper{display:flex;gap:var(--space-2)}.api-key-input-wrapper .input{flex:1 1}.security-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-5)}.security-info h4{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.security-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-actions{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-8);padding-top:var(--space-6)}.settings-actions .saved{background:var(--color-success)}@media (max-width:900px){.settings-page{flex-direction:column}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;gap:var(--space-2);overflow-x:auto;padding:var(--space-2)}.settings-nav-item{white-space:nowrap}}@media (max-width:600px){.form-row,.security-item,.theme-options{flex-direction:column}.security-item{align-items:flex-start;gap:var(--space-4)}.security-item .btn{width:100%}}.social-dashboard-v2{background:var(--bg-primary,#0a0d14);color:var(--text-primary,#fff);display:flex;flex-direction:column;height:100%}.sd-header{background:linear-gradient(180deg,#3b82f614,#0000);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1rem 1.5rem}.sd-header,.sd-header-left{align-items:center;display:flex}.sd-header-left{gap:1rem}.sd-logo{align-items:center;display:flex;gap:.75rem}.sd-logo svg{color:#3b82f6;height:28px;width:28px}.sd-logo h1{font-size:1.25rem;font-weight:600;margin:0}.sd-logo p{color:var(--text-secondary,#9ca3af);font-size:.75rem;margin:0}.sd-header-center{display:flex;flex:1 1;justify-content:center}.sd-tabs{background:#ffffff0d;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.sd-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .2s}.sd-tab:hover{background:#ffffff0d;color:var(--text-primary,#fff)}.sd-tab.active{background:#3b82f633;color:#60a5fa}.tab-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:.625rem;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.sd-header-right,.tab-badge{align-items:center;display:flex}.sd-header-right{gap:.75rem}.btn-compose{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-compose:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.social-dashboard-v2.embedded{height:calc(100vh - 80px)}.sd-embedded-tabs{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;padding:.75rem 1.5rem}.sd-embedded-tabs .tab-spacer{flex:1 1}.btn-compose-sm{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s}.btn-compose-sm:hover{box-shadow:0 2px 8px #3b82f666;transform:translateY(-1px)}.sd-layout{display:flex}.sd-layout,.sd-main{flex:1 1;overflow:hidden}.smart-inbox{display:flex;height:100%}.inbox-sidebar{background:#0003;border-right:1px solid #ffffff14;display:flex;flex-direction:column;width:360px}.inbox-toolbar{border-bottom:1px solid #ffffff0f;padding:1rem}.search-box{padding:.625rem .875rem}.search-box input{flex:1 1}.inbox-filters{border-bottom:1px solid #ffffff0f;display:flex;gap:.25rem;overflow-x:auto;padding:.75rem 1rem}.filter-btn{background:#0000;border:1px solid #ffffff1a;border-radius:16px;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:#3b82f680;color:var(--text-primary,#fff)}.filter-btn.active{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.message-list{flex:1 1;overflow-y:auto}.message-item{border-bottom:1px solid #ffffff0a;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .2s}.message-item:hover{background:#ffffff08}.message-item.selected{background:#3b82f61a}.message-item.unread{background:#3b82f60d}.message-avatar{flex-shrink:0;position:relative}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-size:1rem;font-weight:600;height:40px;width:40px}.avatar-placeholder,.platform-badge{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.platform-badge{border:2px solid #0a0d14;bottom:-2px;height:18px;position:absolute;right:-2px;width:18px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.sender-name{color:var(--text-primary,#fff);font-size:.875rem;font-weight:500}.message-time{font-size:.6875rem}.message-preview,.message-time{color:var(--text-secondary,#9ca3af)}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8125rem;margin:0 0 .5rem;overflow:hidden}.message-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{border-radius:10px;font-size:.625rem;font-weight:500;padding:.125rem .5rem;text-transform:capitalize}.unread-dot{background:#3b82f6;border-radius:50%;height:8px;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:8px}.message-detail{background:#0000001a;display:flex;flex:1 1;flex-direction:column}.detail-header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1rem 1.5rem}.detail-header,.sender-info{align-items:center;display:flex}.sender-info{gap:1rem}.avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.sender-info h3{font-size:1rem;font-weight:600;margin:0}.sender-handle{color:var(--text-secondary,#9ca3af);font-size:.8125rem}.detail-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn:hover{background:#ffffff1a;color:var(--text-primary,#fff)}.action-btn.danger:hover{background:#ef444433;color:#ef4444}.message-thread{flex:1 1;overflow-y:auto;padding:1.5rem}.thread-message{max-width:600px}.thread-meta{gap:.75rem;margin-bottom:.75rem}.platform-label,.thread-meta{align-items:center;display:flex}.platform-label{border-radius:12px;color:#fff;font-size:.6875rem;font-weight:500;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize}.message-type{text-transform:capitalize}.message-type,.thread-time{color:var(--text-secondary,#9ca3af);font-size:.75rem}.post-reference{align-items:center;background:#ffffff08;border-radius:8px;color:var(--text-secondary,#9ca3af);display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.thread-content{font-size:1rem;line-height:1.6;margin:0 0 1rem}.thread-actions{display:flex;gap:.75rem}.thread-action{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.thread-action:hover{background:#ffffff1a;color:var(--text-primary,#fff)}.reply-box{background:#0003;border-top:1px solid #ffffff14;padding:1rem 1.5rem}.reply-tools{display:flex;gap:.5rem;margin-bottom:.75rem}.tool-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .625rem;transition:all .2s}.tool-btn.active,.tool-btn:hover{border-color:#3b82f6;color:#60a5fa}.saved-replies-dropdown{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:.75rem;max-height:200px;overflow-y:auto}.saved-reply-item{background:#0000;border:none;border-bottom:1px solid #ffffff0f;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.saved-reply-item:last-child{border-bottom:none}.saved-reply-item:hover{background:#3b82f61a}.reply-name{color:var(--text-primary,#fff);display:block;font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.reply-preview{color:var(--text-secondary,#9ca3af);font-size:.75rem}.reply-input-container textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);font-size:.9375rem;outline:none;padding:.875rem 1rem;resize:vertical;transition:border-color .2s;width:100%}.reply-input-container textarea:focus{border-color:#3b82f6}.reply-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.reply-meta{color:var(--text-secondary,#9ca3af);font-size:.75rem}.btn-send{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-send:hover:not(:disabled){transform:translateY(-1px)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.no-selection{align-items:center;color:var(--text-secondary,#9ca3af);display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-selection svg{margin-bottom:1rem;opacity:.5}.no-selection h3{color:var(--text-primary,#fff);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.no-selection p{font-size:.9375rem;margin:0}.publishing-calendar{height:100%;overflow-y:auto;padding:1.5rem}.calendar-header{justify-content:space-between;margin-bottom:1.5rem}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:1rem}.calendar-nav button{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-nav button:hover{background:#ffffff1a;color:var(--text-primary,#fff)}.calendar-nav h2{font-size:1.25rem;font-weight:600;margin:0;min-width:200px;text-align:center}.btn-today{background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-today:hover{background:#ffffff26}.calendar-grid{background:#ffffff0f;border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:2rem;overflow:hidden}.calendar-day-header{background:#0000004d;color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:center;text-transform:uppercase}.calendar-day{background:#0003;min-height:100px;padding:.5rem;transition:all .2s}.calendar-day.empty{background:#0000004d}.calendar-day:hover:not(.empty){background:#3b82f61a}.calendar-day.today{background:#3b82f626}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.day-number{color:var(--text-primary,#fff);font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.day-posts{display:flex;flex-direction:column;gap:.25rem}.calendar-post{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;font-size:.6875rem;gap:.375rem;padding:.25rem .375rem}.post-platforms{display:flex;gap:2px}.platform-dot{border-radius:50%;height:8px;width:8px}.more-posts,.post-time{color:var(--text-secondary,#9ca3af)}.more-posts{font-size:.6875rem;padding:.25rem}.upcoming-posts h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.posts-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-post-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:1rem;padding:1rem}.upcoming-post-card .post-platforms{display:flex;gap:.5rem}.upcoming-post-card .platform-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.upcoming-post-card .post-content{flex:1 1;min-width:0}.upcoming-post-card .post-content p{font-size:.875rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-schedule{color:var(--text-secondary,#9ca3af);font-size:.75rem;gap:.375rem}.approval-badge,.post-schedule{align-items:center;display:flex}.approval-badge{border-radius:12px;font-size:.6875rem;font-weight:500;gap:.25rem;padding:.25rem .625rem;text-transform:capitalize}.approval-badge.approved{background:#22c55e33;color:#22c55e}.approval-badge.pending{background:#eab30833;color:#eab308}.analytics-dashboard{overflow-y:auto;padding:1.5rem}.analytics-empty{align-items:center;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-empty svg{margin-bottom:1rem;opacity:.5}.analytics-empty h3{color:var(--text-primary,#fff);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.analytics-empty p{margin:0}.analytics-overview{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;gap:1rem;padding:1.25rem}.stat-card,.stat-icon{border-radius:12px;display:flex}.stat-icon{align-items:center;height:48px;justify-content:center;width:48px}.stat-icon.followers{background:#3b82f633;color:#3b82f6}.stat-icon.engagements{background:#ec489933;color:#ec4899}.stat-icon.reach{background:#22c55e33;color:#22c55e}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary,#9ca3af);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700}.stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.analytics-section{margin-bottom:2rem}.analytics-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.platform-table{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;overflow:hidden}.table-header,.table-row{display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr 1fr .75fr;padding:.875rem 1.25rem}.table-header{background:#0003;color:var(--text-secondary,#9ca3af);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.table-row{border-top:1px solid #ffffff0a;font-size:.875rem}.platform-cell{align-items:center;display:flex;gap:.75rem}.platform-cell .platform-icon{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.platform-cell .platform-name{font-weight:500;text-transform:capitalize}.growth.positive{color:#22c55e}.growth.negative{color:#ef4444}.top-posts-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.top-post-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:1rem}.top-post-card .post-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.top-post-card .platform-badge{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.top-post-card .post-title{font-size:.875rem;font-weight:500}.post-stats{display:flex;gap:1rem}.post-stats .stat{align-items:center;color:var(--text-secondary,#9ca3af);display:flex;font-size:.8125rem;gap:.375rem}.analytics-section .hint{color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:400;margin-left:.5rem}.platform-table .table-row.clickable{cursor:pointer;transition:all .2s ease}.platform-table .table-row.clickable:hover{background:#3b82f61a}.platform-table .table-row.selected{background:#3b82f626;border-left:3px solid #3b82f6}.platform-detail{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:1rem}.section-header h3{text-transform:capitalize}.btn-close-section{background:#0000;border:none;color:var(--text-secondary,#9ca3af);cursor:pointer;padding:.25rem;transition:color .2s}.btn-close-section:hover{color:var(--text-primary,#fff)}.posts-detail-list{display:flex;flex-direction:column;gap:1rem}.post-detail-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:1rem 1.25rem;transition:all .2s ease}.post-detail-card:hover{background:#ffffff0d}.post-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.post-date{color:var(--text-secondary,#9ca3af);font-size:.75rem}.virality-badge{border-radius:12px;color:#fff;display:inline-flex;padding:.25rem .625rem}.post-detail-content{color:var(--text-primary,#fff);font-size:.9375rem;line-height:1.5;margin:0 0 .75rem}.post-metrics{display:flex;gap:1.5rem;margin-bottom:.75rem}.post-metrics .metric{align-items:center;font-size:.875rem;gap:.375rem}.ai-synopsis,.post-metrics .metric{color:var(--text-secondary,#9ca3af);display:flex}.ai-synopsis{align-items:flex-start;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;font-size:.8125rem;gap:.5rem;padding:.75rem}.ai-synopsis svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.top-posts-carousel{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.top-post-card.featured{padding-top:2.5rem;position:relative}.post-rank{align-items:center;background:#6b7280;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;left:-8px;position:absolute;top:-8px;width:32px}.top-post-card.gold .post-rank{background:linear-gradient(135deg,#fbbf24,#b45309);box-shadow:0 2px 8px #fbbf2466}.top-post-card.silver .post-rank{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af66}.top-post-card.bronze .post-rank{background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 2px 8px #d9770666}.top-post-card.gold{border-color:#fbbf244d}.top-post-card.silver{border-color:#9ca3af4d}.top-post-card.bronze{border-color:#d977064d}.accounts-manager{overflow-y:auto;padding:1.5rem}.accounts-section{margin-bottom:2rem}.accounts-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.accounts-grid{display:flex;flex-direction:column;gap:.75rem}.account-card{background:#ffffff08;border:1px solid #ffffff0f;gap:1rem;padding:1rem 1.25rem}.account-card,.account-platform{align-items:center;border-radius:12px;display:flex}.account-platform{color:#fff;height:48px;justify-content:center;width:48px}.account-info{flex:1 1}.account-info h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.account-handle{display:block;font-size:.8125rem}.account-followers,.account-handle{color:var(--text-secondary,#9ca3af)}.account-followers{font-size:.75rem}.account-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{border-radius:12px;display:flex;font-size:.6875rem;padding:.25rem .625rem}.status-badge.active{background:#22c55e33;color:#22c55e}.btn-disconnect{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .625rem;transition:all .2s}.btn-disconnect:hover{background:#ef44441a}.platforms-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.platform-connect-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;position:relative;transition:all .2s}.platform-connect-btn:hover:not(.connected){background:#3b82f60d;border-color:#3b82f680}.platform-connect-btn.connected{cursor:default;opacity:.5}.platform-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.platform-connect-btn .platform-name{color:var(--text-primary,#fff);font-size:.875rem;font-weight:500;text-transform:capitalize}.connect-icon{color:#3b82f6}.connected-icon{color:#22c55e}.compose-modal{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:16px;max-width:560px;overflow:hidden;width:100%}.compose-content{padding:1.5rem}.platform-selector{margin-bottom:1.25rem}.platform-selector label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.platform-options{display:flex;flex-wrap:wrap;gap:.5rem}.platform-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .875rem;text-transform:capitalize;transition:all .2s}.platform-option:hover{border-color:#3b82f680}.platform-option.selected{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.content-editor{margin-bottom:1.25rem}.content-editor textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);font-size:.9375rem;margin-bottom:.75rem;outline:none;padding:.875rem 1rem;resize:vertical;width:100%}.content-editor textarea:focus{border-color:#3b82f6}.editor-tools{display:flex;gap:.5rem;margin-bottom:.5rem}.editor-tools .tool-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.editor-tools .tool-btn:hover{border-color:#3b82f680;color:var(--text-primary,#fff)}.char-count{color:var(--text-secondary,#9ca3af);font-size:.75rem;text-align:right}.schedule-section label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.schedule-inputs{display:flex;gap:.75rem;margin-bottom:.75rem}.schedule-inputs input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary,#fff);flex:1 1;font-size:.875rem;padding:.625rem .875rem}.optimal-time-btn{align-items:center;background:#0000;border:1px dashed #3b82f680;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.optimal-time-btn:hover{background:#3b82f61a}.modal-footer{background:#0003;display:flex;gap:.75rem;justify-content:flex-end}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.accounts-manager ::-webkit-scrollbar,.analytics-dashboard ::-webkit-scrollbar,.publishing-calendar ::-webkit-scrollbar,.smart-inbox ::-webkit-scrollbar{width:6px}.accounts-manager ::-webkit-scrollbar-track,.analytics-dashboard ::-webkit-scrollbar-track,.publishing-calendar ::-webkit-scrollbar-track,.smart-inbox ::-webkit-scrollbar-track{background:#0000}.accounts-manager ::-webkit-scrollbar-thumb,.analytics-dashboard ::-webkit-scrollbar-thumb,.publishing-calendar ::-webkit-scrollbar-thumb,.smart-inbox ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.accounts-manager ::-webkit-scrollbar-thumb:hover,.analytics-dashboard ::-webkit-scrollbar-thumb:hover,.publishing-calendar ::-webkit-scrollbar-thumb:hover,.smart-inbox ::-webkit-scrollbar-thumb:hover{background:#fff3}.clickable{cursor:pointer;transition:all .2s ease}.calendar-post.clickable:hover{background:#3b82f633;transform:scale(1.02)}.upcoming-post-card.clickable:hover{background:#3b82f61a;border-color:#3b82f64d}.post-preview{color:var(--text-secondary,#9ca3af);font-size:.6rem;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-detail-modal{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:560px;overflow:hidden;width:90%}.post-detail-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.post-detail-modal .modal-header h2{color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0}.post-detail-modal .btn-close{align-items:center;background:#0000;border:none;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s}.post-detail-modal .btn-close:hover{color:var(--text-primary,#fff)}.post-detail-content{padding:1.5rem}.detail-section{margin-bottom:1.25rem}.detail-section:last-child{margin-bottom:0}.detail-section label{color:var(--text-secondary,#9ca3af);display:block;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.platform-chips{display:flex;flex-wrap:wrap;gap:.5rem}.platform-chip{align-items:center;border-radius:16px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize}.schedule-time{align-items:center;color:var(--text-primary,#fff);display:flex;font-size:.9375rem;gap:.75rem;margin:0}.schedule-time svg{color:var(--text-secondary,#9ca3af)}.status-row{align-items:center;display:flex;gap:.75rem}.status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;text-transform:capitalize}.status-badge.scheduled{background:#3b82f633;color:#60a5fa}.status-badge.draft{background:#9ca3af33;color:#9ca3af}.status-badge.published{background:#22c55e33;color:#22c55e}.post-full-content{background:#0003;border:1px solid #ffffff0f;border-radius:10px;line-height:1.6;padding:1rem;white-space:pre-wrap}.media-type,.post-full-content{color:var(--text-primary,#fff);font-size:.9375rem}.media-type{align-items:center;display:flex;gap:.5rem;margin:0;text-transform:capitalize}.media-type svg{color:var(--text-secondary,#9ca3af)}.post-detail-modal .modal-footer{background:#0003;border-top:1px solid #ffffff0f;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.post-detail-modal .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.post-detail-modal .btn-secondary{background:#ffffff1a;color:var(--text-primary,#fff)}.post-detail-modal .btn-secondary:hover{background:#ffffff26}.post-detail-modal .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.post-detail-modal .btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}@media (max-width:1024px){.analytics-overview,.top-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sd-layout,.smart-inbox{flex-direction:column}.inbox-sidebar{max-height:300px;max-width:none;width:100%}.analytics-overview,.top-posts-grid{grid-template-columns:1fr}.calendar-grid{font-size:.75rem}.calendar-day{min-height:70px}.post-preview{display:none}.post-detail-modal{max-height:90vh;overflow-y:auto;width:95%}}.content-engine-v2{background:var(--bg-primary,#0a0d14);color:var(--text-primary,#fff);display:flex;flex-direction:column;height:100%}.ce-header{background:linear-gradient(180deg,#8b5cf614,#0000);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1rem 1.5rem}.ce-header,.ce-header-left{align-items:center;display:flex}.ce-header-left{gap:1.5rem}.ce-zone-toggle{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.zone-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .2s;white-space:nowrap}.zone-btn:hover{background:#ffffff0d;color:var(--text-primary,#fff)}.zone-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.ce-logo{align-items:center;display:flex;gap:.75rem}.ce-logo svg{color:#8b5cf6;height:28px;width:28px}.ce-logo h1{font-size:1.25rem;font-weight:600;margin:0}.ce-logo p{color:var(--text-secondary,#9ca3af);font-size:.75rem;margin:0}.ce-header-center{display:flex;flex:1 1;justify-content:center}.ce-tabs{background:#ffffff0d;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.ce-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.ce-tab:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary,#fff)}.ce-tab.active{background:#8b5cf633;color:#a78bfa}.ce-tab:disabled{cursor:not-allowed;opacity:.4}.ce-header-right{gap:.75rem}.btn-import,.ce-header-right{align-items:center;display:flex}.btn-import{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-import:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.ce-layout{flex:1 1}.ce-layout,.ce-sidebar{display:flex;overflow:hidden}.ce-sidebar{background:#0000004d;border-right:1px solid #ffffff14;flex-direction:column;width:260px}.sidebar-section{display:flex;flex-direction:column}.sidebar-section.videos-section{flex:1 1;overflow:hidden}.section-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:1rem}.section-header h3{font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.btn-icon-sm,.section-header h3{align-items:center;color:var(--text-secondary,#9ca3af);display:flex}.btn-icon-sm{background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-icon-sm:hover{background:#8b5cf6;color:#fff}.project-list{max-height:180px;overflow-y:auto;padding:.5rem}.project-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;transition:all .2s}.project-item:hover{background:#ffffff0d}.project-item.active{background:#8b5cf626}.project-icon{align-items:center;background:#8b5cf633;border-radius:6px;color:#a78bfa;display:flex;height:32px;justify-content:center;width:32px}.project-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.project-name{color:var(--text-primary,#fff);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{color:var(--text-secondary,#9ca3af);font-size:.75rem}.video-list{flex:1 1;overflow-y:auto;padding:.5rem}.video-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .2s}.video-item:hover{background:#ffffff0d}.video-item.active{background:#8b5cf626}.video-thumbnail{background:#0006;color:var(--text-secondary,#9ca3af);flex-shrink:0;height:36px;position:relative;width:48px}.processing-badge,.video-thumbnail{align-items:center;border-radius:4px;display:flex;justify-content:center}.processing-badge{background:#000c;color:#8b5cf6;flex-direction:column;font-size:.625rem;inset:0;position:absolute}.video-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary,#fff);display:-webkit-box;font-size:.8125rem;font-weight:500;overflow:hidden}.video-meta{color:var(--text-secondary,#9ca3af);font-size:.6875rem;gap:.75rem}.video-meta,.video-meta span{align-items:center;display:flex}.video-meta span{gap:.25rem}.source-badge{border-radius:4px;font-size:.625rem;font-weight:600;padding:.125rem .375rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.source-badge.youtube{background:red;color:#fff}.ce-main{flex:1 1;min-width:0}.ce-main,.clips-view{display:flex;flex-direction:column;overflow:hidden}.clips-view{height:100%}.clips-toolbar{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.clips-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:.75rem}.search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary,#9ca3af);display:flex;gap:.5rem;padding:.5rem .75rem}.search-box input{background:#0000;border:none;color:var(--text-primary,#fff);font-size:.875rem;outline:none;width:160px}.search-box input::placeholder{color:var(--text-secondary,#9ca3af)}.filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.filter-select option{background:#1a1f2e}.toolbar-right{align-items:center;display:flex;gap:1rem}.clip-count{color:var(--text-secondary,#9ca3af);font-size:.875rem}.view-toggle{background:#ffffff0d;border-radius:6px;display:flex;padding:.125rem}.view-toggle button{align-items:center;background:#0000;border:none;border-radius:5px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:32px}.view-toggle button.active,.view-toggle button:hover{color:var(--text-primary,#fff)}.view-toggle button.active{background:#ffffff1a}.video-info-banner{align-items:center;background:#8b5cf614;border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.banner-left{align-items:center;display:flex;gap:.75rem}.banner-left svg{color:#8b5cf6}.banner-left h3{font-size:.9375rem;font-weight:600;margin:0}.banner-left span{font-size:.8125rem}.banner-left span,.btn-regenerate{color:var(--text-secondary,#9ca3af)}.btn-regenerate{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.btn-regenerate:hover{border-color:#8b5cf6;color:#8b5cf6}.clips-container{flex:1 1;overflow-y:auto;padding:1.5rem}.clips-container.grid{align-content:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clips-container.list{display:flex;flex-direction:column;gap:.75rem}.clip-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.clip-card:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.clip-card.selected{background:#8b5cf614;border-color:#8b5cf6}.clip-card.grid .clip-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1f2e,#0f1219);position:relative}.clip-card.grid .clip-info{padding:1rem}.clip-card.list{align-items:center;display:flex;gap:1rem;padding:.75rem}.clip-card.list .clip-thumbnail{background:linear-gradient(135deg,#1a1f2e,#0f1219);border-radius:8px;flex-shrink:0;height:68px;position:relative;width:120px}.clip-card.list .clip-info{flex:1 1;min-width:0}.thumbnail-placeholder{align-items:center;color:var(--text-secondary,#9ca3af);display:flex;inset:0;justify-content:center;position:absolute}.clip-duration{background:#000c;bottom:.5rem;font-size:.6875rem;font-weight:500;right:.5rem}.clip-aspect,.clip-duration{border-radius:4px;padding:.125rem .375rem;position:absolute}.clip-aspect{background:#8b5cf6cc;font-size:.625rem;font-weight:600;left:.5rem;top:.5rem}.clip-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.clip-header h4{flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.3;margin:0}.virality-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.clip-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8125rem;margin:0 0 .75rem;overflow:hidden}.clip-description,.clip-meta{color:var(--text-secondary,#9ca3af)}.clip-meta{align-items:center;display:flex;font-size:.75rem;gap:1rem}.clip-time{font-family:monospace}.clip-status{align-items:center;display:flex;gap:.25rem;text-transform:capitalize}.clip-status.approved{color:#22c55e}.clip-status.pending{color:#eab308}.clip-status.scheduled{color:#3b82f6}.clip-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-sm{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.375rem .625rem;transition:all .2s}.btn-sm:hover{background:#ffffff26}.btn-sm.success{background:#22c55e33;color:#22c55e}.btn-sm.success:hover{background:#22c55e4d}.btn-sm.danger{background:#ef444433;color:#ef4444}.btn-sm.danger:hover{background:#ef44444d}.ce-details{background:#0000004d;border-left:1px solid #ffffff14;overflow-y:auto;width:340px}.clip-details-panel{padding:1.25rem}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.details-header h3{font-size:1rem;font-weight:600;margin:0}.btn-close{background:#0000;border:none;color:var(--text-secondary,#9ca3af);cursor:pointer}.details-preview{align-items:center;aspect-ratio:9/16;background:linear-gradient(135deg,#1a1f2e,#0f1219);border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;max-height:240px}.preview-placeholder{color:var(--text-secondary,#9ca3af)}.virality-section{background:#ffffff08;border-radius:10px;margin-bottom:1rem;padding:1rem}.virality-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.virality-header span:first-child{color:var(--text-secondary,#9ca3af);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.virality-label{font-size:.75rem;font-weight:600}.virality-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.375rem;overflow:hidden}.virality-fill{border-radius:3px;height:100%;transition:width .3s ease}.virality-score{font-size:1.5rem;font-weight:700}.ai-content{margin-bottom:1rem}.ai-section{margin-bottom:.75rem}.ai-section label{align-items:center;color:#a78bfa;display:flex;font-size:.6875rem;gap:.375rem;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.ai-text{background:#8b5cf614;border-radius:8px;font-size:.8125rem;line-height:1.5;padding:.75rem}.clip-info-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.info-item{background:#ffffff08;border-radius:8px;padding:.625rem}.info-label{color:var(--text-secondary,#9ca3af);display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.info-value{font-size:.875rem;font-weight:500;text-transform:capitalize}.info-value.status-approved{color:#22c55e}.info-value.status-pending{color:#eab308}.transcript-section{margin-bottom:1rem}.transcript-section label{color:var(--text-secondary,#9ca3af);display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.transcript-text{background:#ffffff08;border-radius:8px;font-size:.8125rem;line-height:1.6;max-height:120px;overflow-y:auto;padding:.75rem}.details-actions{display:flex;flex-direction:column;gap:.5rem}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:var(--text-primary,#fff)}.btn-secondary:hover{background:#ffffff26}.btn-success{background:#22c55e33;color:#22c55e}.btn-success:hover{background:#22c55e4d}.clip-editor{display:flex;flex-direction:column;height:100%}.editor-header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1rem 1.5rem}.btn-back,.editor-header{align-items:center;display:flex}.btn-back{background:#0000;border:none;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.875rem;gap:.25rem}.btn-back:hover{color:var(--text-primary,#fff)}.editor-header h2{font-size:1rem;font-weight:600;margin:0}.btn-save{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.editor-layout{display:flex;flex:1 1;overflow:hidden}.editor-preview{background:#0a0c10;display:flex;flex:1 1;flex-direction:column}.preview-container{align-items:center;flex:1 1;padding:2rem}.preview-video{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f1219);border-radius:12px;color:var(--text-secondary,#9ca3af);display:flex;justify-content:center;position:relative}.preview-container[data-aspect="9:16"] .preview-video{height:426px;width:240px}.preview-container[data-aspect="16:9"] .preview-video{height:270px;width:480px}.preview-container[data-aspect="1:1"] .preview-video{height:320px;width:320px}.preview-container[data-aspect="4:5"] .preview-video{height:350px;width:280px}.caption-preview{background:#000000b3;border-radius:8px;bottom:80px;left:1rem;padding:.75rem;position:absolute;right:1rem;text-align:center}.caption-preview p{font-size:.875rem;line-height:1.4;margin:0}.caption-preview.style-animated p{color:#fff}.caption-preview.style-bold p{font-size:1rem;font-weight:700;text-transform:uppercase}.caption-preview.style-minimal p{font-size:.8125rem;opacity:.9}.caption-preview.style-typewriter p{font-family:monospace}.caption-preview.style-karaoke p{color:#8b5cf6;font-weight:600}.editor-timeline{background:#0000004d;border-top:1px solid #ffffff14;padding:1rem 1.5rem}.timeline-track{background:#ffffff0d;border-radius:8px;height:48px;margin-bottom:1rem;position:relative}.timeline-clip{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px;bottom:8px;display:flex;font-size:.75rem;padding:0 .75rem;position:absolute;top:8px}.timeline-controls{gap:1rem}.timeline-controls,.timeline-controls button{align-items:center;display:flex;justify-content:center}.timeline-controls button{background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary,#fff);cursor:pointer;height:36px;width:36px}.timeline-controls .play-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);height:48px;width:48px}.timeline-controls span{color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.875rem}.editor-sidebar{background:#0003;border-left:1px solid #ffffff14;display:flex;flex-direction:column;width:320px}.editor-tabs{border-bottom:1px solid #ffffff14;display:flex}.editor-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.editor-tabs button:hover{color:var(--text-primary,#fff)}.editor-tabs button.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.editor-tab-content{flex:1 1;overflow-y:auto;padding:1.25rem}.trim-panel h4{font-size:.8125rem;font-weight:600;margin:0 0 .75rem}.timing-inputs{display:flex;gap:.75rem;margin-bottom:1.5rem}.timing-input{flex:1 1}.timing-input label{color:var(--text-secondary,#9ca3af);display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.timing-input input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary,#fff);font-family:monospace;font-size:.875rem;padding:.625rem;width:100%}.hint{color:var(--text-secondary,#9ca3af);font-size:.75rem;margin-bottom:.5rem}.trim-panel textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);font-size:.8125rem;line-height:1.5;padding:.75rem;resize:vertical;width:100%}.caption-styles{display:flex;flex-direction:column;gap:.5rem}.caption-style-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.caption-style-option:hover{border-color:#8b5cf64d}.caption-style-option.selected{background:#8b5cf61a;border-color:#8b5cf6}.style-preview{font-size:1.5rem}.style-info{flex:1 1}.style-name{display:block;font-size:.875rem;font-weight:500;margin-bottom:.125rem}.style-desc{color:var(--text-secondary,#9ca3af);font-size:.75rem}.caption-style-option svg{color:#8b5cf6}.aspect-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.aspect-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.aspect-option:hover{border-color:#8b5cf64d}.aspect-option.selected{background:#8b5cf61a;border-color:#8b5cf6}.aspect-icon{font-size:1.25rem}.aspect-info{flex:1 1}.aspect-name{display:block;font-size:.875rem;font-weight:500}.aspect-desc{color:var(--text-secondary,#9ca3af);font-size:.6875rem}.aspect-ratio{background:#ffffff1a;border-radius:4px;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.branding-options{display:flex;flex-direction:column;gap:.5rem}.branding-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:all .2s}.branding-btn:hover{border-color:#8b5cf64d;color:var(--text-primary,#fff)}.publish-view{overflow-y:auto;padding:1.5rem}.publish-header{margin-bottom:1.5rem}.publish-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.publish-header p{color:var(--text-secondary,#9ca3af);font-size:.875rem;margin:0}.publish-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.publish-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.publish-preview{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f1219);color:var(--text-secondary,#9ca3af);display:flex;height:160px;justify-content:center}.publish-info{padding:1rem}.publish-info h4{font-size:.9375rem;font-weight:500;margin:0 0 .5rem}.publish-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary,#9ca3af);display:-webkit-box;font-size:.8125rem;margin:0;overflow:hidden}.publish-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.btn-post-now,.btn-schedule{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;padding:.625rem;transition:all .2s}.btn-schedule{background:#ffffff1a;color:var(--text-primary,#fff)}.btn-schedule:hover{background:#ffffff26}.btn-post-now{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-post-now:hover{transform:translateY(-1px)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.import-modal{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:16px;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0}.import-tabs{border-bottom:1px solid #ffffff14;display:flex}.import-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.import-tabs button:hover{color:var(--text-primary,#fff)}.import-tabs button.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.import-content{padding:1.5rem}.upload-zone{align-items:center;background:#8b5cf60d;border:2px dashed #8b5cf64d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;transition:all .2s}.upload-zone:hover{background:#8b5cf614;border-color:#8b5cf680}.upload-zone svg{color:#8b5cf6;margin-bottom:1rem}.upload-zone p{font-size:1rem;font-weight:500;margin:0 0 .5rem}.upload-zone span{color:var(--text-secondary,#9ca3af);font-size:.8125rem}.uploading{text-align:center}.uploading p{margin-top:1rem}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:.75rem;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;transition:width .2s}.youtube-import{display:flex;flex-direction:column;gap:1rem}.youtube-import label{font-size:.875rem;font-weight:500}.youtube-import input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);font-size:.9375rem;padding:.875rem 1rem}.youtube-import input:focus{border-color:#8b5cf6;outline:none}.youtube-import .hint{margin:0}.btn-import-yt{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s}.btn-import-yt:hover:not(:disabled){transform:translateY(-1px)}.btn-import-yt:disabled{cursor:not-allowed;opacity:.5}.modal-footer{background:#8b5cf60d;border-top:1px solid #ffffff0f;padding:1rem 1.5rem}.ai-notice{color:#a78bfa;font-size:.8125rem;gap:.5rem}.ai-notice,.empty-state{align-items:center;display:flex;justify-content:center}.empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.empty-state svg{color:var(--text-secondary,#9ca3af);margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:var(--text-secondary,#9ca3af);font-size:.9375rem;margin:0;max-width:400px}.spin{animation:spin 1s linear infinite}.ce-details ::-webkit-scrollbar,.ce-main ::-webkit-scrollbar,.ce-sidebar ::-webkit-scrollbar{width:6px}.ce-details ::-webkit-scrollbar-track,.ce-main ::-webkit-scrollbar-track,.ce-sidebar ::-webkit-scrollbar-track{background:#0000}.ce-details ::-webkit-scrollbar-thumb,.ce-main ::-webkit-scrollbar-thumb,.ce-sidebar ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ce-details ::-webkit-scrollbar-thumb:hover,.ce-main ::-webkit-scrollbar-thumb:hover,.ce-sidebar ::-webkit-scrollbar-thumb:hover{background:#fff3}.theme-light .content-engine-v2,[class*=-light] .content-engine-v2{background:var(--color-bg-primary);color:var(--color-text-primary)}.theme-light .ce-header,[class*=-light] .ce-header{background:linear-gradient(180deg,#8b5cf60d,#0000);border-bottom:1px solid var(--color-border-default)}.theme-light .ce-zone-toggle,[class*=-light] .ce-zone-toggle{background:#0000000a;border:1px solid var(--color-border-default)}.theme-light .zone-btn,[class*=-light] .zone-btn{color:var(--color-text-secondary)}.theme-light .zone-btn:hover,[class*=-light] .zone-btn:hover{background:#0000000d;color:var(--color-text-primary)}.theme-light .ce-logo h1,[class*=-light] .ce-logo h1{color:var(--color-text-primary)}.theme-light .ce-tabs,[class*=-light] .ce-tabs{background:#00000008}.theme-light .ce-tab,[class*=-light] .ce-tab{color:var(--color-text-secondary)}.theme-light .ce-tab:hover:not(:disabled),[class*=-light] .ce-tab:hover:not(:disabled){background:#0000000d;color:var(--color-text-primary)}.theme-light .ce-sidebar,[class*=-light] .ce-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-default)}.theme-light .section-header,[class*=-light] .section-header{border-bottom:1px solid var(--color-border-default)}.theme-light .section-header h3,[class*=-light] .section-header h3{color:var(--color-text-secondary)}.theme-light .btn-icon-sm,[class*=-light] .btn-icon-sm{background:#0000000f;color:var(--color-text-secondary)}.theme-light .btn-icon-sm:hover,[class*=-light] .btn-icon-sm:hover{background:var(--color-accent-primary);color:#fff}.theme-light .project-item:hover,.theme-light .video-item:hover,[class*=-light] .project-item:hover,[class*=-light] .video-item:hover{background:#0000000a}.theme-light .project-name,.theme-light .video-title,[class*=-light] .project-name,[class*=-light] .video-title{color:var(--color-text-primary)}.theme-light .project-meta,.theme-light .video-meta,[class*=-light] .project-meta,[class*=-light] .video-meta{color:var(--color-text-secondary)}.theme-light .video-thumbnail,[class*=-light] .video-thumbnail{background:var(--color-bg-tertiary)}.theme-light .processing-badge,[class*=-light] .processing-badge{background:#fffffff2}.theme-light .clips-toolbar,[class*=-light] .clips-toolbar{border-bottom:1px solid var(--color-border-default)}.theme-light .search-box,[class*=-light] .search-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.theme-light .search-box input,[class*=-light] .search-box input{color:var(--color-text-primary)}.theme-light .search-box input::placeholder,[class*=-light] .search-box input::placeholder{color:var(--color-text-tertiary)}.theme-light .filter-select,[class*=-light] .filter-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.theme-light .filter-select option,[class*=-light] .filter-select option{background:var(--color-bg-primary);color:var(--color-text-primary)}.theme-light .clip-count,[class*=-light] .clip-count{color:var(--color-text-secondary)}.theme-light .view-toggle,[class*=-light] .view-toggle{background:#00000008}.theme-light .view-toggle button,[class*=-light] .view-toggle button{color:var(--color-text-tertiary)}.theme-light .view-toggle button.active,[class*=-light] .view-toggle button.active{background:#00000014;color:var(--color-text-primary)}.theme-light .clip-card,[class*=-light] .clip-card{background:var(--color-bg-primary);border:1px solid var(--color-border-default)}.theme-light .clip-card:hover,[class*=-light] .clip-card:hover{border-color:var(--color-accent-primary)}.theme-light .clip-card.selected,[class*=-light] .clip-card.selected{background:#8b5cf60d;border-color:var(--color-accent-primary)}.theme-light .clip-card.grid .clip-thumbnail,.theme-light .clip-card.list .clip-thumbnail,[class*=-light] .clip-card.grid .clip-thumbnail,[class*=-light] .clip-card.list .clip-thumbnail{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.theme-light .clip-header h4,[class*=-light] .clip-header h4{color:var(--color-text-primary)}.theme-light .clip-description,.theme-light .clip-meta,[class*=-light] .clip-description,[class*=-light] .clip-meta{color:var(--color-text-secondary)}.theme-light .btn-sm,[class*=-light] .btn-sm{background:#0000000d;color:var(--color-text-primary)}.theme-light .btn-sm:hover,[class*=-light] .btn-sm:hover{background:#0000001a}.theme-light .ce-details,[class*=-light] .ce-details{background:var(--color-bg-secondary);border-left:1px solid var(--color-border-default)}.theme-light .details-header h3,[class*=-light] .details-header h3{color:var(--color-text-primary)}.theme-light .btn-regenerate,[class*=-light] .btn-regenerate{border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.theme-light .detail-section,[class*=-light] .detail-section{background:var(--color-bg-primary);border:1px solid var(--color-border-default)}.theme-light .detail-section h4,[class*=-light] .detail-section h4{color:var(--color-text-primary)}.theme-light .caption-item,[class*=-light] .caption-item{background:var(--color-bg-tertiary)}.theme-light .caption-item:hover,[class*=-light] .caption-item:hover{background:var(--color-bg-hover)}.theme-light .empty-clips,.theme-light .empty-sidebar,[class*=-light] .empty-clips,[class*=-light] .empty-sidebar{color:var(--color-text-tertiary)}.theme-light .ce-details ::-webkit-scrollbar-thumb,.theme-light .ce-main ::-webkit-scrollbar-thumb,.theme-light .ce-sidebar ::-webkit-scrollbar-thumb,[class*=-light] .ce-details ::-webkit-scrollbar-thumb,[class*=-light] .ce-main ::-webkit-scrollbar-thumb,[class*=-light] .ce-sidebar ::-webkit-scrollbar-thumb{background:#0000001a}.theme-light .ce-details ::-webkit-scrollbar-thumb:hover,.theme-light .ce-main ::-webkit-scrollbar-thumb:hover,.theme-light .ce-sidebar ::-webkit-scrollbar-thumb:hover,[class*=-light] .ce-details ::-webkit-scrollbar-thumb:hover,[class*=-light] .ce-main ::-webkit-scrollbar-thumb:hover,[class*=-light] .ce-sidebar ::-webkit-scrollbar-thumb:hover{background:#0003}.theme-light .clip-duration,[class*=-light] .clip-duration{background:#000000b3;color:#fff}.theme-light .video-info-banner,[class*=-light] .video-info-banner{background:#8b5cf60d;border-bottom:1px solid #8b5cf626}.theme-light .video-info-banner h3,[class*=-light] .video-info-banner h3{color:var(--color-text-primary)}.theme-light .import-modal-overlay,.theme-light .modal-overlay,.theme-light .youtube-modal-overlay,[class*=-light] .import-modal-overlay,[class*=-light] .modal-overlay,[class*=-light] .youtube-modal-overlay{background:#0006}.theme-light .import-modal,.theme-light .youtube-modal,[class*=-light] .import-modal,[class*=-light] .youtube-modal{background:var(--color-bg-primary);border:1px solid var(--color-border-default)}.theme-light .import-modal-header,[class*=-light] .import-modal-header{border-bottom:1px solid var(--color-border-default)}.theme-light .drop-zone,[class*=-light] .drop-zone{background:var(--color-bg-secondary);border:2px dashed var(--color-border-strong)}.theme-light .drop-zone.active,.theme-light .drop-zone:hover,[class*=-light] .drop-zone.active,[class*=-light] .drop-zone:hover{background:#8b5cf60d;border-color:var(--color-accent-primary)}.widget-management{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100%}.widget-header{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;padding:var(--space-5) var(--space-6)}.header-title,.widget-header{align-items:center;display:flex}.header-title{gap:var(--space-4)}.header-title svg{color:var(--color-accent-primary)}.header-title h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.header-title p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.widget-layout{display:flex;flex:1 1;overflow:hidden}.widget-list{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;width:280px}.widget-list h3{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0;padding:var(--space-4);text-transform:uppercase}.widgets{flex:1 1;overflow-y:auto;padding:var(--space-2)}.widget-item{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.widget-item:hover{background:var(--color-bg-hover)}.widget-item.active{background:var(--color-accent-primary-subtle);border:1px solid var(--color-accent-primary)}.widget-color{border-radius:var(--radius-full);flex-shrink:0;height:12px;width:12px}.widget-info{flex:1 1;min-width:0}.widget-name{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-id{display:block;font-size:var(--font-size-xs)}.btn-delete,.widget-id{color:var(--color-text-tertiary)}.btn-delete{background:#0000;border:none;cursor:pointer;opacity:0;padding:var(--space-1);transition:all var(--transition-fast)}.widget-item:hover .btn-delete{opacity:1}.btn-delete:hover{color:#ef4444}.empty-list,.loading-state,.no-selection{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-6);text-align:center}.empty-list button{background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-4)}.widget-details{flex:1 1;overflow-y:auto;padding:var(--space-6)}.widget-details section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-5)}.widget-details h2,.widget-details h3{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-4)}.widget-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-3)}.embed-code{align-items:stretch;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3)}.embed-code code{background:#0003;border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-xs);overflow-x:auto;padding:var(--space-2) var(--space-3);white-space:nowrap}.embed-code button{align-items:center;background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);white-space:nowrap}.analytics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.analytics-card{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-4)}.analytics-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.analytics-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.widget-form{gap:var(--space-4)}.form-group,.widget-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1)}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-3)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent-primary);outline:none}.form-row{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.color-input{display:flex;gap:var(--space-2)}.color-input input[type=color]{border:none;cursor:pointer;height:44px;padding:0;width:44px}.color-input input[type=text]{flex:1 1}.form-actions{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.preview-container{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:var(--space-5)}.preview-widget{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;width:320px}.preview-header{align-items:center;background:var(--preview-color,#8b5cf6);color:#fff;display:flex;gap:12px;padding:16px}.preview-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.preview-header div{display:flex;flex-direction:column}.preview-header strong{font-size:14px}.preview-header span{font-size:12px;opacity:.8}.preview-messages{min-height:120px;padding:16px}.preview-message.assistant{background:#f3f4f6;border-radius:16px;border-bottom-left-radius:4px;color:#1f2937;font-size:14px;max-width:85%;padding:12px 16px}.preview-input{border-top:1px solid #e5e7eb;padding:12px 16px}.preview-input input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;padding:12px 16px;width:100%}.spinning{animation:spin 1s linear infinite}@media (max-width:900px){.widget-layout{flex-direction:column}.widget-list{max-height:200px;width:100%}.analytics-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.team-management{max-width:900px;padding:24px}.tm-header{justify-content:space-between;margin-bottom:24px}.tm-header,.tm-header-left{align-items:center;display:flex}.tm-header-left{gap:12px}.tm-header-left h2{font-size:1.5rem;margin:0}.tm-header-left p{color:var(--text-secondary);font-size:.85rem;margin:0}.tm-alert{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:12px;margin-bottom:16px;padding:12px 16px}.tm-alert.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.tm-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.tm-alert button{background:#0000;border:none;cursor:pointer;margin-left:auto;opacity:.6}.tm-alert button:hover{opacity:1}.tm-invite-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.tm-invite-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.tm-invite-form .tm-form-row{display:flex;flex-wrap:wrap;gap:12px}.tm-invite-form input,.tm-invite-form select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;padding:10px 14px}.tm-invite-form input[type=email]{flex:2 1;min-width:200px}.tm-invite-form input[type=text]{flex:1 1;min-width:150px}.tm-invite-form select{min-width:120px}.tm-invite-form button{align-items:center;display:flex;gap:6px;white-space:nowrap}.tm-users-list{display:flex;flex-direction:column;gap:8px}.tm-empty,.tm-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px}.tm-user-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.tm-user-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.tm-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark,#4f46e5));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;width:44px}.tm-user-info{flex:1 1;min-width:0}.tm-user-name{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:8px}.first-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px}.tm-user-email{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:4px;margin-top:2px}.tm-user-role select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;padding:6px 10px}.tm-user-actions{align-items:center;display:flex;gap:8px}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.role-badge.admin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:768px){.tm-invite-form .tm-form-row{flex-direction:column}.tm-invite-form input,.tm-invite-form select{width:100%}.tm-user-card{flex-wrap:wrap}.tm-user-role{margin-top:8px;width:100%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a24;--color-bg-elevated:#22222e;--color-bg-hover:#2a2a38;--color-accent-primary:#6366f1;--color-accent-primary-hover:#818cf8;--color-accent-primary-subtle:#6366f126;--color-accent-secondary:#22d3ee;--color-accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--color-success:#22c55e;--color-success-subtle:#22c55e26;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b26;--color-error:#ef4444;--color-error-subtle:#ef444426;--color-info:#3b82f6;--color-info-subtle:#3b82f626;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-border-subtle:#ffffff0f;--color-border-default:#ffffff1a;--color-border-strong:#ffffff26;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:blur(20px);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 40px #6366f14d;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;--z-toast:500;--sidebar-width:260px;--header-height:64px;--titlebar-height:38px}.theme-light,[class*=-light]{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-bg-hover:#e2e8f0;--color-accent-primary-hover:#4f46e5;--color-accent-primary-subtle:#5b5cf61a;--color-success:#16a34a;--color-success-subtle:#16a34a1a;--color-warning:#d97706;--color-warning-subtle:#d977061a;--color-error:#dc2626;--color-error-subtle:#dc26261a;--color-info:#2563eb;--color-info-subtle:#2563eb1a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-border-subtle:#0000000a;--color-border-default:#00000014;--color-border-strong:#0000001f;--glass-bg:#fffc;--glass-border:#0000000f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-glow:0 0 40px #5b5cf626}.theme-dark,[class*=-dark]{color-scheme:dark}.theme-default-dark{--color-bg-primary:#0a0a12;--color-bg-secondary:#12121c;--color-bg-tertiary:#1a1a28;--color-bg-elevated:#222232;--color-bg-hover:#2a2a3d;--color-accent-primary:#7c5cff;--color-accent-primary-hover:#9178ff;--color-accent-primary-subtle:#7c5cff26;--color-accent-secondary:#a78bfa;--color-accent-gradient:linear-gradient(135deg,#7c5cff,#a855f7 50%,#c084fc);--color-border-subtle:#7c5cff14;--color-border-default:#7c5cff26;--color-border-strong:#7c5cff40;--shadow-glow:0 0 40px #7c5cff40}.theme-ocean-dark{--color-bg-primary:#0a1520;--color-bg-secondary:#0f1e2c;--color-bg-tertiary:#152838;--color-bg-elevated:#1c3244;--color-bg-hover:#243d52;--color-accent-primary:#0ea5e9;--color-accent-primary-hover:#38bdf8;--color-accent-primary-subtle:#0ea5e926;--color-accent-secondary:#22d3ee;--color-accent-gradient:linear-gradient(135deg,#0ea5e9,#06b6d4 50%,#22d3ee);--color-border-subtle:#0ea5e914;--color-border-default:#0ea5e926;--color-border-strong:#0ea5e940;--shadow-glow:0 0 40px #0ea5e940}.theme-forest-dark{--color-bg-primary:#0a1510;--color-bg-secondary:#0f1e15;--color-bg-tertiary:#15281c;--color-bg-elevated:#1c3224;--color-bg-hover:#243d2c;--color-accent-primary:#22c55e;--color-accent-primary-hover:#4ade80;--color-accent-primary-subtle:#22c55e26;--color-accent-secondary:#34d399;--color-accent-gradient:linear-gradient(135deg,#22c55e,#10b981 50%,#34d399);--color-border-subtle:#22c55e14;--color-border-default:#22c55e26;--color-border-strong:#22c55e40;--shadow-glow:0 0 40px #22c55e40}.theme-sunset-dark{--color-bg-primary:#150f0a;--color-bg-secondary:#1e150f;--color-bg-tertiary:#281c14;--color-bg-elevated:#32241a;--color-bg-hover:#3d2c20;--color-accent-primary:#f97316;--color-accent-primary-hover:#fb923c;--color-accent-primary-subtle:#f9731626;--color-accent-secondary:#fbbf24;--color-accent-gradient:linear-gradient(135deg,#f97316,#f59e0b 50%,#fbbf24);--color-border-subtle:#f9731614;--color-border-default:#f9731626;--color-border-strong:#f9731640;--shadow-glow:0 0 40px #f9731640}.theme-purple-dark{--color-bg-primary:#120a15;--color-bg-secondary:#1a0f1e;--color-bg-tertiary:#231528;--color-bg-elevated:#2d1c34;--color-bg-hover:#38243f;--color-accent-primary:#a855f7;--color-accent-primary-hover:#c084fc;--color-accent-primary-subtle:#a855f726;--color-accent-secondary:#d946ef;--color-accent-gradient:linear-gradient(135deg,#a855f7,#c026d3 50%,#d946ef);--color-border-subtle:#a855f714;--color-border-default:#a855f726;--color-border-strong:#a855f740;--shadow-glow:0 0 40px #a855f740}.theme-midnight-dark{--color-bg-primary:#0a0a14;--color-bg-secondary:#0f0f1c;--color-bg-tertiary:#151525;--color-bg-elevated:#1c1c30;--color-bg-hover:#24243a;--color-accent-primary:#6366f1;--color-accent-primary-hover:#818cf8;--color-accent-primary-subtle:#6366f126;--color-accent-secondary:#a5b4fc;--color-accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);--color-border-subtle:#6366f114;--color-border-default:#6366f126;--color-border-strong:#6366f140;--shadow-glow:0 0 40px #6366f140}.theme-ember-dark{--color-bg-primary:#150a0a;--color-bg-secondary:#1e0f0f;--color-bg-tertiary:#281515;--color-bg-elevated:#321c1c;--color-bg-hover:#3d2424;--color-accent-primary:#ef4444;--color-accent-primary-hover:#f87171;--color-accent-primary-subtle:#ef444426;--color-accent-secondary:#fb7185;--color-accent-gradient:linear-gradient(135deg,#ef4444,#f43f5e 50%,#fb7185);--color-border-subtle:#ef444414;--color-border-default:#ef444426;--color-border-strong:#ef444440;--shadow-glow:0 0 40px #ef444440}.theme-arctic-dark{--color-bg-primary:#0a1315;--color-bg-secondary:#0f1a1d;--color-bg-tertiary:#152225;--color-bg-elevated:#1c2b2f;--color-bg-hover:#243538;--color-accent-primary:#06b6d4;--color-accent-primary-hover:#22d3ee;--color-accent-primary-subtle:#06b6d426;--color-accent-secondary:#5eead4;--color-accent-gradient:linear-gradient(135deg,#06b6d4,#14b8a6 50%,#5eead4);--color-border-subtle:#06b6d414;--color-border-default:#06b6d426;--color-border-strong:#06b6d440;--shadow-glow:0 0 40px #06b6d440}.theme-rose-dark{--color-bg-primary:#150a10;--color-bg-secondary:#1e0f16;--color-bg-tertiary:#28151d;--color-bg-elevated:#321c26;--color-bg-hover:#3d242f;--color-accent-primary:#ec4899;--color-accent-primary-hover:#f472b6;--color-accent-primary-subtle:#ec489926;--color-accent-secondary:#fb7185;--color-accent-gradient:linear-gradient(135deg,#ec4899,#db2777 50%,#c026d3);--color-border-subtle:#ec489914;--color-border-default:#ec489926;--color-border-strong:#ec489940;--shadow-glow:0 0 40px #ec489940}.theme-slate-dark{--color-bg-primary:#0f1115;--color-bg-secondary:#15181d;--color-bg-tertiary:#1c2027;--color-bg-elevated:#242831;--color-bg-hover:#2d323c;--color-accent-primary:#64748b;--color-accent-primary-hover:#94a3b8;--color-accent-primary-subtle:#64748b26;--color-accent-secondary:#94a3b8;--color-accent-gradient:linear-gradient(135deg,#64748b,#475569 50%,#94a3b8);--color-border-subtle:#64748b14;--color-border-default:#64748b26;--color-border-strong:#64748b40;--shadow-glow:0 0 40px #64748b33}.theme-default-light{--color-accent-primary:#6d4cdb;--color-accent-gradient:linear-gradient(135deg,#6d4cdb,#8b5cf6 50%,#a78bfa);--shadow-glow:0 0 40px #6d4cdb33}.theme-ocean-light{--color-accent-primary:#0284c7;--color-accent-gradient:linear-gradient(135deg,#0284c7,#0891b2 50%,#06b6d4);--shadow-glow:0 0 40px #0284c733}.theme-forest-light{--color-accent-primary:#16a34a;--color-accent-gradient:linear-gradient(135deg,#16a34a,#059669 50%,#10b981);--shadow-glow:0 0 40px #16a34a33}.theme-sunset-light{--color-accent-primary:#ea580c;--color-accent-gradient:linear-gradient(135deg,#ea580c,#d97706 50%,#f59e0b);--shadow-glow:0 0 40px #ea580c33}.theme-purple-light{--color-accent-primary:#9333ea;--color-accent-gradient:linear-gradient(135deg,#9333ea,#a855f7 50%,#c026d3);--shadow-glow:0 0 40px #9333ea33}.theme-midnight-light{--color-accent-primary:#4f46e5;--color-accent-gradient:linear-gradient(135deg,#4f46e5,#6366f1 50%,#818cf8);--shadow-glow:0 0 40px #4f46e533}.theme-ember-light{--color-accent-primary:#dc2626;--color-accent-gradient:linear-gradient(135deg,#dc2626,#e11d48 50%,#f43f5e);--shadow-glow:0 0 40px #dc262633}.theme-arctic-light{--color-accent-primary:#0891b2;--color-accent-gradient:linear-gradient(135deg,#0891b2,#0d9488 50%,#14b8a6);--shadow-glow:0 0 40px #0891b233}.theme-rose-light{--color-accent-primary:#db2777;--color-accent-gradient:linear-gradient(135deg,#db2777,#c026d3 50%,#a855f7);--shadow-glow:0 0 40px #db277733}.theme-slate-light{--color-accent-primary:#475569;--color-accent-gradient:linear-gradient(135deg,#475569,#64748b 50%,#94a3b8);--shadow-glow:0 0 40px #47556926}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.app-layout,.app-shell{overflow:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-accent-primary);color:#fff}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover)}.loading-screen{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-4);height:100vh;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-accent-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-fast);user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-accent-gradient);box-shadow:var(--shadow-md),0 0 20px #6366f14d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 30px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-lg{border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.btn-icon{border-radius:var(--radius-md);height:40px;padding:0;width:40px}.btn-icon.btn-sm{height:32px;width:32px}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle);outline:none}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-subtle)}.input-helper{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.input-error-text{color:var(--color-error);font-size:var(--font-size-xs)}.card{backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}.card-solid{background:var(--color-bg-secondary)}.card-header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5) var(--space-6)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.badge-primary{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-error{background:var(--color-error-subtle);color:var(--color-error)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-md)}.platform-darwin{--titlebar-height:38px}.platform-darwin .app-shell{padding-top:var(--titlebar-height)}.platform-win32{--titlebar-height:0px}
/*# sourceMappingURL=main.2fa59970.css.map*/