@charset "UTF-8";:root{--bg-app: #0a0a0b;--bg-sidebar: #0a0a0b;--bg-card: #141416;--bg-overlay: #18181b;--bg-elevated: #1c1c1f;--bg-hover: #232326;--border-subtle: rgba(255, 255, 255, .08);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #10b981;--accent-rgb: 16, 185, 129;--accent-hover: #34d399;--accent-contrast: #ffffff;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--speaker-customer: #60a5fa;--speaker-assistant: #34d399;--waveform-assistant-played: #f2c94c;--waveform-assistant-unplayed: #b45309;--waveform-customer-played: #22d3ee;--waveform-customer-unplayed: #0d9488;--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset;--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .6);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=light]{--bg-app: #ffffff;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-overlay: #ffffff;--bg-elevated: #f4f4f5;--bg-hover: #e4e4e7;--border-subtle: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--accent: #10b981;--accent-rgb: 16, 185, 129;--accent-hover: #059669;--accent-contrast: #ffffff;--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--speaker-customer: #2563eb;--speaker-assistant: #059669;--waveform-assistant-played: #d4a017;--waveform-assistant-unplayed: #92400e;--waveform-customer-played: #0891b2;--waveform-customer-unplayed: #115e59}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;overflow-x:hidden}.table-scroll{overflow-x:auto}a{color:inherit}button{font-family:inherit}:root{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:var(--border-subtle) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:transparent!important;border-radius:4px}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background-color:var(--border-subtle)!important}.btn.primary,button.primary{background:var(--accent)!important;border:1px solid var(--accent)!important;color:var(--accent-contrast)!important;transition:background .15s,border-color .15s}.btn.primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.btn.primary:disabled,button.primary:disabled{opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .36s}@keyframes enter-fade{0%{opacity:0}}@keyframes enter-rise{0%{opacity:0;transform:translateY(8px)}}.enter-fade{animation:enter-fade var(--motion-base) var(--ease-out) backwards;animation-delay:var(--enter-delay, 0ms)}.enter-rise{animation:enter-rise var(--motion-slow) var(--ease-out) backwards;animation-delay:var(--enter-delay, 0ms)}.stagger>:nth-child(1){--enter-delay: 0ms}.stagger>:nth-child(2){--enter-delay: 40ms}.stagger>:nth-child(3){--enter-delay: 80ms}.stagger>:nth-child(4){--enter-delay: .12s}.stagger>:nth-child(5){--enter-delay: .16s}.stagger>:nth-child(6){--enter-delay: .2s}.stagger>:nth-child(7){--enter-delay: .24s}.stagger>:nth-child(8){--enter-delay: .28s}.stagger>:nth-child(9){--enter-delay: .32s}.stagger>:nth-child(10){--enter-delay: .36s}.stagger>:nth-child(11){--enter-delay: .4s}.stagger>:nth-child(12){--enter-delay: .44s}.stagger>:nth-child(n+13){--enter-delay: .48s}.row-anim tbody>tr{animation:enter-fade var(--motion-base) var(--ease-out) backwards}button,[role=button],a{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}button:focus-visible,[role=button]:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}.date-readout{margin-left:.5rem;font-size:.85em;opacity:.75;white-space:nowrap}
