:root{--bg-dark: #060608;--surface-dark: #111116;--panel-dark: rgba(22, 22, 28, .85);--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--text-main: #f3f4f6;--text-muted: #9ca3af;--glass-border: rgba(255, 255, 255, .08);--glass-glow: rgba(139, 92, 246, .12);--font-main: "Outfit", "Inter", system-ui, sans-serif;--sidebar-width: 380px;--sidebar-collapsed-width: 0px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);overflow:hidden;height:100vh}.app-container{display:flex;height:100vh;padding:.75rem;gap:.75rem;background:radial-gradient(circle at 10% 10%,rgba(139,92,246,.08),transparent 40%),radial-gradient(circle at 90% 90%,rgba(6,182,212,.08),transparent 40%)}.glass{background:var(--panel-dark);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 40px #00000080}.sidebar{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.sidebar.collapsed{width:var(--sidebar-collapsed-width);margin-right:-.75rem;opacity:0}.sidebar-toggle{position:absolute;top:1.5rem;right:1.25rem;width:28px;height:28px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;box-shadow:0 0 15px #8b5cf666}.sidebar-content{padding:2rem;display:flex;flex-direction:column;height:100%}.sidebar-logo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-vault-link{color:var(--text-muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;transition:all .2s}.btn-vault-link:hover{background:#ffffff1a;color:#fff}.sidebar-tabs{display:flex;gap:.5rem;background:#0000004d;padding:.35rem;border-radius:14px;margin-bottom:1.5rem}.tab-btn{flex:1;padding:.6rem;border-radius:10px;border:none;background:transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.tab-btn.active{background:var(--surface-dark);color:#fff;box-shadow:0 2px 10px #0003}.avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.avatar-option{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:.75rem;cursor:pointer;transition:all .2s;text-align:center}.avatar-option:hover{background:#ffffff0d}.avatar-option.active{border-color:var(--accent-primary);background:#8b5cf60d}.avatar-thumb{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:.5rem;position:relative}.avatar-thumb img{width:100%;height:100%;object-fit:cover}.avatar-check{position:absolute;top:6px;right:6px;background:var(--accent-primary);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-name{font-size:.8rem;font-weight:700;color:#fff}.avatar-desc{font-size:.65rem;color:var(--text-muted)}.voice-list{display:flex;flex-direction:column;gap:.5rem}.voice-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;transition:all .2s}.voice-option.active{border-color:var(--accent-primary);background:#8b5cf60d}.voice-name{font-size:.85rem;font-weight:700;color:#fff}.voice-label{font-size:.65rem;color:var(--text-muted)}.btn-voice-play{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-voice-play:hover{background:var(--accent-primary)}.dashboard{flex:1;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.preview-section{flex:1.2;display:flex;flex-direction:column;overflow:hidden}.preview-header{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.header-status{display:flex;align-items:center;gap:.75rem}.mini-progress{width:80px;height:4px;background:#ffffff0d;border-radius:10px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.status-badge{font-size:.6rem;font-weight:800;padding:.2rem .5rem;background:#8b5cf626;color:var(--accent-primary);border-radius:5px;letter-spacing:.05em;transition:all .3s}.status-badge.failed{background:#ef444426;color:#ef4444}.video-frame{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative}.video-frame video{width:100%;height:100%;object-fit:contain}.phase-indicators{display:flex;justify-content:center;gap:2rem;padding:.5rem;margin-top:-.5rem}.phase-item{display:flex;align-items:center;gap:.5rem;opacity:.2;transition:all .3s}.phase-item.active{opacity:1;color:var(--accent-primary)}.phase-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.phase-item span{font-size:.7rem;font-weight:700;opacity:.8}.chat-section{height:240px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.btn-voice-play.visible{opacity:1;visibility:visible;background:#8b5cf633;color:var(--accent-primary);width:32px;height:32px}.btn-voice-play.visible:hover{background:var(--accent-primary);color:#fff}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.chat-bubble{max-width:85%;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.chat-bubble.user{align-self:flex-end;background:var(--accent-primary);color:#fff;border-radius:18px 18px 2px}.chat-bubble.assistant{align-self:flex-start;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);border-radius:18px 18px 18px 2px}.chat-bubble.pending{display:flex;align-items:center;gap:.6rem}.chat-container{display:flex;gap:.75rem;align-items:flex-end}.chat-input-wrapper{flex:1;position:relative}.chat-textarea{width:100%;background:#ffffff05;border:1px solid var(--glass-border);border-radius:18px;padding:1rem 3.5rem 1rem 1.25rem;color:#fff;font-size:.9rem;resize:none;min-height:60px;max-height:120px;outline:none;transition:all .2s}.chat-textarea:focus{border-color:var(--accent-primary);background:#ffffff0a}.chat-actions{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.5rem;align-items:center}.btn-send{background:var(--accent-primary);color:#fff;border:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-send:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.1)}.btn-send:disabled{opacity:.3;cursor:not-allowed}.btn-primary{padding:.75rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;border:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}