:root{--accent: #f43f5e;--accent-hover: #e11d48;--accent-light: #fff1f2;--sidebar-bg: #18181b;--sidebar-text: rgba(255,255,255,.65);--sidebar-text-hover: rgba(255,255,255,.9);--sidebar-text-active: #ffffff;--sidebar-nav-active-bg: rgba(255,255,255,.12);--sidebar-border: rgba(255,255,255,.08);--sidebar-logo: #ffffff;--sidebar-section-label: rgba(255,255,255,.3);--sidebar-active-text: #ffffff;--sidebar-active-bg: rgba(255,255,255,.12);--topbar-bg: #ffffff;--topbar-border: #e8edf2;--topbar-height: 56px;--page-bg: #f4f6f8;--surface: #ffffff;--surface-raised: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border: #e8edf2;--border-light: #f1f5f9;--border-strong: #d1d5db;--input-bg: #ffffff;--input-border: #e8edf2;--input-border-focus: #f43f5e;--input-color: #0f172a;--btn-primary-bg: #18181b;--btn-primary-text: #ffffff;--btn-primary-hover: #27272a;--badge-hot-bg: #fef2f2;--badge-hot-text: #ef4444;--badge-warm-bg: #fffbeb;--badge-warm-text: #d97706;--badge-cold-bg: #eff6ff;--badge-cold-text: #3b82f6;--badge-customer-bg: #f0fdf4;--badge-customer-text: #16a34a;--status-connected-color: #10b981;--status-ready: #10b981;--status-offline: #6b7280;--status-connecting: #f59e0b;--status-incall: #3b82f6;--status-ringing: #8b5cf6;--status-failed: #f43f5e;--call-btn-bg: #f43f5e;--call-btn-hover: #e11d48;--hangup-bg: #f43f5e;--hangup-hover: #e11d48;--badge-inbound: #3b82f6;--badge-outbound: #8b5cf6;--badge-missed: #f43f5e;--sentiment-positive: #10b981;--sentiment-negative: #f43f5e;--sentiment-neutral: #f59e0b;--softphone-bg: #ffffff;--dialpad-key-bg: #f8fafc;--dialpad-key-color: #0f172a;--dialpad-key-hover-bg: #f43f5e;--dialpad-key-hover-color: #ffffff;--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, .12);--bg-page: var(--page-bg);--bg-surface: var(--surface);--bg-input: var(--input-bg);--card-bg: var(--surface);--text-body: var(--text-primary);--logo-color: var(--sidebar-logo);--accent-subtle: var(--accent-light);--yellow: #fbbf24;--blue: #3b82f6;--pink: var(--accent);--purple: #8b5cf6;--table-header-bg: #f8fafc;--table-header-text: var(--text-muted);--table-row-even: #ffffff;--table-row-odd: #fafafa;--brand-header-bg: #18181b;--brand-header-text: #ffffff;--call-summary-bg: #f8fafc;--status-offline-bg: #f1f5f9;--status-offline-color: var(--text-muted);--status-connecting-bg: #fef3c7;--status-connecting-color: #92400e;--active-call-bg: #18181b;--active-call-border: var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:Outfit,sans-serif;background-color:var(--page-bg);color:var(--text-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:Outfit,sans-serif;cursor:pointer}input,select,textarea{font-family:Outfit,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.theme-toggle{display:none}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}