:root{--sidebar-dark: #1a2744;--sidebar-blue: #1e3a5f;--sidebar-width: 220px;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-500: #3b82f6;--blue-100: #dbeafe;--blue-50: #eff6ff;--sky-700: #0369a1;--sky-600: #0284c7;--sky-200: #bae6fd;--sky-100: #e0f2fe;--sky-50: #f0f9ff;--green-600: #16a34a;--green-500: #22c55e;--green-100: #dcfce7;--green-50: #f0fdf4;--green-border: #bbf7d0;--red-500: #ef4444;--red-600: #dc2626;--red-100: #fee2e2;--amber-500: #f59e0b;--amber-600: #d97706;--amber-100: #fef3c7;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-100: #e0e7ff;--indigo-border: #c7d2fe;--slate-900: #0f172a;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--body-bg: #dce3ed;--panel-bg: #ffffff;--customer-bubble: #f1f5f9;--agent-bubble: #f0f4ff;--ai-bar-bg: linear-gradient(90deg, #f0fdf4, #ecfdf5);--voice-bar-bg: linear-gradient(90deg, #1e3a5f, #2563eb);--right-panel-width: 290px;--header-height: 52px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 25px 50px rgba(0,0,0,.2);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--slate-700);background:var(--body-bg);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;outline:none}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi{font-family:Material Icons Outlined;font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;vertical-align:middle}.mi-xs{font-size:14px}.mi-s{font-size:16px}.mi-l{font-size:24px}.mi-xl{font-size:28px}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 14px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes audioBar{0%,to{height:4px}50%{height:var(--bar-height, 16px)}}.fade-in{animation:fadeIn .2s ease}.slide-in-right{animation:slideInRight .25s ease}.slide-up{animation:slideUp .25s ease}