:root{--primary:purple;--primary-dark:#5b21b6;--primary-light:#a855f7;--success:#04844b;--success-light:#10b981;--warning:#f59e0b;--warning-light:#fcd34d;--alert:#dc2626;--alert-light:#f87171;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--background:#fff;--surface:#f7f8f9;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--border:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--neutral-50:#1e293b;--neutral-100:#334155;--neutral-200:#475569;--neutral-300:#64748b}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background:var(--surface);box-sizing:border-box;min-height:100vh;margin:0;padding:0;line-height:1.6;display:flex;overflow-x:hidden}.sidebar{background:var(--background);border-right:1px solid var(--border);z-index:100;width:280px;height:100vh;transition:var(--transition);flex-direction:column;display:flex;position:fixed}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-md);display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-weight:800;font-size:var(--font-size-xl);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.logo-text{font-size:var(--font-size-xl);background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.theme-toggle{background:var(--surface);border-radius:var(--radius);cursor:pointer;width:36px;height:36px;transition:var(--transition);color:var(--text-secondary);border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--neutral-200);color:var(--text-primary);transform:rotate(45deg)}.theme-icon{width:20px;height:20px}.nav-menu{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--surface);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--surface);color:#5c2673}.nav-item.active:before{content:"";border-radius:0 var(--radius-sm)var(--radius-sm)0;background:#5c2673;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border)}.user-profile{align-items:center;gap:var(--space-md);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--success),var(--success-light));color:#fff;width:40px;height:40px;font-weight:600;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.user-info{flex:1}.user-name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.user-role{font-size:var(--font-size-xs);color:var(--text-secondary)}.main-content{padding:var(--space-2xl);flex:1;max-width:1600px;margin-left:280px;overflow-y:auto}.view{animation:.3s ease-in-out fadeIn;display:none}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.page-header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.pillar-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pillar-card{background:var(--background);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);border:1px solid var(--border)}.pillar-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-4px)}.pillar-icon{border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-lg);color:#fff;justify-content:center;align-items:center;display:flex}.pillar-icon svg{width:28px;height:28px}.pillar-icon.pillar-1{background:linear-gradient(135deg,#667eea,#764ba2)}.pillar-icon.pillar-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.pillar-icon.pillar-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.pillar-icon.pillar-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.pillar-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:700}.pillar-card p{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.pillar-stats{gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex}.stat{gap:var(--space-xs);flex-direction:column;display:flex}.stat.urgent .stat-value{color:var(--alert)}.stat.success .stat-value{color:var(--success)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;display:inline-flex}.btn-primary{color:#fff;box-shadow:var(--shadow);background:linear-gradient(90deg,#5c2674 57.4%,#ad47da 168.41%)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--neutral-200);color:var(--text-primary)}.btn-secondary.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-outline{color:purple;background:0 0;border:1px solid purple}.btn-outline:hover{color:#fff;background:linear-gradient(90deg,#5c2674 57%,#ad47da 100%)}.btn-sm{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-xs)}.btn-icon{width:18px;height:18px}.filter-group{gap:var(--space-sm);align-items:center;display:flex}.filter-select{padding:var(--space-sm)var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition)}.agents-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.agent-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition)}.agent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.agent-card-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.agent-avatar{border-radius:var(--radius-md);background:var(--surface);width:48px;height:48px;font-size:var(--font-size-2xl);justify-content:center;align-items:center;display:flex}.agent-info{flex:1}.agent-name{font-weight:700;font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-xs)}.agent-department{font-size:var(--font-size-sm);color:var(--text-secondary)}.agent-status{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.agent-status.live{color:var(--success);background:#04844b1a}.agent-status.draft{color:var(--neutral-500);background:#9ca3af1a}.agent-channels{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.channel-badge{padding:var(--space-xs)var(--space-sm);background:var(--surface);border-radius:var(--radius);font-size:var(--font-size-xs);color:var(--text-secondary)}.agent-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.agent-actions .btn{flex:1}.students-list{gap:var(--space-lg);flex-direction:column;display:flex}.student-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition);border-left:4px solid}.student-card:hover{box-shadow:var(--shadow-md)}.student-card.urgent{border-left-color:var(--alert)}.student-card.medium{border-left-color:var(--warning)}.student-card.low{border-left-color:var(--success)}.student-card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.student-name{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700;display:flex}.urgency-badge{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.urgency-badge.urgent{color:var(--alert);background:#dc26261a}.urgency-badge.medium{color:var(--warning);background:#f59e0b1a}.student-meta{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.meta-section h4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.meta-section p{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-xs)}.progress-container{margin-top:var(--space-sm)}.progress-bar{background:var(--surface);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);height:100%;transition:width .3s}.sentiment{align-items:center;gap:var(--space-xs);font-weight:600;display:inline-flex}.ai-suggestion{border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33}.ai-suggestion h4{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:700;display:flex}.ai-suggestion p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.student-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.analytics-kpis{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kpi-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card.success{border-color:var(--success);background:linear-gradient(135deg,#04844b0d,#10b9810d)}.kpi-card.warning{border-color:var(--warning);background:linear-gradient(135deg,#f59e0b0d,#fcd34d0d)}.kpi-card.alert{border-color:var(--alert);background:linear-gradient(135deg,#dc26260d,#f871710d)}.kpi-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#2563eb0d,#60a5fa0d)}.kpi-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.kpi-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-trend{font-size:var(--font-size-xs);font-weight:700}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--alert)}.kpi-trend.neutral{color:var(--text-secondary)}.kpi-value{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800}.kpi-percentage{font-size:var(--font-size-lg);color:var(--text-secondary)}.kpi-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.kpi-action{width:100%;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);background:0 0}.kpi-action:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.conversation-log{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.conversation-log h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--surface)}.data-table th{padding:var(--space-md);text-align:left;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);font-weight:700}.data-table td{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:var(--surface)}.sentiment-icon{font-size:var(--font-size-lg)}.resolution-badge{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.resolution-badge.resolved{color:var(--success);background:#04844b1a}.resolution-badge.escalated{color:var(--warning);background:#f59e0b1a}.hallucination-categories{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.hallucination-categories h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700}.category-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition)}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.category-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.category-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.category-name{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.category-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.category-count{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:2rem;font-weight:700}.category-trend{font-size:var(--font-size-sm);color:var(--text-secondary)}.hallucination-table-container{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.table-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.table-header h2{font-size:var(--font-size-xl);font-weight:700}.table-filters{gap:var(--space-md);flex-wrap:wrap;display:flex}.search-input{padding:var(--space-sm)var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition);min-width:250px}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.hallucination-table{font-size:var(--font-size-xs)}.hallucination-table th{white-space:nowrap}.hallucination-table td{text-overflow:ellipsis;max-width:200px;overflow:hidden}.severity-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-weight:600;display:inline-block}.severity-badge.critical{color:#dc2626;background:#ef44441a}.severity-badge.high{color:#d97706;background:#f59e0b1a}.severity-badge.medium{color:#2563eb;background:#3b82f61a}.severity-badge.low{color:#6b7280;background:#9ca3af1a}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:4px 12px;font-weight:600;display:inline-block}.status-badge.pending{color:#d97706;background:#f59e0b1a}.status-badge.feedback-sent{color:#2563eb;background:#3b82f61a}.status-badge.resolved{color:var(--success);background:#04844b1a}.action-btn{padding:var(--space-xs)var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition);margin-right:var(--space-xs);background:#fff}.action-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.dev-feedback-info{border-radius:var(--radius-lg);padding:var(--space-xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f133}.info-card-large{border-radius:var(--radius-md);padding:var(--space-xl);background:#fff}.info-card-large h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700}.info-card-large p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.feedback-workflow-list{margin:var(--space-lg)0;padding-left:var(--space-lg)}.feedback-workflow-list li{margin-bottom:var(--space-md);color:var(--text-secondary);line-height:1.6}.feedback-workflow-list strong{color:var(--text-primary)}.feedback-workflow-list ul{margin-top:var(--space-sm);padding-left:var(--space-lg)}.feedback-workflow-list ul li{margin-bottom:var(--space-xs)}.feedback-metrics{gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feedback-metric{gap:var(--space-xs);flex-direction:column;display:flex}.knowledge-gaps-topics{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.knowledge-gaps-topics h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700}.topic-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition);cursor:pointer;position:relative}.topic-card.priority-high{border-left:4px solid #f59e0b}.topic-card.priority-medium{border-left:4px solid #3b82f6}.topic-card.priority-low{border-left:4px solid #10b981}.topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.topic-card:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.topic-card.active{border-color:var(--primary);background:linear-gradient(#0070d20a,#fff);box-shadow:0 10px 20px #00000014}.topic-card.active .topic-name{color:#0f172a}.topic-card.active .topic-desc{color:#111827;font-weight:600}.topic-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.topic-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.topic-name{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.topic-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.topic-stats{gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#fff;grid-template-columns:repeat(2,1fr);display:grid}.stat-item{gap:var(--space-xs);flex-direction:column;display:flex}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.topic-examples{font-size:var(--font-size-sm);color:var(--text-secondary);padding-top:var(--space-sm);border-top:1px solid var(--border)}.knowledge-gaps-table-container{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.knowledge-gaps-table{font-size:var(--font-size-xs)}.knowledge-gaps-table th{white-space:nowrap}.priority-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-weight:600;display:inline-block}.priority-badge.high{color:#d97706;background:#f59e0b1a}.priority-badge.medium{color:#2563eb;background:#3b82f61a}.priority-badge.low{color:#6b7280;background:#9ca3af1a}.actionable-insights-section{margin-bottom:var(--space-2xl)}.actionable-insights-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700}.insights-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.insight-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition)}.insight-card.urgent{background:linear-gradient(135deg,#f59e0b0d,#ef44440d);border-left:4px solid #ef4444}.insight-card.trending{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border-left:4px solid #3b82f6}.insight-card.seasonal{background:linear-gradient(135deg,#8b5cf60d,#a855f70d);border-left:4px solid #8b5cf6}.insight-card.success{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:4px solid #10b981}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.insight-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.insight-icon{font-size:32px;line-height:1}.insight-header h3{font-size:var(--font-size-md);margin-bottom:var(--space-xs);font-weight:700}.insight-header p{font-size:var(--font-size-sm);color:var(--text-secondary)}.insight-list{margin:0 0 var(--space-md)0;padding-left:var(--space-lg)}.insight-list li{margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.insight-action-btn{width:100%;padding:var(--space-sm)var(--space-md);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);background:#fff;font-weight:600}.insight-action-btn:hover{background:var(--primary);color:#fff}.content-team-workflow{border-radius:var(--radius-lg);padding:var(--space-xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f133}.workflow-card{border-radius:var(--radius-md);padding:var(--space-xl);background:#fff}.workflow-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);font-weight:700}.workflow-card>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xl)}.workflow-steps{gap:var(--space-lg);margin-bottom:var(--space-xl);display:grid}.workflow-step{gap:var(--space-md);padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);border-left:3px solid var(--primary);display:flex}.step-number{background:var(--primary);color:#fff;width:40px;height:40px;font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-content h4{font-size:var(--font-size-md);margin-bottom:var(--space-xs);color:var(--text-primary);font-weight:700}.step-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.workflow-metrics{gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.workflow-metric{gap:var(--space-xs);flex-direction:column;display:flex}.compliance-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.compliance-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition)}.compliance-card:hover{box-shadow:var(--shadow-md)}.compliance-card.featured{grid-column:span 2}.compliance-card.success{border-color:var(--success)}.compliance-card.warning{border-color:var(--warning)}.compliance-icon{border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-lg);background:var(--surface);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.compliance-icon.success{color:var(--success);background:#04844b1a}.compliance-icon svg{width:28px;height:28px}.compliance-card h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700}.compliance-score{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:800}.compliance-trend{font-size:var(--font-size-sm);color:var(--success);margin-bottom:var(--space-sm)}.compliance-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.compliance-status{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);font-weight:700;display:inline-block}.status-green{color:var(--success);background:#04844b1a}.status-yellow{color:var(--warning);background:#f59e0b1a}.compliance-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.access-breakdown{gap:var(--space-xs);margin-top:var(--space-md);flex-direction:column;display:flex}.access-item{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.access-label{color:var(--text-secondary)}.access-value{color:var(--text-primary);font-weight:600}.audit-chart{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.audit-chart h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700}.modal{z-index:1000;padding:var(--space-xl);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s ease-in-out fadeIn;position:absolute;inset:0}.modal-container{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;animation:.3s ease-in-out slideUp;position:relative;overflow:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700}.modal-close{background:var(--surface);border-radius:var(--radius);cursor:pointer;width:32px;height:32px;transition:var(--transition);color:var(--text-secondary);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--neutral-200);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-xl)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-xl);border-top:1px solid var(--border);background:var(--background);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:var(--space-lg);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.conversation-analytics-modal{width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.conversation-details-tabs{gap:var(--space-sm);border-bottom:2px solid var(--border);margin-bottom:var(--space-xl);display:flex}.tab-btn{padding:var(--space-md)var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-weight:600}.tab-btn:hover{color:var(--text-primary)}.tab-content{display:none}.knowledge-gaps-table-container{border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);background:#fff;max-width:100%;overflow-x:auto}.knowledge-gaps-table{border-collapse:collapse;table-layout:fixed;width:100%}.knowledge-gaps-table th{background:var(--surface);text-align:left;padding:var(--space-md);border-bottom:2px solid var(--border);white-space:nowrap;font-weight:600}.knowledge-gaps-table th:first-child{width:25%}.knowledge-gaps-table th:nth-child(2){width:10%}.knowledge-gaps-table th:nth-child(3),.knowledge-gaps-table th:nth-child(4){width:8%}.knowledge-gaps-table th:nth-child(5),.knowledge-gaps-table th:nth-child(6){width:10%}.knowledge-gaps-table th:nth-child(7),.knowledge-gaps-table th:nth-child(8){width:12%}.knowledge-gaps-table th:nth-child(9){width:10%;min-width:140px}.knowledge-gaps-table td{padding:var(--space-md);border-bottom:1px solid var(--border);vertical-align:top}.details-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.details-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border);color:var(--text-primary);font-weight:700}.details-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.detail-item{gap:var(--space-xs);flex-direction:column;display:flex}.detail-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:500}.status-badge.ended{color:#6b7280;background:#9ca3af1a}.transcript-container{max-height:500px;padding:var(--space-md);border-radius:var(--radius-md);background:#fff;overflow-y:auto}.transcript-message{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.transcript-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.message-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.message-role{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.message-role.user{color:#3b82f6}.message-role.assistant{color:#10b981}.message-role.system{color:#8b5cf6}.message-role.tool{color:#f59e0b}.message-timestamp{font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:auto}.message-content{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.analysis-summary{gap:var(--space-lg);flex-direction:column;display:flex}.analysis-item{padding:var(--space-md);border-radius:var(--radius-md);background:#fff}.analysis-item strong{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);display:block}.analysis-item p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;line-height:1.6}.success-indicator{font-weight:600}.success-indicator.true{color:var(--success)}.success-indicator.false{color:var(--danger)}.performance-metrics-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{padding:var(--space-lg);border-radius:var(--radius-md);border-left:3px solid var(--primary);gap:var(--space-sm);background:#fff;flex-direction:column;display:flex}.metric-card .metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.metric-card .metric-value{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.test-modal .modal-container{max-width:600px}.phone-test-container{max-width:700px}.phone-test-interface{gap:var(--space-xl);flex-direction:column;display:flex}.call-status-card{border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f133}.call-status-icon{margin-bottom:var(--space-md);font-size:64px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.call-status-text{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:700}.call-duration{font-size:var(--font-size-lg);color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,monospace;font-weight:600}.call-transcript-section h3{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:var(--font-size-xs)}.call-transcript{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);min-height:300px;max-height:400px;overflow-y:auto}.transcript-empty{height:280px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.transcript-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.transcript-entry{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.transcript-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-speaker{font-size:var(--font-size-xs);text-transform:uppercase;margin-bottom:var(--space-xs);letter-spacing:.05em;font-weight:700}.transcript-speaker.user{color:#3b82f6}.transcript-speaker.agent{color:#10b981}.transcript-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.call-controls{gap:var(--space-md);justify-content:center;display:flex}.call-control-btn{align-items:center;gap:var(--space-xs);padding:var(--space-lg);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:#fff;flex-direction:column;min-width:100px;display:flex}.call-control-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-control-btn:disabled{opacity:.5;cursor:not-allowed}.call-control-btn svg{width:24px;height:24px}.call-control-btn span{font-size:var(--font-size-xs);font-weight:600}.start-call-btn{border-color:var(--success);color:var(--success)}.start-call-btn:hover:not(:disabled){background:#04844b0d}.call-toggle-btn{border-color:var(--success);color:var(--success);transition:all .3s}.call-toggle-btn:hover:not(:disabled){background:#04844b0d}.call-toggle-btn.active{border-color:var(--danger);color:var(--danger)}.call-toggle-btn.active:hover{background:#dc26260d}.end-call-btn{border-color:var(--danger);color:var(--danger)}.end-call-btn:hover:not(:disabled){background:#dc26260d}.mute-btn{color:var(--text-secondary)}.chat-test-container{flex-direction:column;max-height:90vh;display:flex}.chat-header{padding:var(--space-lg)var(--space-xl)}.chat-agent-info{align-items:center;gap:var(--space-md);display:flex}.chat-agent-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.chat-agent-status{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs);display:flex}.status-dot{border-radius:var(--radius-full);width:8px;height:8px}.status-dot.online{background:var(--success);animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chat-body{padding:var(--space-xl);background:var(--background);flex:1;overflow-y:auto}.chat-messages{gap:var(--space-md);flex-direction:column;min-height:400px;display:flex}.chat-welcome{text-align:center;padding:var(--space-2xl)}.welcome-avatar{width:64px;height:64px;margin:0 auto var(--space-md);border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;font-size:32px;display:flex}.chat-welcome h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-sm)}.chat-welcome p{color:var(--text-secondary)}.chat-bubble{max-width:70%;padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5}.chat-bubble.user{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-bubble.agent{border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);background:#fff;align-self:flex-start}.typing-indicator{align-items:center;gap:var(--space-xs);padding:var(--space-md)var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;width:fit-content;display:none}.typing-indicator.active{display:flex}.typing-dot{border-radius:var(--radius-full);background:var(--text-secondary);width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-container{gap:var(--space-sm);padding:var(--space-lg)var(--space-xl);border-top:1px solid var(--border);background:#fff;display:flex}.chat-input{padding:var(--space-md)var(--space-lg);border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:var(--transition);outline:none;flex:1}.chat-input:focus{border-color:var(--primary)}.chat-send-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.chat-send-btn svg{width:20px;height:20px}.sms-test-container{flex-direction:column;max-width:450px;max-height:90vh;display:flex}.sms-header{color:#fff;padding:var(--space-md)var(--space-lg);background:linear-gradient(135deg,#6366f1,#8b5cf6)}.sms-header h2{color:#fff;font-size:var(--font-size-md)}.sms-header .modal-close{color:#fff}.sms-contact-info{align-items:center;gap:var(--space-md);display:flex}.sms-back-btn{color:#fff;cursor:pointer;padding:var(--space-xs);background:0 0;border:none;align-items:center;display:flex}.sms-back-btn svg{width:24px;height:24px}.sms-avatar{border-radius:var(--radius-full);background:#fff3;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.sms-subtitle{font-size:var(--font-size-xs);opacity:.9}.sms-body{padding:var(--space-lg);background:#f5f5f7;flex:1;overflow-y:auto}.sms-messages{gap:var(--space-sm);flex-direction:column;min-height:400px;display:flex}.sms-date-divider{text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs);margin:var(--space-lg)0;font-weight:600}.sms-bubble{gap:var(--space-xs);flex-direction:column;max-width:75%;display:flex}.sms-bubble.sent{align-self:flex-end}.sms-bubble.received{align-self:flex-start}.bubble-content{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.4}.sms-bubble.sent .bubble-content{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.sms-bubble.received .bubble-content{color:var(--text-primary);border-bottom-left-radius:var(--radius-xs);background:#fff}.bubble-time{font-size:var(--font-size-xs);color:var(--text-secondary);padding:0 var(--space-sm)}.sms-bubble.sent .bubble-time{text-align:right}.sms-input-container{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border-top:1px solid var(--border);background:#fff;display:flex}.sms-attach-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sms-attach-btn svg{width:24px;height:24px}.sms-input{padding:var(--space-sm)var(--space-md);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);outline:none;flex:1}.sms-char-count{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:50px}.sms-send-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.sms-send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.sms-send-btn svg{width:18px;height:18px}.create-content-modal{max-width:700px}.gap-info-card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef444433}.gap-info-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.gap-info-header h3{font-size:var(--font-size-md);color:var(--text-primary);flex:1;margin:0;font-weight:600}.severity-indicators{align-items:flex-end;gap:var(--space-xs);flex-direction:column;display:flex}.frequency-indicator{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.frequency-indicator strong{color:var(--danger);font-weight:700}.gap-info-details{gap:var(--space-2xl);display:flex}.gap-info-item{font-size:var(--font-size-sm)}.gap-info-item .label{color:var(--text-secondary);margin-right:var(--space-xs);font-weight:600}.upload-method-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:2px solid var(--border);display:flex}.upload-tab{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;display:flex}.upload-tab svg{width:20px;height:20px}.upload-tab:hover{color:var(--primary);background:#0070d20d}.upload-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.upload-section{display:none}.upload-section.active{animation:.3s ease-in-out fadeIn;display:block}.drag-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;background:var(--surface);transition:var(--transition);cursor:pointer;margin-bottom:var(--space-lg)}.drag-drop-zone:hover{border-color:var(--primary);background:#0070d205}.drag-drop-zone.drag-active{border-color:var(--primary);background:#0070d214;border-style:solid;transform:scale(1.02)}.drag-drop-zone svg{width:48px;height:48px;color:var(--text-secondary);margin-bottom:var(--space-md);stroke-width:1.5px}.drag-drop-zone h4{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-sm)}.drag-drop-zone .text-secondary{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--space-sm)0}.drag-drop-zone .btn{margin-top:var(--space-md)}.file-requirements{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-md)}.file-preview-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--success);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);background:#fff;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-icon svg{width:24px;height:24px}.file-info{flex:1}.file-name{color:var(--text-primary);margin-bottom:var(--space-xs);word-break:break-word;font-weight:600}.file-size{font-size:var(--font-size-xs);color:var(--text-secondary)}.upload-progress-container{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.progress-info{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.progress-bar{background:var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary),var(--success));border-radius:var(--radius-full);height:100%;transition:width .3s;animation:2s infinite shimmer}@keyframes shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.link-input-group{margin-bottom:var(--space-lg)}.link-input-group label{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);display:block}.input-with-validation{position:relative}.input-with-validation .form-input{padding-right:48px}.validation-icon{right:var(--space-md);justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.validation-icon.valid:after{content:"✓";color:var(--success);font-weight:700;font-size:var(--font-size-lg)}.validation-icon.invalid:after{content:"✗";color:var(--danger);font-weight:700;font-size:var(--font-size-lg)}.validation-message{margin-top:var(--space-sm);font-size:var(--font-size-xs);display:none}.validation-message.success{color:var(--success);display:block}.validation-message.error{color:var(--danger);display:block}.url-validation-message.error{color:var(--danger)}.text-content-editor{width:100%;min-height:300px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;line-height:1.6;transition:all .2s}.text-content-editor:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.text-content-editor::placeholder{color:var(--text-secondary)}.text-content-meta{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.char-counter{font-weight:500}.text-hint{align-items:center;gap:var(--space-xs);display:flex}.text-hint svg{flex-shrink:0}.content-form-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.required{color:var(--danger)}.btn-icon-only{width:3 2px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-only:hover{background:var(--surface);color:var(--danger)}.btn-icon-only svg{width:18px;height:18px}.wizard-progress{padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);display:flex}.wizard-step{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.wizard-step-number{border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;font-weight:700;display:flex}.wizard-step.active .wizard-step-number{background:var(--primary);border-color:var(--primary);color:#fff}.wizard-step-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.wizard-step.active .wizard-step-label{color:var(--primary)}.wizard-connector{background:var(--border);width:60px;height:2px}.wizard-content{display:none}.wizard-content.active{animation:.3s ease-in-out fadeIn;display:block}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);display:block}.form-input,.form-select{width:100%;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:var(--transition)}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0070d21a}.avatar-grid{gap:var(--space-sm);grid-template-columns:repeat(6,1fr);display:grid}.avatar-option{aspect-ratio:1;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-2xl);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.avatar-option:hover{border-color:var(--primary);transform:scale(1.05)}.avatar-option.selected{border-color:var(--primary);background:#0070d21a}.radio-group,.checkbox-group{gap:var(--space-sm);flex-direction:column;display:flex}.radio-option,.checkbox-option{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex}.radio-option:hover,.checkbox-option:hover{border-color:var(--primary);background:#0070d20d}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{margin-top:2px}.radio-label{gap:var(--space-xs);flex-direction:column;display:flex}.radio-label strong{color:var(--text-primary)}.radio-label small{color:var(--text-secondary);font-size:var(--font-size-xs)}.channel-option .channel-info{gap:var(--space-xs);flex-direction:column;display:flex}.channel-info strong{color:var(--text-primary)}.channel-info small{color:var(--text-secondary);font-size:var(--font-size-xs)}.deployment-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg)}.deployment-preview h4{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700}.preview-item{padding:var(--space-sm)0;font-size:var(--font-size-sm);border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.preview-item:last-child{border-bottom:none}.preview-item strong{color:var(--text-secondary)}.preview-item span{color:var(--text-primary);font-weight:600}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar{z-index:110;width:min(280px,85vw);box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.main-content{padding-top:calc(56px + var(--space-lg));margin-left:0}.pillar-card.compliance-card.featured{grid-column:span 1}.mobile-topbar{align-items:center;gap:var(--space-md);height:56px;padding:0 var(--space-md);background:var(--background);border-bottom:1px solid var(--border);z-index:90;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar .logo{flex:1;justify-content:center;align-items:center;display:flex}.mobile-topbar .logo-image{width:auto;height:32px}.mobile-topbar-spacer{flex-shrink:0;width:40px;height:40px}.mobile-menu-toggle{cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-menu-toggle:hover{background:var(--surface)}.sidebar-overlay{z-index:105;background:#0006;animation:.2s fadeIn;display:block;position:fixed;inset:0}}@media (max-width:768px){.main-content{padding:var(--space-md);padding-top:calc(56px + var(--space-md))}.page-header{align-items:stretch;gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column}.page-header h1{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-md)}.filter-group{flex-direction:column}.pillar-grid,.agents-grid,.analytics-kpis,.compliance-grid{grid-template-columns:1fr}.data-table{font-size:var(--font-size-xs)}}@media (max-width:480px){.main-content{padding:var(--space-sm);padding-top:calc(56px + var(--space-sm))}}.text-center{text-align:center}.mt-1{margin-top:var(--space-sm)}.mb-1{margin-bottom:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mb-2{margin-bottom:var(--space-md)}.integration-info{border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-2xl);align-items:flex-start;gap:var(--space-md);background:linear-gradient(135deg,#0070d20d,#1890ff0d);border:1px solid #0070d233;display:flex}.info-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0}.integration-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.integrations-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.integration-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition);position:relative}.integration-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.integration-card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.integration-icon{border-radius:var(--radius-md);width:56px;height:56px;font-weight:700;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.integration-icon.crm{background:linear-gradient(135deg,#0070d2,#1890ff)}.integration-icon.sis{background:linear-gradient(135deg,#667eea,#764ba2)}.integration-icon.mcp{background:linear-gradient(135deg,#10b981,#059669)}.integration-header-content{margin-left:var(--space-md);flex:1}.integration-name{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.integration-type{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.integration-status{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.integration-status.active{color:var(--success);background:#04844b1a}.integration-status.active:before{content:"●";color:var(--success)}.integration-status.inactive{color:var(--neutral-500);background:#9ca3af1a}.integration-status.beta{color:var(--warning);background:#f59e0b1a}.integration-details{margin-bottom:var(--space-lg)}.integration-detail-item{padding:var(--space-sm)0;font-size:var(--font-size-sm);border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.integration-detail-item:last-child{border-bottom:none}.integration-detail-label{color:var(--text-secondary)}.integration-detail-value{color:var(--text-primary);font-family:monospace;font-weight:600}.integration-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.integration-category{margin-bottom:var(--space-2xl)}.integration-category:last-child{margin-bottom:0}.integration-category h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:700}.integration-select-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.integration-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:var(--transition);text-align:center;position:relative}.integration-option:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:scale(1.02)}.integration-option-icon{width:56px;height:56px;margin:0 auto var(--space-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-lg);color:#fff;justify-content:center;align-items:center;display:flex}.integration-option-icon.crm{background:linear-gradient(135deg,#0070d2,#1890ff)}.integration-option-icon.sis{background:linear-gradient(135deg,#667eea,#764ba2)}.integration-option-name{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-xs)}.integration-option-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.beta-badge{top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs)var(--space-sm);background:var(--warning);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;font-weight:700;position:absolute}.form-help{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs);display:block}.pain-point-section{text-align:center;max-width:600px;padding:var(--space-2xl)0;margin:0 auto}.pain-point-icon{margin-bottom:var(--space-lg);font-size:4rem;animation:2s ease-in-out infinite pulse}.pain-point-section h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:800}.help-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.pain-point-textarea{width:100%;min-height:180px;padding:var(--space-lg);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--background);resize:vertical;transition:var(--transition);line-height:1.6}.pain-point-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0070d21a}.pain-point-textarea::placeholder{color:var(--text-secondary);opacity:.7}.example-pain-points{gap:var(--space-sm);margin:var(--space-xl)0;flex-wrap:wrap;justify-content:center;display:flex}.example-pill{padding:var(--space-sm)var(--space-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-weight:500}.example-pill:hover{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-generated-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--primary);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;font-weight:600;display:inline-flex}.ai-generated-badge svg{color:var(--primary)}.label-with-action{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.label-with-action label{margin-bottom:0}.system-prompt-editor{width:100%;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);resize:vertical;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8125rem;line-height:1.6}.system-prompt-editor:focus{border-color:var(--primary);outline:none}.goals-list{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.goal-item{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);display:flex}.goal-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.goal-bullet{color:var(--primary);font-weight:700}.goal-text{font-size:var(--font-size-sm);color:var(--text-primary);flex:1}.goal-remove{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius);transition:var(--transition);background:0 0;border:none}.goal-remove:hover{background:var(--alert);color:#fff}.tabs-container{width:100%}.tabs-nav{border-bottom:2px solid var(--border);margin-bottom:var(--space-xl);gap:0;display:flex}.tab-btn{padding:var(--space-md)var(--space-lg);font-weight:600;font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px}.tab-btn:hover{color:var(--text-primary);background:var(--surface)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}.model-metrics{gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.metric-card{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-sm);transition:var(--transition);flex-direction:column;flex:1;display:flex}.metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.metric-icon{font-size:var(--font-size-2xl)}.metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.metric-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:800}.metric-card.cost .metric-value{color:var(--success)}.metric-card.latency .metric-value{color:var(--warning)}.metric-bar{background:var(--neutral-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);height:100%;transition:width .3s}.metric-card.cost .metric-bar-fill{background:linear-gradient(90deg,var(--success),var(--success-light))}.metric-card.latency .metric-bar-fill{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.voice-sliders{gap:var(--space-lg);flex-direction:column;display:flex}.slider-group{gap:var(--space-sm);flex-direction:column;display:flex}.slider-label{font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;font-weight:600;display:flex}input[type=range]{border-radius:var(--radius-full);background:var(--neutral-200);-webkit-appearance:none;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow);transition:var(--transition);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow);transition:var(--transition);border:none;border-radius:50%}input[type=range]::-moz-range-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.advanced-settings{margin:var(--space-lg)0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.advanced-summary{padding:var(--space-md)var(--space-lg);background:var(--surface);cursor:pointer;color:var(--text-primary);transition:var(--transition);justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.advanced-summary:hover{background:var(--neutral-100)}.advanced-summary::-webkit-details-marker{display:none}.chevron{width:20px;height:20px;transition:transform .3s}.advanced-settings[open] .chevron{transform:rotate(180deg)}.advanced-content{padding:var(--space-lg);background:var(--background);border-top:1px solid var(--border)}.wizard-modal{max-width:800px}.wizard-modal .modal-body{min-height:500px;padding:var(--space-2xl)}.config-section{max-width:100%}@media (max-width:768px){.model-metrics{flex-direction:column}.tabs-nav{border-bottom:none;flex-direction:column}.tab-btn{border-bottom:1px solid var(--border);text-align:left;border-left:3px solid #0000;margin-bottom:0}.tab-btn.active{border-left-color:var(--primary);border-bottom-color:var(--border)}.pain-point-section{padding:var(--space-lg)0}.example-pain-points{flex-direction:column}.example-pill{width:100%}}.tool-wizard-step{display:none}.tool-wizard-step.active{display:block}.step-header{margin-bottom:var(--space-xl)}.step-label{font-size:var(--font-size-xs);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-weight:700;display:inline-block}.step-header h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);font-weight:700}.step-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.tool-type-cards{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tool-type-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-xl);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;display:flex;position:relative}.tool-type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-type-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#2563eb0d,#60a5fa0d)}.tool-type-icon{background:var(--surface);border-radius:var(--radius);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-type-icon svg{width:24px;height:24px}.tool-type-content{flex:1}.tool-type-content h4{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-primary);font-weight:600}.tool-type-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.tool-type-radio{flex-shrink:0}.tool-type-radio input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.form-row{gap:var(--space-md);display:flex}.form-row .form-group{margin-bottom:0}.headers-container,.schema-container{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.header-row,.schema-row{gap:var(--space-sm);align-items:flex-start;display:flex}.header-row .form-input,.schema-row .form-input{flex:1;margin-bottom:0}.schema-row .form-select{flex:.7;margin-bottom:0}.btn-icon-only{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;flex-shrink:0}.btn-icon-only:hover{background:var(--alert);border-color:var(--alert);color:#fff}.btn-icon-only svg{width:16px;height:16px;display:block}.remove-header:hover,.remove-property:hover{background:var(--alert);border-color:var(--alert);color:#fff}.empty-state{padding:var(--space-2xl);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;margin-top:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state.hidden{display:none}.empty-state svg{width:48px;height:48px;color:var(--text-secondary);opacity:.3;margin-bottom:var(--space-md)}.empty-state p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600}.empty-state small{font-size:var(--font-size-sm);color:var(--text-secondary);opacity:.7}.config-section{animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tool-type-cards{grid-template-columns:1fr}.form-row{flex-direction:column}.form-row .form-group{width:100%}.header-row,.schema-row{flex-wrap:wrap}}.modal-xl{width:95%;max-width:1200px}.hallucination-summary-card{background:linear-gradient(135deg,var(--surface)0%,white 100%);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.summary-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.summary-title-section{align-items:center;gap:var(--space-md);display:flex}.category-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:4px 12px;font-weight:500}.review-timestamp{color:var(--text-secondary);font-size:var(--font-size-sm)}.summary-question{margin-bottom:var(--space-lg)}.summary-question label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;display:block}.question-text{font-size:var(--font-size-lg);color:var(--text);font-weight:600;line-height:1.4}.summary-responses{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.response-box{padding:var(--space-lg);border-radius:var(--radius-md);border:2px solid}.response-box.incorrect-response{border-color:var(--danger);background:linear-gradient(#ef44440d,#fff)}.response-box.correct-response{border-color:var(--success);background:linear-gradient(#10b9810d,#fff)}.response-label{align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;display:flex}.response-label svg{width:20px;height:20px}.incorrect-response .response-label{color:var(--danger)}.correct-response .response-label{color:var(--success)}.response-text{font-size:var(--font-size-base);color:var(--text);line-height:1.6}.hallucination-reason-section{border-left:4px solid var(--primary);padding:var(--space-lg);border-radius:var(--radius-md);background:#4f46e50d}.hallucination-reason-section label{align-items:center;gap:var(--space-sm);color:var(--primary);margin-bottom:var(--space-md);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;display:flex}.hallucination-reason-section label svg{width:18px;height:18px}.reason-text{color:var(--text);font-style:italic;line-height:1.6}.source-comparison-section{margin-bottom:var(--space-2xl)}.source-comparison-section h3{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--text);font-weight:700}.source-comparison-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.source-panel{border-radius:var(--radius-lg);padding:var(--space-xl);border:2px solid;transition:all .3s}.source-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.source-panel.incorrect{border-color:var(--danger);background:linear-gradient(#ef444408,#fff)}.source-panel.correct{border-color:var(--success);background:linear-gradient(#10b98108,#fff)}.panel-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid;justify-content:space-between;align-items:center;display:flex}.source-panel.incorrect .panel-header{border-bottom-color:#ef444433}.source-panel.correct .panel-header{border-bottom-color:#10b98133}.header-left{align-items:center;gap:var(--space-sm);display:flex}.header-left svg{width:24px;height:24px}.source-panel.incorrect .header-left svg{color:var(--danger)}.source-panel.correct .header-left svg{color:var(--success)}.header-left h4{font-size:var(--font-size-base);margin:0;font-weight:600}.relevance-score{font-size:var(--font-size-lg);border-radius:var(--radius-md);background:var(--surface);padding:6px 12px;font-weight:700}.source-metadata{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.source-type-badge,.source-rank-badge,.source-date{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:4px 10px;font-weight:500}.source-type-badge{background:var(--primary);color:#fff}.source-rank-badge{background:var(--surface);border:1px solid var(--border)}.source-date{background:var(--surface);color:var(--text-secondary)}.source-title{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-sm);font-weight:700;line-height:1.3}.source-url{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-md);word-break:break-all}.source-snippet-container{margin:var(--space-lg)0}.source-snippet-container label{font-weight:600;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;display:block}.source-snippet{background:var(--surface);padding:var(--space-md);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-wrap:break-word;max-height:200px;line-height:1.8;overflow-y:auto}.highlight-incorrect{color:var(--danger);background:#ef444440;border-radius:3px;padding:2px 6px;font-weight:700}.highlight-correct{color:var(--success);background:#10b98140;border-radius:3px;padding:2px 6px;font-weight:700}.source-actions{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.btn-outline-small{align-items:center;gap:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:#fff;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.btn-outline-small:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn-outline-small svg{width:16px;height:16px}.reranking-section{background:linear-gradient(135deg,var(--surface)0%,white 100%);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.reranking-section h3{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:700;display:flex}.reranking-section h3 svg{width:24px;height:24px;color:var(--primary)}.section-description{color:var(--text-secondary);margin-bottom:var(--space-lg)}.rank-adjustment-grid{gap:var(--space-xl);flex-direction:column;display:flex}.rank-slider-group{padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border);background:#fff}.rank-label{margin-bottom:var(--space-md);color:var(--text);font-weight:600;display:block}.rank-slider-container{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.rank-from,.rank-to{font-weight:600;font-size:var(--font-size-sm);min-width:60px}.rank-slider{border-radius:var(--radius-full);-webkit-appearance:none;cursor:pointer;outline:none;flex:1;height:8px}.rank-slider.demote{background:linear-gradient(to right,var(--danger),#ef44444d)}.rank-slider.promote{background:linear-gradient(to right,var(--success),#10b9814d)}.rank-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000026}.rank-slider::-moz-range-thumb{border:3px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000026}.rank-hint{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.rerank-visualization{margin-top:var(--space-lg);padding:var(--space-lg);border-left:4px solid var(--primary);border-radius:var(--radius-md);background:#4f46e50d}.viz-suggestion{align-items:center;gap:var(--space-sm);color:var(--text);display:flex}.viz-suggestion svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.feedback-section{border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);background:#fff}.feedback-section h3{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:700;display:flex}.feedback-section h3 svg{width:24px;height:24px;color:var(--primary)}.auditor-notes-input{width:100%;min-height:120px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;line-height:1.6;transition:all .2s}.auditor-notes-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.feedback-options{gap:var(--space-xl);margin-top:var(--space-lg);display:flex}.checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label span{-webkit-user-select:none;user-select:none}#wizardNext,#toolWizardNext{display:none!important}.modal.active #wizardNext,.modal.active #toolWizardNext{display:inline-flex!important}.knowledge-gaps-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin-bottom:var(--space-2xl);background:#fff;overflow:hidden}.card-header{padding:var(--space-xl);border-bottom:1px solid var(--border);gap:var(--space-lg);background:#fff;flex-direction:column;display:flex}@media (min-width:1024px){.card-header{flex-direction:row;justify-content:space-between;align-items:center}}.header-title{align-items:center;gap:var(--space-md);display:flex}.header-title h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.badge-count{background:var(--primary-light);color:var(--primary);border-radius:999px;padding:2px 10px;font-size:.875rem;font-weight:600}.table-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.search-wrapper{width:240px;position:relative}.search-icon{width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper .search-input{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--background-light);padding-left:36px;transition:all .2s}.search-wrapper .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.filter-group{gap:var(--space-sm);display:flex}.filter-select{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background-color:#fff;padding:8px 12px;font-size:.875rem}.filter-select:hover{border-color:var(--text-secondary)}.table-responsive{overflow-x:auto}.knowledge-gaps-table{border-collapse:separate;border-spacing:0;width:100%}.knowledge-gaps-table th{background:var(--background-light);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:16px 24px;font-size:.75rem;font-weight:700}.knowledge-gaps-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:16px 24px;font-size:.875rem}.knowledge-gaps-table tr:last-child td{border-bottom:none}.knowledge-gaps-table tr:hover td{background-color:var(--background-hover)}.pagination-footer{border-top:1px solid var(--border);background:var(--background-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-controls{align-items:center;gap:8px;display:flex}.btn-icon-only{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-only:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-icon-only:disabled{opacity:.5;cursor:not-allowed}.page-numbers{gap:4px;display:flex}.page-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.page-btn:hover{background:var(--background-hover);color:var(--text-primary)}.page-btn.active{background:var(--primary);color:#fff}@media (max-width:768px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.hallucination-table-container{padding:var(--space-md)}.table-header{align-items:stretch;gap:var(--space-sm);flex-direction:column}.table-filters{flex-direction:column;align-items:stretch;width:100%}.table-filters .search-input,.table-filters .filter-select{width:100%}.knowledge-gaps-table th,.knowledge-gaps-table td,.data-table th,.data-table td{font-size:var(--font-size-xs);white-space:nowrap;padding:12px 14px}.knowledge-gaps-table th:first-child,.knowledge-gaps-table td:first-child,.data-table th:first-child,.data-table td:first-child{background:var(--background);z-index:1;position:sticky;left:0;box-shadow:2px 0 4px -2px #00000014}.pagination-footer{gap:var(--space-sm);flex-direction:column;align-items:stretch;padding:12px 14px}.pagination-controls{justify-content:center}.modal,.modal-overlay{padding:var(--space-md)}.modal-container{max-height:calc(100vh - 2*var(--space-md))}.wizard-modal .modal-body{padding:var(--space-lg)}.modal-header{padding:var(--space-md)var(--space-lg)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-md)var(--space-lg);flex-wrap:wrap}}@media (max-width:480px){.modal,.modal-overlay{padding:var(--space-sm)}.wizard-modal .modal-body{padding:var(--space-md)}}#createContentModal .modal-container{border-radius:16px;max-width:900px;box-shadow:0 25px 50px -12px #00000040}#createContentModal .modal-header{background:linear-gradient(90deg,#f8fafc,#fff);padding:24px 32px}#createContentModal .modal-body{padding:32px}#createContentModal .upload-method-tabs{background:var(--background-light);border-bottom:none;border-radius:12px;gap:0;margin-bottom:24px;padding:4px;display:inline-flex}#createContentModal .tab-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;margin-bottom:0;padding:10px 20px;font-weight:600;transition:all .2s}#createContentModal .tab-btn.active{color:var(--primary);background:#fff;border-bottom:none;box-shadow:0 1px 3px #0000001a}.text-content-editor{border:1px solid var(--border);border-radius:12px;padding:20px;font-size:1rem;line-height:1.6;transition:border-color .2s;box-shadow:inset 0 2px 4px #00000005}.text-content-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}