@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&family=Inter:wght@400;500;600&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button,input{font-family:inherit}.app-container{height:100vh;overflow:hidden}:root{--bg-primary: #ffffff;--bg-secondary: #fafbfc;--bg-tertiary: #f6f7f9;--bg-hover: rgba(110, 86, 207, .02);--bg-active: rgba(110, 86, 207, .04);--text-primary: #1a1523;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-light: rgba(0, 0, 0, .05);--border-medium: rgba(0, 0, 0, .08);--accent: #6e56cf;--accent-hover: #5e47b8;--accent-light: rgba(110, 86, 207, .08);--accent-lighter: rgba(110, 86, 207, .04);--purple-50: #f9f7ff;--purple-100: #f3efff;--purple-200: #e9e0ff;--purple-300: #d9ccff;--purple-400: #bfa7ff;--purple-500: #9b7af2;--purple-600: #6e56cf;--purple-700: #5e47b8;--purple-800: #4e3a9e;--purple-900: #3d2e7c;--success: #10b981;--success-bg: #d1fae5;--success-dark: #059669;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-dark: #d97706;--danger: #ef4444;--error: #ef4444;--error-bg: #fee2e2;--info: #3b82f6;--info-bg: #dbeafe;--info-dark: #1d4ed8;--primary: var(--accent);--primary-dark: var(--accent-hover);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-display: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .12s ease;--transition-base: .15s ease;--transition-normal: .2s ease;--transition-slow: .2s ease;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.006em}h1,h2,h3,h4,h5,h6{font-family:Crimson Text,Georgia,serif;font-weight:600;letter-spacing:-.02em;margin:0}h1{font-size:var(--font-size-display)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.app{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;transition:width var(--transition-base)}.sidebar.collapsed{width:56px}.sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--border-light);height:64px;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-md);font-family:Crimson Text,serif;font-weight:600;font-size:var(--font-size-lg);color:var(--text-primary)}.logo-icon{width:20px;height:20px;color:var(--accent)}.sidebar-nav{flex:1;padding:var(--space-md)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);margin-bottom:2px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all var(--transition-fast);position:relative;font-weight:400}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:500}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{flex:1}.nav-shortcut{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-light)}.main-content{flex:1;overflow:auto;background:var(--bg-primary)}.page{padding:var(--space-xxxl);max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xxxl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.page-header h1{font-size:var(--font-size-display);font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;height:36px;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:400;cursor:pointer;transition:all var(--transition-fast);height:36px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.btn-ghost{background:none;color:var(--text-secondary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);height:36px;display:inline-flex;align-items:center;justify-content:center}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:0}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-medium)}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);width:240px;height:36px;transition:all var(--transition-fast)}.search-input:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-input::placeholder{color:var(--text-tertiary)}.stat-card{background:#fff;border:1px solid var(--border-light);padding:var(--space-xl);border-radius:var(--radius-lg);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-medium)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-weight:500}.stat-value{font-size:28px;font-weight:600;color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-sm);font-family:Crimson Text,serif}.stat-trend{font-size:var(--font-size-sm);font-weight:500;font-family:Inter,sans-serif}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--danger)}.dashboard h1{font-size:var(--font-size-display);font-weight:600;margin:0 0 var(--space-xxxl) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xxxl)}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xxxl)}.recent-conversations h2,.quick-stats h2{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.conversation-list{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.conversation-item{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.unread{background:var(--purple-50)}.conversation-type{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.conversation-content{flex:1}.conversation-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.conversation-header h4{font-size:var(--font-size-md);font-weight:500;margin:0;font-family:Inter,sans-serif}.conversation-time{font-size:var(--font-size-sm);color:var(--text-tertiary)}.conversation-preview{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-duration{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.chart-placeholder{background:var(--bg-tertiary);height:200px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-xl);border:1px solid var(--border-light)}.mini-stats{display:flex;gap:var(--space-xxl)}.mini-stat{flex:1}.mini-stat span{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.mini-stat strong{font-size:var(--font-size-xl);color:var(--text-primary);font-family:Crimson Text,serif}.contacts-page .filters-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xxl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.filter-btn{background:none;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn.active{background:var(--bg-active);color:var(--text-primary);font-weight:500}.filter-separator{width:1px;height:20px;background:var(--border-light);margin:0 var(--space-md)}.filter-select{background:var(--bg-tertiary);border:1px solid var(--border-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;height:36px}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.contact-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-base)}.contact-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.contact-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.contact-avatar{width:40px;height:40px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:var(--font-size-lg);font-family:Crimson Text,serif}.contact-info{flex:1}.contact-info h4{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);font-family:Inter,sans-serif}.contact-email{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.contact-score{text-align:right}.score{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;font-family:SF Mono,Monaco,monospace}.score-high{background:var(--success);color:#fff}.score-medium{background:var(--warning);color:#fff}.score-low{background:var(--danger);color:#fff}.contact-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.contact-status{text-transform:capitalize}.contact-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{display:inline-block;padding:4px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.conversations-page{display:flex;height:calc(100vh - 64px)}.conversations-sidebar{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column}.conversations-sidebar .sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;height:auto}.sidebar-header h2{margin:0;font-size:var(--font-size-lg);font-weight:600}.conversation-filters{padding:var(--space-lg);display:flex;gap:var(--space-sm);border-bottom:1px solid var(--border-light)}.filter-chip{padding:var(--space-xs) var(--space-md);background:none;border:1px solid var(--border-light);border-radius:16px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.conversation-main{flex:1;display:flex;flex-direction:column;background:#fff}.conversation-main .conversation-header{padding:var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.conversation-actions{display:flex;gap:var(--space-sm)}.conversation-main .conversation-content{flex:1;padding:var(--space-xxl);overflow-y:auto}.message-placeholder{text-align:center;color:var(--text-secondary);padding:var(--space-xxl)}.message-info{margin:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.conversation-input{padding:var(--space-xl);border-top:1px solid var(--border-light);display:flex;gap:var(--space-lg)}.message-input{flex:1;padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);height:36px}.message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.agents-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-xxxl)}.overview-stat{background:#fff;border:1px solid var(--border-light);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center}.overview-stat h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-family:Inter,sans-serif}.big-number{font-size:36px;font-weight:600;color:var(--text-primary);margin:0;font-family:Crimson Text,serif}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.agent-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.agent-card:hover{border-color:var(--border-medium)}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.agent-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;font-family:Inter,sans-serif}.agent-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.status-paused{background:var(--warning);color:#fff}.status-offline{background:var(--bg-tertiary);color:var(--text-secondary)}.agent-type{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.agent-stat{text-align:center}.agent-stat .stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.agent-stat .stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.agent-actions{display:flex;gap:var(--space-sm)}.agent-actions button{flex:1;font-size:var(--font-size-sm);padding:var(--space-sm)}.work-queue-page{display:flex;height:100vh}.queue-sidebar{width:400px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.queue-header{padding:var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.queue-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600}.queue-stats{display:flex;gap:var(--space-sm)}.stat-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.stat-badge.hot{background:var(--danger);color:#fff}.stat-badge.warm{background:var(--warning);color:#fff}.queue-filters{padding:var(--space-lg);border-bottom:1px solid var(--border-light)}.search-box{position:relative;margin-bottom:var(--space-md)}.search-box svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.queue-search{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-xxxl);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);background:#fff}.queue-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.filter-pills{display:flex;gap:var(--space-sm)}.filter-pill{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-light);border-radius:16px;background:none;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.queue-list{flex:1;overflow-y:auto}.queue-item{padding:var(--space-lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);display:flex;gap:var(--space-md);position:relative}.queue-item:hover{background:var(--bg-hover)}.queue-item.selected{background:var(--accent-lighter);border-left:3px solid var(--accent);padding-left:calc(var(--space-lg) - 3px)}.queue-item.unread{background:var(--purple-50)}.priority-indicator{width:4px;position:absolute;left:0;top:0;bottom:0}.priority-indicator.priority-hot{background:var(--danger)}.priority-indicator.priority-warm{background:var(--warning)}.priority-indicator.priority-followup{background:var(--purple-500)}.priority-indicator.priority-cold{background:var(--text-tertiary)}.queue-item-content{flex:1;padding-left:var(--space-sm)}.queue-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.contact-info h4{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.stage-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.deal-value{font-size:var(--font-size-lg);font-weight:600;color:var(--accent);font-family:Crimson Text,serif}.queue-item-preview{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden}.queue-item-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-meta{display:flex;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-tertiary)}.next-action,.due-time{display:flex;gap:var(--space-xs);align-items:center}.queue-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.lead-header{padding:var(--space-xxl);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.lead-title h1{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xxl);font-weight:600}.lead-badges{display:flex;gap:var(--space-sm)}.priority-badge,.stage-badge,.score-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-badge.priority-hot{background:var(--danger);color:#fff}.priority-badge.priority-warm{background:var(--warning);color:#fff}.priority-badge.priority-followup{background:var(--accent);color:#fff}.priority-badge.priority-cold,.stage-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.score-badge{background:var(--success);color:#fff}.lead-actions{display:flex;gap:var(--space-md);align-items:center}.lead-content{flex:1;padding:var(--space-xxl);overflow-y:auto;display:grid;grid-template-columns:1fr 380px;gap:var(--space-xxl)}.lead-main-section{display:flex;flex-direction:column;gap:var(--space-xxl)}.action-card,.info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl)}.action-card h3,.info-card h3,.conversation-section h3,.quick-actions h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:600;font-family:Inter,sans-serif}.action-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md)}.action-icon{color:var(--danger)}.action-details{flex:1}.action-title{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.action-due{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.activity-timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-item{display:flex;gap:var(--space-lg)}.timeline-icon{width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.timeline-content{flex:1}.timeline-title{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.timeline-preview{margin:var(--space-xs) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.timeline-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.lead-sidebar-section{display:flex;flex-direction:column;gap:var(--space-xxl)}.info-grid{display:grid;gap:var(--space-lg)}.info-value{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.info-value.priority-hot{color:var(--danger)}.info-value.priority-warm{color:var(--warning)}.quick-actions{display:flex;flex-direction:column;gap:var(--space-md)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quick-action-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.btn-back{display:inline-flex;align-items:center;gap:var(--space-sm);background:none;border:1px solid var(--border-medium);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-weight:400}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xxxl);font-size:var(--font-size-base);color:var(--text-secondary)}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxxl);font-size:var(--font-size-base);color:var(--danger);text-align:center}.error button{margin-top:var(--space-lg)}.inbox-layout{display:flex;height:100%;background:#f5f5f5}.filter-sidebar{width:200px;background:#fff;border-right:1px solid #e5e7eb;padding:16px 12px;overflow-y:auto}.lead-list{flex:1;overflow-y:auto;background:#fafafa}.list-header{background:#fff;padding:12px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.list-header h1{font-size:18px;font-weight:600;margin:0}.header-stats{display:flex;gap:16px}.stat{font-size:13px;padding:4px 12px;border-radius:12px;background:#f3f4f6;color:#6b7280}.stat.urgent{background:#fee2e2;color:#dc2626}.leads{padding:0}.lead-item{display:flex;align-items:center;height:40px;padding:0 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .1s;font-size:14px;position:relative}.lead-item:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0;background:#f8f9fa}.lead-item.needs-help{background:#fef2f2}.lead-item.needs-help:hover{background:#fee2e2}.lead-icon{width:24px;display:flex;align-items:center;color:#5f6368}.lead-name{width:180px;font-weight:500;color:#202124;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.lead-subject{flex:1;color:#5f6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.lead-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.alert-icon{color:#dc2626}.unread-indicator{background:#1a73e8;color:#fff;font-size:11px;padding:2px 6px;border-radius:12px;font-weight:600}.lead-assignee{font-size:13px;color:#5f6368}.lead-assignee.ai{color:#7c3aed}.lead-value{font-size:13px;color:#188038;font-weight:500}.lead-time{font-size:13px;color:#5f6368;min-width:50px;text-align:right}.inbox-layout .lead-item .live-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef4444;animation:pulse 2s ease-in-out infinite}.inbox-layout .lead-item.is-live{background:#fef2f2;padding-left:20px}.inbox-layout .lead-item.is-live:hover{background:#fee2e2}.lead-indicators{display:flex;align-items:center;gap:8px;margin-right:12px}.language-badge{font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:2px 6px;border-radius:4px}.sentiment-indicator{font-size:14px;opacity:.8}.sentiment-indicator.distressed{filter:grayscale(50%)}.doc-indicator{font-size:14px;opacity:.6}.needs-help-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;display:inline-block}.returning-badge{font-size:10px;font-weight:500;color:#059669;background:#d1fae5;padding:1px 5px;border-radius:3px;margin-left:6px}.unread-count{background:#3b82f6;color:#fff;font-size:11px;padding:1px 5px;border-radius:3px;font-weight:500;min-width:18px;text-align:center}.lead-item.is-live .lead-time{color:#dc2626;font-weight:500}.lead-value{font-size:12px;color:#059669;font-weight:500;background:#ecfdf5;padding:2px 6px;border-radius:4px}EOF < /dev/null.conversation-thread{display:flex;flex-direction:column;height:100%;background:#fafafa;flex:1;min-height:0}.live-channel-alert{background:#fef3c7;border-bottom:1px solid #fbbf24;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.live-channel-info{display:flex;align-items:center;gap:12px;font-weight:600;color:#92400e}.live-pulse{width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:pulse 2s ease-in-out infinite}.live-actions{display:flex;gap:8px}.live-action-btn{padding:6px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.live-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.thread-messages{flex:1;overflow-y:auto;padding:24px}.day-group{margin-bottom:32px}.day-separator{display:flex;align-items:center;margin:24px 0 16px;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:#e5e7eb}.day-separator span{padding:0 16px}.thread-message{margin-bottom:20px;animation:fadeIn .3s ease-out}.thread-message.live{background:#fffbeb;margin:0 0 20px;padding:16px;border-radius:6px;border:1px solid #fbbf24}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#6b7280}.message-channel{display:flex;align-items:center;gap:6px}.language-badge{background:#eef2ff;color:#6366f1;padding:2px 6px;border-radius:4px;font-weight:600;font-size:10px}.live-badge{background:#dc2626;color:#fff;padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.message-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative}.message-content.ai-message{background:#f3f4f6;border-color:#d1d5db}.message-content.client-message{background:#fff;border-left:3px solid #3b82f6}.message-sender{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:#111827}.ai-icon{font-size:16px}.sender-role{font-weight:400;color:#6b7280;font-size:12px}.message-text{font-size:14px;line-height:1.6;color:#374151}.call-transcript{margin-top:12px;padding:12px;background:#f9fafb;border-radius:6px;font-size:13px}.transcript-line{margin-bottom:8px;line-height:1.5}.transcript-speaker{font-weight:600;color:#4b5563;margin-right:8px}.transcript-text{color:#111827}.transcript-live-indicator{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280;font-style:italic}.pulse-dot{width:6px;height:6px;background:#f59e0b;border-radius:50%;animation:pulse 2s ease-in-out infinite}.message-attachments{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.attachment{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.attachment-image{width:120px;height:90px;cursor:pointer}.attachment-image img{width:100%;height:100%;object-fit:cover}.attachment-file{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f9fafb;font-size:12px;color:#4b5563}.message-sentiment{margin-top:8px;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:500}.message-sentiment.distressed{background:#fef3c7;color:#92400e}.message-sentiment.angry{background:#fee2e2;color:#991b1b}.message-sentiment.confused{background:#e0e7ff;color:#3730a3}.message-group{margin-bottom:16px}.group-header{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s;text-align:left}.group-header:hover{background:#e5e7eb}.group-channel{display:flex;align-items:center;gap:4px;font-weight:500;color:#4b5563}.group-time{margin-left:auto}.group-count{color:#9ca3af}.group-messages{margin-top:8px;padding-left:24px}.lead-detail-v2{display:flex;flex-direction:column;height:100%;background:#fff}.detail-header-v2{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s}.header-content{flex:1}.header-title{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.header-title h1{font-size:20px;font-weight:600;margin:0;color:#111827}.contact-info{font-size:14px;color:#6b7280}.header-badges{display:flex;gap:8px}.badge{padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500}.badge.live{background:#fee2e2;color:#dc2626}.badge.urgent{background:#fef3c7;color:#92400e}.badge.high-value{background:#d1fae5;color:#065f46}.badge.value{background:#dbeafe;color:#1e40af;font-weight:600}.more-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s}.more-button:hover{background:#f9fafb;border-color:#d1d5db}.detail-content{flex:1;display:flex;overflow:hidden}.conversation-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.detail-sidebar-v2{width:320px;background:#fff;border-left:1px solid #e5e7eb;padding:24px;overflow-y:auto;flex-shrink:0}.sidebar-section{margin-bottom:32px}.sidebar-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 16px}.info-grid{display:grid;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:13px;color:#6b7280}.info-value{font-size:13px;font-weight:500;color:#111827}.info-value.status-active{display:flex;align-items:center;gap:6px;color:#dc2626}.status-dot{width:6px;height:6px;background:#dc2626;border-radius:50%;animation:pulse 2s ease-in-out infinite}.timeline-mini{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;padding:8px;border-radius:4px;transition:all .15s}.timeline-item:hover{background:#f9fafb}.timeline-item.active{background:#fee2e2;color:#dc2626;font-weight:500}.timeline-item .time{margin-left:auto;font-size:11px;color:#9ca3af}.timeline-item.active .time{color:#dc2626}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;color:#4b5563;cursor:pointer;transition:all .15s}.document-item:hover{background:#f3f4f6;border-color:#d1d5db}.ai-insights{font-size:13px;line-height:1.6}.insight-summary{color:#374151;margin:0 0 16px}.risk-factors{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:12px}.risk-factors h4{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#dc2626;margin:0 0 8px}.risk-factors ul{margin:0;padding-left:20px;color:#991b1b}.risk-factors li{margin-bottom:4px}.confidence-score{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f3f4f6;border-radius:4px;font-size:12px}.confidence-score .score{font-weight:600;color:#059669}.quick-action{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.quick-action:hover{background:#f9fafb;border-color:#d1d5db}.detail-footer-v2{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.message-input-container{flex:1;display:flex;gap:12px}.message-input{flex:1;padding:10px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;transition:all .15s}.message-input:focus{border-color:#9ca3af}.send-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.send-button:hover{background:#1f2937}.footer-actions{display:flex;gap:12px;width:100%}.action-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.action-btn.secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.action-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db}.action-btn.primary{background:#111827;color:#fff;margin-left:auto}.action-btn.primary:hover{background:#1f2937}.settings-container{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.settings-header{background-color:#fff;border-bottom:1px solid #e5e7eb}.header-top{padding:12px 20px;border-bottom:1px solid #f3f4f6}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s}.back-button:hover{background:#f3f4f6;color:#111827}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 32px}.header-title{display:flex;align-items:center;gap:1rem}.header-icon{width:32px;height:32px;color:#111827}.settings-header h1{margin:0;font-size:24px;font-weight:600;color:#111827}.save-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.save-button:hover{background-color:#000}.save-button.saved{background-color:#10b981}.settings-tabs{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 32px;display:flex;gap:32px;max-width:1200px;margin:0 auto;width:100%}.tab{display:flex;align-items:center;gap:8px;padding:16px 0;border:none;background:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:#111827}.tab.active{color:#111827;border-bottom-color:#111827}.settings-content{flex:1;overflow-y:auto;padding:32px}.tab-content{max-width:1200px;margin:0 auto}.settings-section{background-color:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.settings-section h2{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-description{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .15s;background:#fafafa}.form-input:focus,.form-select:focus{outline:none;border-color:#111827;background:#fff;box-shadow:0 0 0 3px #0000000d}.business-hours{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-toggle{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;font-size:14px;color:#374151}.feature-toggle:hover{background-color:#f3f4f6;border-color:#d1d5db}.feature-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.add-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.add-button:hover{background-color:#000}.phone-list{display:flex;flex-direction:column;gap:16px}.phone-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fafafa}.phone-edit{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:16px;align-items:center}.phone-display{display:flex;justify-content:space-between;align-items:center}.phone-info{display:flex;flex-direction:column;gap:8px}.phone-number{display:flex;align-items:center;gap:8px;font-weight:500;color:#111827;font-size:14px}.phone-meta{display:flex;align-items:center;gap:16px;font-size:13px}.phone-meta .label{color:#6b7280}.phone-meta .type{padding:2px 8px;border-radius:12px;font-weight:500;font-size:11px;text-transform:uppercase}.phone-meta .type.main{background-color:#f3f4f6;color:#374151}.phone-meta .type.support{background-color:#eef2ff;color:#6366f1}.phone-meta .type.sales{background-color:#d1fae5;color:#059669}.phone-meta .type.emergency{background-color:#fee2e2;color:#dc2626}.phone-meta .agent{display:flex;align-items:center;gap:4px;color:#6366f1}.phone-actions{display:flex;align-items:center;gap:12px}.toggle{position:relative;display:inline-block;width:40px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.2s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:#111827}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.icon-button:hover{color:#111827;border-color:#d1d5db;background-color:#f3f4f6}.icon-button.danger:hover{color:#dc2626;border-color:#dc2626}.agents-list{display:grid;gap:24px}.agent-card{border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fafafa}.agent-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.agent-icon{width:48px;height:48px;padding:12px;background-color:#f3f4f6;color:#374151;border-radius:8px}.agent-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.agent-type{font-size:13px;color:#6b7280}.agent-settings{display:flex;flex-direction:column;gap:24px}.voice-settings h4{margin:0 0 16px;font-size:14px;font-weight:500;color:#374151}.webhooks{display:flex;flex-direction:column;gap:20px}.call-test-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb;padding:2rem}.waiting-card,.call-detected-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 25px #00000014;max-width:500px;width:100%;text-align:center}.phone-icon-large,.success-icon-large{margin:0 auto 2rem;width:120px;height:120px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center}.phone-pulse{animation:pulse 2s ease-in-out infinite;color:#3b82f6}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.waiting-card h2,.call-detected-card h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.instruction{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.phone-display-large{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f3f4f6;border-radius:12px}.phone-number-large{font-size:1.5rem;font-weight:600;color:#111827;font-family:SF Mono,Monaco,Inconsolata,monospace}.copy-button-large{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;color:#6b7280}.copy-button-large:hover{background:#f9fafb;color:#3b82f6}.waiting-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6b7280;margin-bottom:2rem}.test-tips{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.test-tips h4{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.75rem}.test-tips ul{list-style:none;padding:0;margin:0}.test-tips li{color:#6b7280;font-size:.875rem;padding:.25rem 0 .25rem 1.5rem;position:relative}.test-tips li:before{content:"•";position:absolute;left:.5rem;color:#3b82f6}.skip-button{background:transparent;border:1px solid #e5e7eb;color:#6b7280;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.skip-button:hover{background:#f9fafb;color:#111827}.success-message{font-size:1.125rem;color:#10b981;margin-bottom:1rem}.redirect-message{font-size:1rem;color:#6b7280;margin-bottom:2rem}.redirect-message strong{color:#111827;font-size:1.25rem}.redirect-hint{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.loading-spinner{display:flex;justify-content:center;margin-top:1rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.phone-number-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;transition:all .2s}.phone-number-link:hover{background:#2563eb;transform:scale(1.02)}.phone-number-link .phone-number-large{color:#fff}.tap-to-call{font-size:.875rem;opacity:.9;font-weight:500}.auto-detect-notice{display:flex;align-items:center;gap:.75rem;background:#fef3c7;border:1px solid #fbbf24;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem}.notice-icon{font-size:1.5rem}.auto-detect-notice p{margin:0;color:#92400e;font-size:.875rem;text-align:left}.test-scenario{background:#f0f9ff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.test-scenario h4{font-size:1rem;font-weight:600;color:#0c4a6e;margin-bottom:1rem}.scenario-card{background:#fff;padding:1.25rem;border-radius:8px;border:1px solid #bae6fd}.scenario-intro{font-size:.875rem;color:#0c4a6e;margin-bottom:.75rem;font-weight:500}.scenario-card ul{list-style:none;padding:0;margin:0 0 1rem}.scenario-card li{color:#0369a1;font-size:.875rem;padding:.25rem 0}.scenario-tip{background:#dbeafe;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;color:#0c4a6e;margin:0}.skip-section{padding-top:1rem;border-top:1px solid #e5e7eb}.skip-note{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.skip-button{font-weight:500}.onboarding-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#e8e4ff);padding:20px}.onboarding-form{background:#fff;border-radius:16px;padding:48px;box-shadow:0 10px 40px #00000014;max-width:520px;width:100%}.onboarding-form h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827;font-family:Crimson Text,serif}.subtitle{color:#6b7280;margin-bottom:32px;font-size:16px;line-height:1.5}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px}.error-message svg{flex-shrink:0}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#6e56cf;box-shadow:0 0 0 3px #6e56cf1a}.form-input:disabled{background:#f9fafb;cursor:not-allowed}.field-hint{display:block;margin-top:6px;font-size:13px;color:#6b7280}.submit-button{width:100%;padding:14px 24px;background:#6e56cf;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.submit-button:hover:not(:disabled){background:#5e47b8;transform:translateY(-1px);box-shadow:0 4px 12px #6e56cf4d}.submit-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.features-section{margin-top:40px;padding-top:32px;border-top:1px solid #e5e7eb}.features-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#111827}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-item{display:flex;gap:12px;align-items:flex-start}.feature-item svg{flex-shrink:0;margin-top:2px}.feature-item div{flex:1}.feature-item strong{display:block;font-size:14px;color:#111827;margin-bottom:4px}.feature-item p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.security-note{margin-top:24px;padding:12px;background:#f9fafb;border-radius:6px;text-align:center}.security-note p{margin:0;font-size:13px;color:#6b7280}.success-container{text-align:center;padding:48px;max-width:600px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000014}.success-icon{margin:0 auto 24px}.success-container h2{margin:0 0 12px;font-size:32px;font-weight:700;color:#111827;font-family:Crimson Text,serif}.success-subtitle{color:#6b7280;margin-bottom:32px;font-size:16px}.phone-display-container{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px;max-width:400px}.phone-number{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#111827;padding:16px 24px;background:#f5f3ff;border:2px solid #e9e0ff;border-radius:12px;font-family:SF Mono,Monaco,monospace;flex:1}.phone-number svg{color:#6e56cf}.copy-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280}.copy-button:hover{background:#f9fafb;border-color:#6e56cf;color:#6e56cf}.toast{position:fixed;top:24px;right:24px;background:#111827;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.action-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.test-call-button,.dashboard-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.test-call-button{background:#fff;border:2px solid #e5e7eb;color:#374151}.test-call-button:hover{background:#f9fafb;border-color:#6e56cf;color:#6e56cf}.dashboard-button{background:#6e56cf;border:2px solid #6e56cf;color:#fff}.dashboard-button:hover{background:#5e47b8;border-color:#5e47b8;transform:translateY(-1px);box-shadow:0 4px 12px #6e56cf4d}.next-steps{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:left}.next-steps h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.next-steps ul{margin:0 0 24px;padding-left:24px;color:#4b5563;font-size:14px;line-height:1.8}.next-steps li{margin-bottom:12px}.next-steps strong{color:#111827}.info-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.info-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.info-section p{margin:0 0 8px;font-size:14px;color:#4b5563}.info-section code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#6b7280}@media (max-width: 640px){.onboarding-form,.success-container{padding:32px 24px}.onboarding-form h1{font-size:24px}.features-grid{grid-template-columns:1fr}.phone-number{font-size:20px;padding:12px 16px}.action-buttons{flex-direction:column;width:100%}.test-call-button,.dashboard-button{width:100%;justify-content:center}}.demo-control-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .2s}.demo-control-toggle:hover{background:#2563eb;transform:scale(1.05)}.demo-control-panel{position:fixed;bottom:88px;right:24px;width:280px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:9998;overflow:hidden;display:flex;flex-direction:column}.demo-control-panel.simplified{width:240px}.demo-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.demo-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.close-button{width:28px;height:28px;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.close-button:hover{background:#e5e7eb;color:#111827}.demo-panel-content{flex:1;overflow-y:auto;padding:20px}.control-section{margin-bottom:20px}.control-section:last-child{margin-bottom:0}.control-section h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.page-list{display:flex;flex-direction:column;gap:8px}.page-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.page-button:hover{background:#f3f4f6;border-color:#d1d5db}.page-button.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb;font-weight:500}.page-button svg{flex-shrink:0}.current-page-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:14px;text-align:center}.current-page-info code{color:#3b82f6;font-family:SF Mono,Monaco,monospace;font-weight:500}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions button{padding:8px 12px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.quick-actions button:hover{background:#f3f4f6;border-color:#d1d5db}@media (max-width: 640px){.demo-control-panel{left:12px;right:12px;bottom:76px;width:auto}}.admin-layout{display:flex;height:100vh;background:#f5f5f5}.admin-sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-header{padding:16px;border-bottom:1px solid #e5e7eb}.back-to-app{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.back-to-app:hover{background:#f3f4f6;color:#111827}.sidebar-section{padding:16px;border-bottom:1px solid #e5e7eb}.sidebar-section h3{margin:0;font-size:18px;font-weight:600;color:#111827}.admin-nav{flex:1;padding:16px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s;margin-bottom:4px}.nav-item:hover{background:#f3f4f6;color:#111827}.nav-item.active{background:#111827;color:#fff}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.admin-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px;color:#6b7280}.admin-content{flex:1;overflow-y:auto}@media (max-width: 768px){.admin-sidebar{width:200px}.sidebar-section h3{font-size:16px}.nav-item{font-size:13px;padding:8px 12px}}.admin-dashboard{padding:32px;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#111827}.subtitle{margin:0;font-size:14px;color:#6b7280}.dashboard-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.dashboard-section h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.progress-container{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-text{font-size:14px;color:#6b7280}.progress-percentage{font-size:16px;font-weight:600;color:#111827}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width .3s ease}.setup-steps{display:flex;flex-direction:column;gap:12px}.setup-step{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s}.setup-step:hover{background:#f3f4f6;border-color:#d1d5db}.setup-step.completed{background:#fff}.step-icon{flex-shrink:0;color:#6b7280}.setup-step.completed .step-icon{color:#10b981}.step-content{flex:1}.step-content h3{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.step-content p{margin:0;font-size:13px;color:#6b7280}.step-arrow{flex-shrink:0;color:#9ca3af}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.stat-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:#6b7280}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:600;color:#111827;line-height:1}.stat-label{font-size:13px;color:#6b7280;margin-top:4px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}@media (max-width: 768px){.admin-dashboard{padding:20px}.stats-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}.company-setup{padding:32px;max-width:800px;margin:0 auto}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.header-title{display:flex;align-items:center;gap:12px}.save-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.setup-content{display:flex;flex-direction:column;gap:24px}.setup-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.setup-section h2{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.section-description{margin:-16px 0 24px;font-size:14px;color:#6b7280;line-height:1.5}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .15s;background:#fafafa}.form-input:focus{outline:none;border-color:#111827;background:#fff;box-shadow:0 0 0 3px #0000000d}.field-help{margin:6px 0 0;font-size:13px;color:#6b7280}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.weekdays{display:flex;gap:16px;flex-wrap:wrap}.day-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.day-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.config-presets{display:flex;gap:12px;flex-wrap:wrap}.preset-button{padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s}.preset-button:hover{background:#f3f4f6;border-color:#d1d5db}@media (max-width: 768px){.company-setup,.setup-section{padding:20px}.form-row{grid-template-columns:1fr}.config-presets{flex-direction:column}.preset-button{width:100%}}.phone-setup{padding:32px;max-width:800px;margin:0 auto}.phone-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.phone-display{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px}.phone-icon{width:80px;height:80px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#374151}.phone-info h2{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.phone-number-display{font-size:32px;font-weight:600;color:#111827;font-family:SF Mono,Monaco,monospace;letter-spacing:.05em}.action-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.action-button.secondary{background:#fff;color:#111827;border:1px solid #e5e7eb}.action-button.secondary:hover{background:#f3f4f6}.action-button.success{background:#10b981}.action-button.success:hover{background:#059669}.instructions-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.instructions-section h3{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.instruction-steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;gap:20px;align-items:flex-start}.step-number{flex-shrink:0;width:32px;height:32px;background:#111827;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.step-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.step-content p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.features-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.features-section h3{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.feature{display:flex;gap:12px;align-items:flex-start}.feature-icon{flex-shrink:0;color:#10b981}.feature h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.feature p{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.success-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:14px}.success-message svg{flex-shrink:0;color:#10b981}@media (max-width: 768px){.phone-setup{padding:20px}.phone-display{flex-direction:column}.phone-number-display{font-size:24px}.action-buttons{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}.features-grid{grid-template-columns:1fr}}.agent-setup{padding:32px;max-width:900px;margin:0 auto}.page-header{margin-bottom:32px}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-title h1{margin:0;font-size:24px;font-weight:600;color:#111827}.page-description{margin:0;font-size:14px;color:#6b7280}.agent-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.agent-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px;cursor:pointer;transition:all .15s;position:relative}.agent-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.agent-card.selected{border-color:#111827;box-shadow:0 4px 12px #0000001a}.agent-icon{width:64px;height:64px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#6b7280}.agent-card.selected .agent-icon{background:#111827;color:#fff}.agent-card h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.agent-description{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.5}.agent-features{margin:0;padding:0;list-style:none}.agent-features li{position:relative;padding-left:24px;margin-bottom:8px;font-size:14px;color:#374151;line-height:1.5}.agent-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.selected-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:#111827;color:#fff;border-radius:6px;font-size:12px;font-weight:600}.configuration-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.configuration-section h3{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.next-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.step-item{display:flex;gap:16px;align-items:flex-start}.step-icon{flex-shrink:0;color:#10b981}.step-item h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.step-item p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.save-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.save-button:hover{background:#000}.save-button.saved{background:#10b981}.save-button.saved:hover{background:#059669}.info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.info-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.info-section p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}@media (max-width: 768px){.agent-setup{padding:20px}.agent-options{grid-template-columns:1fr}.agent-card,.configuration-section{padding:24px}}.test-activate{padding:32px;max-width:800px;margin:0 auto;min-height:calc(100vh - 64px)}.page-header{text-align:center;margin-bottom:48px}.page-header h1{margin:0 0 12px;font-size:28px;font-weight:600;color:#111827}.page-description{margin:0;font-size:16px;color:#6b7280}.test-content{display:flex;flex-direction:column;gap:24px}.test-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.setup-summary{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.setup-summary h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.config-items{display:flex;flex-direction:column;gap:12px}.config-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}.check-icon{flex-shrink:0;color:#10b981}.test-call-section{text-align:center;margin-bottom:40px}.test-call-section h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.test-call-section p{margin:0 0 24px;font-size:14px;color:#6b7280}.test-button{display:flex;align-items:center;gap:8px;margin:0 auto 20px;padding:16px 32px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s}.test-button:hover:not(:disabled){background:#000}.test-button:disabled{opacity:.7;cursor:not-allowed}.test-button.testing{background:#6366f1}.test-button.completed{background:#10b981}.spinner{animation:spin 1s linear infinite}.phone-display{font-size:24px;font-weight:600;color:#111827;font-family:SF Mono,Monaco,monospace}.activation-section{text-align:center;padding-top:32px;border-top:1px solid #e5e7eb}.activation-section h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.activation-section p{margin:0 0 24px;font-size:14px;color:#6b7280}.activate-button{display:flex;align-items:center;gap:8px;margin:0 auto;padding:16px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.activate-button:hover{background:#059669}.tips-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.tips-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.tips-section ul{margin:0;padding-left:20px;color:#6b7280;font-size:14px;line-height:1.8}.loading-state{background:#fff;border-radius:12px;padding:48px;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.loading-state p{margin-top:20px;font-size:16px;color:#6b7280}.incomplete-setup{background:#fff;border-radius:12px;padding:48px;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.alert-icon{color:#f59e0b;margin-bottom:20px}.incomplete-setup h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#111827}.incomplete-setup p{margin:0 0 24px;font-size:16px;color:#6b7280}.activation-success{background:#fff;border-radius:12px;padding:64px;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.success-icon{color:#10b981;margin-bottom:24px}.activation-success h1{margin:0 0 16px;font-size:32px;font-weight:600;color:#111827}.activation-success p{margin:0 0 12px;font-size:16px;color:#6b7280}.redirect-message{font-size:14px;color:#6366f1;animation:pulse 1.5s ease-in-out infinite}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.action-button:hover{background:#000}.connection-status{margin-top:12px;font-size:13px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:6px}.connection-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#dc2626;transition:background .3s}.connection-status.connected:before{background:#10b981}.incoming-call-alert{margin-top:16px;padding:12px 20px;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#2563eb;animation:slideIn .3s ease-out}.incoming-call-alert svg{animation:pulse 1s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.test-activate{padding:20px}.test-section{padding:24px}.phone-display{font-size:20px}}.filter-sidebar{width:200px;background:#fff;border-right:1px solid #e5e7eb;padding:16px 12px;overflow-y:auto;flex-shrink:0}.filter-section{margin-bottom:20px}.filter-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 8px 8px}.filter-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:none;background:none;border-radius:4px;cursor:pointer;font-size:13px;color:#374151;transition:all .15s;gap:6px}.filter-item:hover{background:#f3f4f6}.filter-item.active{background:#000;color:#fff}.filter-item .count{margin-left:auto;font-size:12px;padding:2px 6px;border-radius:10px;background:#e5e7eb;color:#6b7280}.filter-item.active .count{background:#fff3;color:#fff}.team-status{margin-top:auto;padding-top:24px;border-top:1px solid #e5e7eb}.status-summary{font-size:13px;color:#6b7280;line-height:1.6}.user-profile-section{margin-top:auto;padding:12px;border-top:1px solid #e5e7eb;position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .15s}.user-profile:hover{background:#f3f4f6}.user-avatar{width:36px;height:36px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.user-info{flex:1;display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:500;color:#111827}.user-role{font-size:11px;color:#6b7280}.user-menu{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.user-menu .menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;font-size:13px;color:#374151;transition:background .15s;text-align:left}.user-menu .menu-item:last-child{border-bottom:none}.user-menu .menu-item:hover{background:#f3f4f6}.user-menu .menu-item svg{color:#6b7280}.leads .calls-table-container{margin:0;border:none;border-radius:0;box-shadow:none;background:transparent}.no-calls{padding:60px 20px;text-align:center;color:#6b7280}.no-calls svg{color:#9ca3af;margin-bottom:16px}.no-calls h3{margin:0 0 8px;font-size:18px;color:#111827;font-weight:600}.no-calls p{margin:0 0 16px;font-size:14px;color:#6b7280}.calls-table-container{background:#fff;overflow-x:auto}.calls-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.calls-table th:nth-child(1){width:140px}.calls-table th:nth-child(2){width:180px}.calls-table th:nth-child(3){width:100px}.calls-table th:nth-child(4){width:100px}.calls-table th:nth-child(5){width:100px}.calls-table th:nth-child(6){width:90px}.calls-table th:nth-child(7){width:90px}.calls-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.calls-table th{padding:12px 16px;text-align:left;font-weight:500;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#fafafa}.calls-table th:last-child{border-right:none}.calls-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s;cursor:pointer}.calls-table tbody tr:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0;background:#f8f9fa}.calls-table tbody tr:last-child{border-bottom:none}.call-row{cursor:pointer}.calls-table td{padding:12px 16px;vertical-align:middle;font-size:14px}.calls-table td:last-child{border-right:none}.time-info{display:flex;flex-direction:column;gap:2px}.time-info .date{font-weight:500;color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.2}.time-info .time{color:var(--text-secondary);font-size:10px;font-family:SF Mono,Monaco,monospace;line-height:1.2}.phone-info,.agent-info{display:flex;align-items:center;gap:var(--space-xs)}.phone-info svg,.agent-info svg{color:var(--text-secondary);width:14px;height:14px;flex-shrink:0}.agent-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.2}.agent-id{color:var(--text-secondary);font-size:10px;font-family:SF Mono,Monaco,monospace;line-height:1.2}.calls-table .call-duration{color:var(--text-secondary);font-size:var(--font-size-xs);font-family:SF Mono,Monaco,monospace;font-weight:500;white-space:nowrap}.calls-table .call-messages{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.duration-content,.messages-content{display:flex;align-items:center;gap:var(--space-xs)}.duration-content svg{color:var(--accent);width:14px;height:14px;flex-shrink:0}.messages-content svg{color:var(--purple-500);width:14px;height:14px;flex-shrink:0}.status-badge,.success-badge{padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block;line-height:1.2}.status-active{background:var(--success);color:#fff}.status-completed{background:var(--accent-light);color:var(--accent)}.status-failed{background:var(--danger);color:#fff}.status-queued{background:var(--bg-tertiary);color:var(--text-secondary)}.success-true{background:var(--success);color:#fff}.success-false{background:var(--danger);color:#fff}.success-unknown{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-view{background:var(--accent);color:#fff;border:none;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.btn-view:hover{background:var(--accent-hover)}.loading,.error{padding:60px;text-align:center;color:#6b7280}.error{color:var(--danger)}.error button{margin-top:var(--space-lg);background:none;border:1px solid var(--danger);color:var(--danger);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.error button:hover{background:var(--danger);color:#fff}@media (max-width: 1024px){.calls-table-container{overflow-x:auto}.calls-table{min-width:800px}}@media (max-width: 768px){.calls-list{padding:var(--space-xl)}.calls-stats{grid-template-columns:repeat(2,1fr)}.calls-table{min-width:700px}.calls-table th,.calls-table td{padding:var(--space-md) var(--space-sm)}.time-info .date,.agent-name{font-size:var(--font-size-xs)}.time-info .time,.agent-id{font-size:10px}}@media (max-width: 480px){.calls-stats{grid-template-columns:1fr}.stat-item{padding:var(--space-sm)}.stat-value{font-size:24px}.calls-table{min-width:600px}.calls-table th,.calls-table td{padding:var(--space-sm) var(--space-xs)}.phone-info,.agent-info{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.phone-info svg,.agent-info svg{display:none}}.call-detail{padding:var(--space-xxxl);max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary)}.call-detail-header{display:flex;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xxxl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.btn-back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:1px solid var(--border-medium);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.call-detail h1{font-size:var(--font-size-display);font-weight:600;margin:0;color:var(--text-primary)}.call-info-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xxl);margin-bottom:var(--space-xxxl);box-shadow:var(--shadow-sm)}.call-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.call-info-header .call-phone{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.call-info-header .call-phone svg{color:var(--accent);width:24px;height:24px}.call-info-header .call-status{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.call-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.metadata-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-secondary);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.metadata-item svg{color:var(--text-tertiary);width:16px;height:16px}.call-summary-section{background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.call-summary-section h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.call-summary-section p{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.call-messages{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.messages-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.message-actions{display:flex;gap:var(--space-sm)}.message-actions .btn-secondary{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.messages-container{max-height:600px;overflow-y:auto}.no-messages{padding:var(--space-xxxl);text-align:center;color:var(--text-secondary)}.no-messages svg{color:var(--text-tertiary);margin-bottom:var(--space-xl)}.no-messages h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.no-messages p{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-base)}.raw-transcript{margin-top:var(--space-xl);text-align:left}.raw-transcript h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-md);color:var(--text-primary)}.raw-transcript pre{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;border:1px solid var(--border-light)}.messages-list{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.message{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);position:relative}.message.user{background:var(--bg-tertiary);margin-right:var(--space-xxl);border:1px solid var(--border-light);align-self:flex-end}.message.agent{background:var(--accent-lighter);margin-left:var(--space-xxl);border:1px solid var(--accent-light);align-self:flex-start}.message.system{background:var(--bg-secondary);margin:0 var(--space-lg);border:1px solid var(--border-medium);font-style:italic}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.message-speaker{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-sm)}.message.user .message-speaker{color:var(--text-primary)}.message.agent .message-speaker{color:var(--accent)}.message.system .message-speaker{color:var(--text-secondary)}.message-speaker svg{width:16px;height:16px}.message-time{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.message-content{margin:0}.message-content p{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary)}.message-sentiment{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-sm);align-self:flex-start}.message-sentiment.positive{background:var(--success);color:#fff}.message-sentiment.negative{background:var(--danger);color:#fff}.message-sentiment.neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.call-detail .loading,.call-detail .error{padding:var(--space-xxxl);text-align:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.call-detail .error{color:var(--danger);border-color:var(--danger);background:#fef2f2}@media (max-width: 768px){.call-detail{padding:var(--space-xl)}.call-detail-header,.call-info-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.call-metadata{grid-template-columns:1fr}.messages-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.message.user{margin-right:var(--space-md);margin-left:0}.message.agent{margin-left:var(--space-md);margin-right:0}}@media (max-width: 480px){.call-detail,.call-info-card,.messages-list{padding:var(--space-lg)}.message.user,.message.agent{margin-left:0;margin-right:0;align-self:stretch}.message-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.call-monitor{min-height:100vh;background:#f9fafb;padding:24px}.monitor-header{max-width:800px;margin:0 auto 32px;display:flex;align-items:center;gap:16px}.back-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s}.back-button:hover{background:#f3f4f6;border-color:#d1d5db}.monitor-header h1{margin:0;font-size:24px;font-weight:600;color:#111827}.call-card{max-width:800px;margin:0 auto 24px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.call-status-section{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.status-icon{width:48px;height:48px;margin-bottom:16px}.status-icon.ringing{color:#6366f1;animation:ring 1s ease-in-out infinite}.status-icon.active{color:#10b981;animation:pulse 2s ease-in-out infinite}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.call-status-section h2{margin:0;font-size:28px;font-weight:600;color:#111827}.call-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.phone-number{font-size:16px;font-weight:500;color:#111827;font-family:SF Mono,Monaco,monospace}.duration{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500;color:#111827}.call-id{font-size:13px;color:#6b7280;font-family:SF Mono,Monaco,monospace;word-break:break-all}.status-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f3f4f6;border-radius:8px;font-size:14px;color:#6b7280}.status-message.active{background:#ecfdf5;color:#065f46}.pulse-animation{width:12px;height:12px;background:#6b7280;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.pulse-animation.active{background:#10b981}.error-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#991b1b;font-size:14px}.action-buttons{display:flex;gap:12px;justify-content:center}.primary-button{padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.primary-button:hover{background:#000}.secondary-button{padding:12px 24px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.secondary-button:hover{background:#f9fafb;border-color:#d1d5db}.transcription-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.transcription-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.transcription-section svg.recording{color:#ef4444;animation:pulse 1s ease-in-out infinite}.transcription-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;min-height:120px;max-height:300px;overflow-y:auto}.transcription-text{margin:0;font-size:14px;line-height:1.6;color:#111827}.transcription-placeholder{margin:0;font-size:14px;color:#9ca3af;font-style:italic}.monitor-info{max-width:800px;margin:0 auto;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.monitor-info h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.monitor-info ul{margin:0;padding-left:20px;color:#6b7280;font-size:14px;line-height:1.8}@media (max-width: 640px){.call-monitor{padding:16px}.call-card{padding:24px}.call-details-grid{grid-template-columns:1fr;gap:16px}.action-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}}.call-monitoring{padding:var(--space-xxxl);max-width:1400px;margin:0 auto;height:100vh;background:var(--bg-primary);overflow-y:auto;display:flex;flex-direction:column}.monitoring-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light);flex-shrink:0}.monitoring-header h1{font-size:var(--font-size-display);font-weight:600;margin:0;color:var(--text-primary)}.close-tutorial{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border:none;background:#fffc;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:18px;display:flex;align-items:center;justify-content:center}.close-tutorial:hover{background:var(--bg-hover);color:var(--text-primary)}.first-call-banner{display:flex;gap:var(--space-xl);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--accent-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);animation:fadeIn .3s ease;position:relative;flex-shrink:0}.banner-content{flex:1;padding-right:var(--space-xl)}.banner-content h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.banner-content p{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.banner-content ul{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.banner-content li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.banner-tip{background:#fff;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--accent-light);margin:0}.monitoring-content{display:flex;gap:0;align-items:stretch;flex:1;min-height:0;overflow:hidden}.hint{font-size:var(--font-size-base);color:var(--text-secondary)}.transcription-panel{flex:1;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.panel-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.live-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--danger-light);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.live-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.transcription-list{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.transcription-list::-webkit-scrollbar{width:8px}.transcription-list::-webkit-scrollbar-track{background:var(--bg-tertiary)}.transcription-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.transcription-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.transcription-entry{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);position:relative;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcription-entry.agent{background:var(--accent-lighter);margin-right:var(--space-xxl);border:1px solid var(--accent-light);align-self:flex-start}.transcription-entry.caller{background:var(--bg-tertiary);margin-left:var(--space-xxl);border:1px solid var(--border-light);align-self:flex-end}.transcription-entry.system{background:var(--bg-secondary);margin:0 auto;border:1px solid var(--border-medium);align-self:center;max-width:300px;text-align:center;font-style:italic;opacity:.8}.transcription-entry.system .entry-header{display:none}.transcription-entry.system .entry-text{text-align:center;color:var(--text-secondary);font-weight:600}.transcription-entry.interim{opacity:.8}.transcription-entry.interim .entry-text{font-style:italic}.transcription-entry.interim .entry-text:after{content:"...";color:var(--text-tertiary);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.speaker{font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.transcription-entry.agent .speaker{color:var(--accent)}.transcription-entry.caller .speaker{color:var(--text-primary)}.timestamp{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.entry-text{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary)}.panel-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.search-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.search-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--accent)}.entry-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn-flag{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:0}.transcription-entry:hover .btn-flag{opacity:1}.btn-flag:hover{color:var(--warning)}.btn-flag.active{color:var(--warning);opacity:1}.transcription-entry.flagged{border-left-width:4px;border-left-color:var(--warning)}.transcription-entry.flagged:before{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--warning);border-radius:50%}.no-transcriptions{padding:var(--space-xxxl);text-align:center;color:var(--text-secondary)}.no-transcriptions svg{color:var(--text-tertiary);margin-bottom:var(--space-xl);width:48px;height:48px}.no-transcriptions p{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.monitoring-sidebar{width:360px;background:#fff;border-left:1px solid var(--border-light);padding:var(--space-xl);overflow-y:auto;flex-shrink:0;height:100%}.sidebar-section{margin-bottom:var(--space-xxl)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.info-grid{display:flex;flex-direction:column;gap:var(--space-md)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.info-value.status-incoming{color:var(--warning)}.info-value.status-answered{color:var(--success)}.info-value.status-completed{color:var(--text-secondary)}.info-value.status-failed{color:var(--danger)}.no-call-sidebar{text-align:center;padding:var(--space-xl) 0;color:var(--text-tertiary)}.no-call-sidebar svg{margin-bottom:var(--space-md)}.no-call-sidebar p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.timeline-mini{display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.timeline-item:hover{background:var(--bg-tertiary)}.timeline-item.active{background:var(--accent-lighter);color:var(--accent);font-weight:600}.timeline-item .time{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.timeline-item.active .time{color:var(--accent)}.flagged-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--warning-light);color:var(--warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.quick-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-action{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quick-action:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.quick-action svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 1200px){.monitoring-sidebar{width:320px}}@media (max-width: 1024px){.call-monitoring{padding:var(--space-xl);height:auto;min-height:100vh}.monitoring-content{flex-direction:column;height:auto;overflow:visible}.transcription-panel{height:600px;border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.monitoring-sidebar{width:100%;border-left:none;border-top:1px solid var(--border-light);border-radius:var(--radius-lg);height:auto}}@media (max-width: 768px){.monitoring-header,.call-header,.panel-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.transcription-entry.agent{margin-right:var(--space-md)}.transcription-entry.caller{margin-left:var(--space-md)}}@media (max-width: 480px){.call-monitoring,.call-info-card,.transcription-list{padding:var(--space-lg)}.transcription-entry.agent,.transcription-entry.caller{margin-left:0;margin-right:0;align-self:stretch}}.btn-back{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{background:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-primary)}.banner-list{list-style:none;padding:0;margin:var(--space-md) 0}.banner-list li{padding:var(--space-xs) 0;color:var(--text-secondary)}.follow-up-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal)}.follow-up-modal .modal-content{background:#fff;padding:var(--space-xxxl);border-radius:var(--radius-lg);max-width:500px;width:90%;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal)}.follow-up-modal h3{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.follow-up-modal p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.follow-up-modal .next-steps{margin:var(--space-xl) 0}.follow-up-modal h4{font-size:var(--font-size-lg);font-weight:500;margin:0 0 var(--space-lg) 0;color:var(--text-primary)}.follow-up-modal .action-buttons{display:flex;gap:var(--space-md)}.follow-up-modal .btn-primary,.follow-up-modal .btn-secondary{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.follow-up-modal .btn-primary{background:var(--primary);color:#fff}.follow-up-modal .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.follow-up-modal .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.follow-up-modal .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-dark)}.follow-up-modal .reminder{margin-top:var(--space-xl);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.ai-analysis{background:var(--bg-secondary);border-radius:var(--radius-md)}.analysis-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);gap:var(--space-md)}.analysis-loading .spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.analysis-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--error-bg);color:var(--error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.analysis-content{display:flex;flex-direction:column;gap:var(--space-lg)}.lead-score{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.score-circle{position:relative;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--score, 0) * 3.6deg),var(--border-light) calc(var(--score, 0) * 3.6deg));padding:4px}.score-circle:before{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%;z-index:0}.score-circle[data-score]{--score: attr(data-score number)}.score-number{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);position:relative;z-index:1}.score-label{font-size:var(--font-size-xs);color:var(--text-secondary);position:relative;z-index:1}.qualification-badge{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;text-align:center}.qualification-badge[data-qualification=highly-qualified]{background:var(--success-bg);color:var(--success)}.qualification-badge[data-qualification=qualified]{background:var(--info-bg);color:var(--info)}.qualification-badge[data-qualification=somewhat-qualified]{background:var(--warning-bg);color:var(--warning)}.qualification-badge[data-qualification=not-qualified]{background:var(--error-bg);color:var(--error)}.analysis-summary{padding:var(--space-md);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.key-factors{padding:var(--space-md);background:var(--bg-primary);border-radius:var(--radius-sm)}.key-factors h4{font-size:var(--font-size-md);font-weight:500;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.key-factors dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);margin:0}.key-factors dt{font-weight:500;color:var(--text-secondary);font-size:var(--font-size-sm)}.key-factors dd{margin:0;color:var(--text-primary);font-size:var(--font-size-sm)}.strengths-concerns{display:flex;flex-direction:column;gap:var(--space-md)}.strengths,.concerns{padding:var(--space-md);border-radius:var(--radius-sm)}.strengths{background:var(--success-bg)}.concerns{background:var(--warning-bg)}.strengths h4,.concerns h4{font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--space-sm) 0}.strengths h4{color:var(--success)}.concerns h4{color:var(--warning)}.strengths ul,.concerns ul{margin:0;padding-left:var(--space-lg);list-style:disc}.strengths li,.concerns li{font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-xs) 0}.strengths li{color:var(--success-dark)}.concerns li{color:var(--warning-dark)}.recommended-actions{padding:var(--space-md);background:var(--info-bg);border-radius:var(--radius-sm)}.recommended-actions h4{font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--space-sm) 0;color:var(--info)}.recommended-actions ul{margin:0;padding-left:var(--space-lg);list-style:disc}.recommended-actions li{font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-xs) 0;color:var(--info-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.system-settings{padding:var(--space-xxxl);max-width:800px;margin:0 auto}.system-settings h1{font-size:var(--font-size-display);font-weight:600;margin-bottom:var(--space-xxxl);color:var(--text-primary)}.settings-section{margin-bottom:var(--space-xxxl)}.settings-section h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xl);color:var(--text-primary)}.danger-card{background:#fff;border:2px solid var(--danger-light);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.danger-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.danger-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.danger-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-lg)}.danger-list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0}.danger-list li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-sm) 0;padding-left:var(--space-xl);position:relative}.danger-list li:before{content:"•";position:absolute;left:var(--space-md);color:var(--danger)}.danger-warning{background:var(--danger-light);color:var(--danger);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.danger-button{background:var(--danger);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.danger-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.danger-button:disabled{opacity:.7;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl);animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.confirm-dialog p{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.confirm-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.confirm-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.confirm-cancel:hover{background:var(--bg-hover)}.confirm-proceed{background:var(--danger);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.confirm-proceed:hover{background:#b91c1c}.reset-result{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);animation:fadeIn .3s ease}.reset-result.success{background:var(--success-light);border:1px solid var(--success)}.reset-result.error{background:var(--danger-light);border:1px solid var(--danger)}.result-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.result-header h4{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.result-details,.result-errors{margin-bottom:var(--space-lg)}.result-details h5,.result-errors h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.result-details ul,.result-errors ul{list-style:none;padding:0;margin:0}.result-details li,.result-errors li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.redirect-notice{margin:0;font-size:var(--font-size-sm);font-style:italic;color:var(--text-secondary);text-align:center}@media (max-width: 768px){.system-settings{padding:var(--space-xl)}.danger-card,.confirm-dialog{padding:var(--space-lg)}}