:root{--bg-deep: #ece8df;--bg-primary: #ece8df;--bg-surface: #f5f2eb;--bg-elevated: #f0ede6;--bg-hover: #eae7e0;--border: #d8d4cb;--border-light: #c8c4bb;--text-primary: #1a1a1f;--text-secondary: #5a574f;--text-muted: #8a8780;--accent: #c4882a;--accent-hover: #b07820;--accent-dim: rgba(196, 136, 42, .1);--accent-glow: rgba(196, 136, 42, .2);--danger: #d94444;--success: #1a9a6a;--speaker-1: #c4882a;--speaker-2: #2a9d94;--speaker-3: #d94444;--speaker-4: #7c5cbf;--speaker-5: #1a9a6a;--speaker-6: #c44a8a;--speaker-7: #3b7fd9;--speaker-8: #c4982a;--font-display: "Playfair Display", Georgia, serif;--font-body: "Vazirmatn", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-glow: 0 0 24px var(--accent-glow);--header-bg: rgba(236, 232, 223, .85);--glass-bg: rgba(245, 242, 235, .25);--glass-bg-dense: rgba(245, 242, 235, .45);--glass-border: rgba(200, 196, 187, .3);--glass-highlight: rgba(255, 255, 255, .5);--glass-shadow: rgba(0, 0, 0, .1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-deep: #0C0C0E;--bg-primary: #0C0C0E;--bg-surface: #1A1A1F;--bg-elevated: #222228;--bg-hover: #2A2A32;--border: #2A2A32;--border-light: #333340;--text-primary: #F0EDE6;--text-secondary: #9B978F;--text-muted: #6B6862;--accent: #E8A838;--accent-hover: #F0B848;--accent-dim: rgba(232, 168, 56, .12);--accent-glow: rgba(232, 168, 56, .25);--danger: #E85454;--success: #34D399;--speaker-1: #E8A838;--speaker-2: #4ECDC4;--speaker-3: #FF6B6B;--speaker-4: #A78BFA;--speaker-5: #34D399;--speaker-6: #F472B6;--speaker-7: #60A5FA;--speaker-8: #FBBF24;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 24px var(--accent-glow);--header-bg: rgba(12, 12, 14, .85);--glass-bg: rgba(26, 26, 31, .2);--glass-bg-dense: rgba(26, 26, 31, .4);--glass-border: rgba(51, 51, 64, .25);--glass-highlight: rgba(255, 255, 255, .06);--glass-shadow: rgba(0, 0, 0, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6}body,#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--text-primary);line-height:1.2}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}input,select,textarea{font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a574f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}button{font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:.65rem 1.3rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent);color:#fff;font-weight:600}[data-theme=dark] .btn-primary{color:#0c0c0e}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem .8rem}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(232,84,84,.3)}.btn-danger:hover{background:#e854541a}.btn-icon{background:transparent;color:var(--text-secondary);padding:.45rem;border-radius:var(--radius-sm)}.btn-icon:hover{color:var(--text-primary);background:var(--bg-elevated)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressGlow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 16px var(--accent-glow)}}.animate-in{animation:fadeIn .35s ease both}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:500}.badge-processing{background:var(--accent-dim);color:var(--accent)}.badge-completed{background:#34d3991f;color:var(--success)}.badge-error{background:#e854541f;color:var(--danger)}.app-header{position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.app-header .logo{display:flex;align-items:center}.app-header .logo-img{height:28px;width:auto}.app-header .user-menu{display:flex;align-items:center;gap:.8rem}.app-header .user-name{font-size:.85rem;color:var(--text-secondary)}.app-header .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:2rem}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:fadeInUp .3s ease}.modal h2{margin-bottom:1.5rem;font-size:1.3rem}.noise-bg:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;pointer-events:none}