:root{--primary: #7C3AED;--primary-light: #8B5CF6;--primary-dark: #6D28D9;--primary-subtle: #EDE9FE;--primary-subtle-hover: #E9DEFD;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-sidebar: #FAFAFA;--green: #10B981;--blue: #3B82F6;--yellow: #F59E0B;--red: #EF4444;--joy: #93C5FD;--neutral: #C4B5FD;--satisfaction: #86EFAC;--confusion: #FDE68A;--interest: #FCA5A5;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--sidebar-width: 240px;--border-radius: 8px;--border-radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-700);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);background-color:#fff;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:var(--spacing-xl)}.login-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #00000012;border:1px solid var(--gray-200);padding:var(--spacing-2xl);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-800);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.login-header p{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.form-group input{padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:all .2s;background:var(--bg-primary);color:var(--gray-800)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-group input:disabled{background:var(--gray-50);cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);text-align:center}.login-button{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#6b7280,#9ca3af);background-size:200% 200%;animation:subtleGradient 8s ease infinite;color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-sm);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a78bfa);background-size:200% 200%;animation:subtleGradient 4s ease infinite;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:var(--gray-400);cursor:not-allowed;opacity:.8;animation:none}@keyframes subtleGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-footer{margin-top:var(--spacing-xl);text-align:center}.login-footer p{font-size:var(--font-size-xs);color:var(--gray-500);line-height:1.5}.auth-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:var(--spacing-xl)}.auth-callback-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #00000012;border:1px solid var(--gray-200);padding:var(--spacing-2xl);text-align:center;min-width:320px}.auth-callback-card h2{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.auth-callback-card p{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.auth-callback-card.error h2{color:#dc2626}.auth-callback-card.error p{color:var(--gray-700);margin-bottom:var(--spacing-lg)}.spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--spacing-lg) auto}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.retry-button:hover{background:var(--primary-dark)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;left:0;top:0}.sidebar-header{padding:20px 24px;height:auto;display:flex;align-items:center}.sidebar-header svg{flex-shrink:0}.sidebar-user{margin:8px 12px 12px;padding:12px;display:flex;align-items:center;gap:var(--spacing-sm);background-color:#fff;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.sidebar-user:hover{background-color:var(--gray-50)}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1}.user-name{font-size:14px;font-weight:500;color:var(--gray-800);line-height:1.2}.user-role{font-size:13px;color:var(--gray-500);line-height:1.2}.user-menu{color:var(--gray-400);font-size:10px;padding:var(--spacing-xs)}.sidebar-nav{flex:1;padding:0}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:14px 24px;color:var(--gray-600);transition:all .2s ease;position:relative}.nav-item:hover{background-color:#fff;color:var(--gray-800)}.nav-item.active{background-color:#fff;color:var(--gray-800);font-weight:500}.nav-item.active:before{display:none}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);position:relative}.nav-item:hover .nav-icon{color:var(--gray-700)}.nav-item.active .nav-icon{color:var(--gray-800)}.nav-icon-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#34d399;border-radius:50%;border:2px solid var(--bg-sidebar)}.nav-label{font-size:15px;flex:1}.nav-chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:transform .2s ease}.nav-chevron.expanded{transform:rotate(180deg)}.nav-badge{background-color:#34d399;color:#fff;font-size:11px;font-weight:500;min-width:28px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:8px;flex-shrink:0}.nav-item.dashboard-item{margin-bottom:12px;position:relative}.nav-item.dashboard-item:after{content:"";position:absolute;bottom:-12px;left:24px;right:24px;height:1px;background-color:var(--gray-200)}.submenu{background-color:var(--gray-50);overflow:hidden;animation:slideDown .2s ease-out;padding:4px 0}.submenu-item{display:flex;align-items:center;padding:8px 24px;font-size:var(--font-size-sm);color:var(--gray-600);transition:all .2s ease}.submenu-label{flex:1}.submenu-badge{background-color:#34d399;color:#fff;font-size:11px;font-weight:500;min-width:28px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0}.submenu-item:hover{background-color:var(--gray-100);color:var(--gray-800)}.submenu-item.active{color:var(--gray-800);font-weight:500;background-color:#34d39914;border-left:2px solid #34D399;padding-left:22px}.submenu-item.active.submenu-child{padding-left:38px}.submenu-item.active .submenu-badge{background-color:#10b981}.submenu-group{margin-top:16px}.submenu-group:first-child{margin-top:12px}.submenu-group-header{padding:10px 24px 8px;font-size:12px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;cursor:default}.submenu-child{padding-left:40px;font-size:13px}.sidebar-bottom{border-top:1px solid var(--gray-200);padding:var(--spacing-sm) 0}.sidebar-bottom .nav-item{font-size:var(--font-size-sm);color:var(--gray-500)}.sidebar-bottom .nav-item:hover{color:var(--gray-700)}.sidebar-user-section{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-200)}.sidebar-user-section .user-info{margin-bottom:var(--spacing-sm)}.sidebar-user-section .user-email{font-size:var(--font-size-xs);color:var(--gray-500);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-section .logout-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-user-section .logout-button:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-800)}.sidebar-user-section .logout-button svg{width:16px;height:16px}.dashboard{padding:120px 24px 40px;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dashboard-title{font-size:24px;font-weight:400;color:#374151;margin-bottom:4px;letter-spacing:-.01em}.dashboard-subtitle{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:14px;font-weight:400}.dashboard-tabs{display:flex;gap:12px}.tab{padding:6px 16px;font-size:13px;font-weight:400;color:var(--gray-600);background:transparent;border:1px solid transparent;border-radius:6px;transition:all .2s ease;text-transform:capitalize}.tab:hover{color:var(--gray-700)}.tab.active{color:var(--gray-800);font-weight:500;background:var(--gray-100);border-color:var(--gray-200)}.sentiment-emotions-combined{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px;margin-bottom:24px}.sentiment-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--gray-100)}.sentiment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:16px;font-weight:500;color:#6b7280}.sentiment-value{font-size:14px;font-weight:500;padding:4px 12px;border-radius:16px;background-color:#d1fae5;color:#065f46}.sentiment-bar-bg{height:6px;background-color:var(--gray-100);border-radius:3px;overflow:hidden}.sentiment-description{font-size:13px;color:var(--gray-500);margin:0}.sentiment-description strong{color:var(--gray-700);font-weight:500}.emotions-inline-section .section-title{margin-bottom:16px}.emotion-items-horizontal{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.emotion-item-horizontal{display:flex;flex-direction:column;gap:6px;min-width:0}.emotion-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.emotion-name{font-size:12px;color:var(--gray-700);font-weight:500;white-space:nowrap}.emotion-percentage{font-size:11px;color:var(--gray-500);flex-shrink:0}.emotion-bar-bg{height:4px;background-color:var(--gray-100);border-radius:2px;overflow:hidden}.dashboard-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 2px 4px #0000000a}.card-title{font-size:15px;font-weight:500;color:#6b7280;margin-bottom:16px}.resolution-modern{display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 0}.resolution-chart{position:relative;width:200px;height:200px}.donut-chart{width:100%;height:100%}.chart-segment{cursor:pointer;transition:opacity .2s ease}.chart-segment:hover{opacity:.8}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-value{font-size:32px;font-weight:600;color:var(--gray-800);letter-spacing:-.02em}.donut-label{font-size:13px;color:var(--gray-500);margin-top:2px}.resolution-legend-horizontal{display:flex;gap:20px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-dot{width:10px;height:10px;border-radius:5px;flex-shrink:0}.legend-dot.resolved{background:linear-gradient(135deg,#34d399,#10b981)}.legend-dot.responded{background:linear-gradient(135deg,#fde68a,#f59e0b)}.legend-dot.unresolved{background:linear-gradient(135deg,#fca5a5,#ef4444)}.legend-label{color:var(--gray-700)}.legend-percentage{font-weight:500;color:var(--gray-800);margin-left:12px}.topics-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto}.topic-row{display:grid;grid-template-columns:20px minmax(0,1fr) 30px 120px;gap:6px;align-items:center}.topic-rank{font-size:12px;color:var(--gray-400);text-align:center}.topic-name{font-size:12px;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-percentage{font-size:12px;color:var(--gray-500);text-align:right;padding-right:4px}.topic-bar-container{position:relative;height:4px;background-color:var(--gray-100);border-radius:2px;overflow:hidden}.topic-bar{position:absolute;left:0;top:0;height:100%;background-color:var(--primary);opacity:.5;border-radius:2px;transition:width .5s ease}.card-full{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.volume-stats{display:flex;align-items:baseline;gap:12px;margin-top:8px}.volume-number{font-size:32px;font-weight:600;color:var(--gray-800);letter-spacing:-.02em}.volume-change{font-size:14px;font-weight:500;padding:2px 8px;border-radius:4px}.volume-change.positive{color:#065f46;background-color:#d1fae5}.volume-subtitle{font-size:14px;color:var(--gray-500)}.chart-timeframe{display:flex;gap:4px;background-color:var(--gray-100);padding:4px;border-radius:6px}.timeframe-btn{padding:6px 12px;font-size:13px;color:var(--gray-600);background:transparent;border-radius:4px;transition:all .2s ease}.timeframe-btn:hover{color:var(--gray-800)}.timeframe-btn.active{background:#fff;color:var(--gray-800);font-weight:500;box-shadow:0 1px 2px #0000000d}.full-chart{height:200px;width:100%;margin-top:24px}.full-chart svg{width:100%;height:100%}.cognitive-insights{padding:120px 24px 40px;max-width:1200px;margin:0 auto;min-height:100vh}.section-one{margin-bottom:2rem}.ci-header-wrapper{border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:24px;padding-bottom:20px}.ci-header{display:flex;justify-content:space-between;align-items:flex-start}.ci-title{font-size:24px;font-weight:400;color:#374151;margin-bottom:4px;letter-spacing:-.01em}.ci-subtitle{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:14px;font-weight:400}.divider{color:var(--gray-300)}.time-period{color:var(--gray-400)}.ci-filters{display:flex;gap:1rem;flex-wrap:wrap}.header-filters{display:flex;gap:12px;align-items:flex-start}.filter-group{position:relative}.filter-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.filter-group select{padding:.5rem 2.5rem .5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:140px}.filter-group.compact select{padding:.375rem 2rem .375rem .75rem;min-width:120px;font-size:.8125rem;background-position:right .5rem center}.filter-group select:hover{border-color:var(--primary-color)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.filter-select{padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:140px}.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.ci-cards-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.ci-cards-grid-emotions{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem;align-items:stretch}.ci-card{background-color:#fff;border-radius:8px;padding:20px;border:1px solid var(--gray-200, #e5e7eb)}.ci-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.sentiment-card.compact{padding:16px 20px}.sentiment-card.compact .ci-section-title{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:0}.sentiment-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sentiment-score-compact{display:flex;align-items:baseline;gap:2px}.sentiment-score-compact .score{font-size:20px;font-weight:600;color:var(--text-primary)}.sentiment-score-compact .score-label{font-size:12px;color:var(--text-secondary);font-weight:400}.sentiment-bar-compact{width:100%;height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:8px}.sentiment-bar-compact .sentiment-fill{height:100%;background-color:#10b981;border-radius:2px;transition:width .3s ease}.sentiment-footer{display:flex;justify-content:space-between;align-items:center}.sentiment-badge.compact{background-color:#10b981;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.conversations-count{font-size:12px;color:var(--text-secondary)}.emotions-card.compact{padding:16px 20px}.emotions-card.compact .ci-section-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.emotions-grid.compact{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.emotion-item-inline.compact{display:flex;flex-direction:column;gap:3px;min-width:0}.emotion-item-inline.compact .emotion-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:4px}.emotion-item-inline.compact .emotion-name{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap}.emotion-item-inline.compact .emotion-percentage{color:var(--text-secondary);font-size:11px;flex-shrink:0}.emotion-bar.compact{width:100%;height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.emotion-bar.compact .emotion-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.grid-section{margin-bottom:2rem;padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--gray-200, #e5e7eb)}.grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dimension-choosers{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#374151}.chooser-group{display:flex;align-items:center;gap:.5rem}.chooser-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.chooser-group select{padding:.375rem 2rem .375rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.chooser-group select:hover{border-color:var(--primary-color)}.chooser-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.inline-select{padding:.25rem 2rem .25rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb;color:#374151;font-size:14px;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.inline-select:hover{border-color:#8b5cf6}.inline-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.inline-select option:disabled{color:#9ca3af;background-color:#f3f4f6}.dynamic-grid-container{display:flex;gap:.75rem;margin-bottom:1.5rem}.grid-y-labels{display:flex;flex-direction:column;gap:.25rem;margin-right:.5rem;min-width:80px;padding-top:1.5rem}.grid-y-labels .grid-label{height:64px;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.grid-main{flex:1}.grid-x-labels{display:flex;justify-content:space-around;margin-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}.grid-label{font-size:13px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;display:flex;align-items:center;justify-content:center}.grid-cells{display:flex;flex-direction:column;gap:.25rem}.grid-row{display:flex;gap:.25rem}.grid-cell{flex:1;height:64px;border-radius:.25rem;transition:all .2s ease;cursor:pointer;min-width:40px}.grid-cell:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000001a;z-index:10}.grid-cell-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 2px 8px #0003}.grid-cell-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.grid-legend{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.intensity-scale{display:flex;align-items:center;gap:.5rem}.scale-gradient{width:200px;height:12px;background:linear-gradient(to right,#8b7cf61a,#8b7cf6);border-radius:6px}.time-series-section{margin-bottom:2rem;padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--gray-200, #e5e7eb)}.time-series-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.metric-chooser{display:flex;align-items:center;gap:.5rem}.metric-chooser label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-chooser select{padding:.375rem 2rem .375rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.metric-chooser select:hover{border-color:var(--primary-color)}.metric-chooser select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.time-series-chart{width:100%}.chart-svg{width:100%;height:300px}.time-series-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.time-series-legend .legend-item{display:flex;align-items:center;gap:8px}.time-series-legend .legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.time-series-legend .legend-label{font-size:13px;color:var(--text-secondary)}.sentiment-bar-container{margin-bottom:12px}.sentiment-bar-bg{height:6px;background-color:var(--bg-primary);border-radius:3px;overflow:hidden}.sentiment-bar-fill{height:100%;background-color:#10b981;border-radius:3px;transition:width .5s ease}.sentiment-description{font-size:13px;color:var(--text-secondary);margin:0}.sentiment-description strong{color:var(--text-primary);font-weight:500}.emotions-section{margin-bottom:0}.emotions-section .section-title{margin-bottom:20px;font-size:16px;font-weight:500;color:#6b7280}.emotion-items{display:flex;flex-direction:column;gap:12px}.emotion-item{display:flex;flex-direction:column;gap:8px}.emotion-header{display:flex;justify-content:space-between;align-items:center}.emotion-percentage{font-size:12px;color:var(--text-secondary)}.emotion-bar-bg{height:4px;background-color:var(--bg-primary);border-radius:2px;overflow:hidden}.emotion-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.heatmap-card{grid-column:2 / 3;grid-row:1 / 2}.heatmap-container{display:flex;gap:.5rem;position:relative}.heatmap-y-labels{display:flex;flex-direction:column;justify-content:space-around;padding-right:.5rem}.heatmap-label{font-size:.75rem;color:var(--text-secondary);text-align:right}.heatmap-grid{flex:1}.heatmap-x-labels{display:flex;justify-content:space-around;margin-bottom:.5rem;padding-left:.5rem}.heatmap-cells{display:flex;flex-direction:column;gap:4px}.heatmap-row{display:flex;gap:4px}.heatmap-cell{flex:1;aspect-ratio:1;border-radius:.25rem;transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.heatmap-legend{position:absolute;top:-.5rem;right:0;font-size:.75rem;color:var(--text-secondary)}.heatmap-legend .legend-items{display:flex;gap:1rem;margin-top:.5rem}.legend-square{width:12px;height:12px;border-radius:.125rem;display:inline-block}.legend-square.housing{background-color:#6366f1}.legend-square.scholarship{background-color:#8b5cf6}.legend-square.withdrawal{background-color:#ec4899}.legend-square.application{background-color:#f59e0b}.resolution-card{grid-column:1 / 2;grid-row:2 / 3}.resolution-heatmap{display:flex;gap:.5rem}.resolution-y-labels{display:flex;flex-direction:column;justify-content:space-around;padding-right:.5rem;min-width:100px}.resolution-label{font-size:.75rem;color:var(--text-secondary);text-align:right;white-space:nowrap}.resolution-grid{flex:1}.resolution-x-labels{display:flex;justify-content:space-around;margin-bottom:.5rem;padding-left:.5rem}.resolution-cells{display:flex;flex-direction:column;gap:4px}.resolution-row{display:flex;gap:4px}.resolution-cell{flex:1;height:20px;border-radius:.25rem;transition:all .2s ease}.resolution-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.topics-time-card{grid-column:2 / 3;grid-row:2 / 3}.topics-chart{margin-bottom:1rem}.topics-chart svg{width:100%;height:200px}.chart-grid{opacity:.3}.axis-label{font-size:11px;fill:var(--text-secondary)}.chart-lines path{stroke-linejoin:round;stroke-linecap:round}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.legend-line{width:20px;height:2px;display:inline-block}.topics-time-card .section-title{font-size:.875rem;font-weight:500;color:#6b7280;margin-top:1rem;text-align:center}@media (max-width: 1024px){.ci-grid{grid-template-columns:1fr;grid-template-rows:auto}.heatmap-card,.resolution-card,.topics-time-card{grid-column:1;grid-row:auto}}@media (max-width: 640px){.cognitive-insights{padding:1rem}.ci-filters{flex-direction:column}.filter-select{width:100%}.ci-card{padding:1rem}}.ci2-container{display:flex;height:100vh;background-color:#f9fafb;overflow:hidden}.ci2-main{flex:1;overflow-y:auto;padding:120px 40px 40px;transition:margin-right .3s ease}.ci2-main.with-chat{margin-right:400px}.ci2-header{margin-bottom:32px}.ci2-header-content{flex:1}.ci2-title{font-size:24px;font-weight:400;color:#374151;margin:0 0 6px;letter-spacing:-.01em}.ci2-subtitle{font-size:14px;color:#9ca3af;margin:0;font-weight:400}.ci2-summary-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d}.ci2-summary-header{margin-bottom:20px}.ci2-summary-title{font-size:16px;font-weight:500;color:#4b5563;margin:0 0 4px;letter-spacing:-.01em}.ci2-summary-subtitle{font-size:13px;color:#9ca3af;margin:0;font-weight:400}.ci2-summary-content{display:flex;flex-direction:column;gap:16px}.ci2-summary-actions{display:flex;gap:12px}.ci2-summary-benchmark{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;margin-top:1rem;grid-column:1 / -1}.ci2-benchmark-text{display:flex;align-items:baseline;gap:6px}.ci2-benchmark-label{font-size:13px;color:#6b7280;font-weight:500}.ci2-benchmark-value{font-size:16px;color:#8b7cf6;font-weight:600}.ci2-benchmark-context{font-size:13px;color:#9ca3af}.ci2-benchmark-link{font-size:13px;color:#8b7cf6;font-weight:500;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.ci2-benchmark-link:hover{background-color:#ede9fe;color:#7c3aed}.ci2-summary-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.ci2-summary-button.read{background-color:#fff;color:#374151;border:1px solid #e5e7eb}.ci2-summary-button.read:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.ci2-summary-button.listen{background-color:#fff;color:#374151;border:1px solid #e5e7eb}.ci2-summary-button.listen:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.ci2-summary-button svg{flex-shrink:0}.ci2-ai-sparkle{color:#8b7cf6;margin-left:-4px}.ci2-summary-container{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:flex-start}.ci2-audio-player{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;display:flex;flex-direction:column}.ci2-audio-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ci2-audio-icon{width:36px;height:36px;background:#8b7cf6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.ci2-audio-title{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.125rem}.ci2-audio-duration{font-size:.75rem;color:#9ca3af}.ci2-audio-waveform{display:flex;align-items:center;justify-content:space-between;height:32px;margin-bottom:.75rem;gap:2px}.ci2-waveform-bar{width:3px;background:#e5e7eb;border-radius:2px;transition:all .2s ease}.ci2-waveform-bar.active{background:#8b7cf6}.ci2-waveform-bar.playing{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.ci2-audio-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ci2-audio-controls audio{display:none}.ci2-audio-play-btn{width:32px;height:32px;background:#8b7cf6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.ci2-audio-play-btn:hover{background:#7c6ff3;transform:scale(1.05)}.ci2-audio-progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;cursor:pointer;position:relative}.ci2-audio-progress-fill{height:100%;background:#8b7cf6;border-radius:2px;transition:width .1s linear}.ci2-audio-time{font-size:.75rem;color:#6b7280;white-space:nowrap}.ci2-audio-download-link{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;text-decoration:none;transition:color .2s ease}.ci2-audio-download-link:hover{color:#8b7cf6}.ci2-summary-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem}.ci2-summary-text{margin-bottom:1rem}.ci2-summary-text p{font-size:.875rem;line-height:1.6;color:#4b5563;margin:0}.ci2-metric{font-weight:600;color:#8b7cf6}.ci2-summary-actions{display:flex;gap:.75rem}.ci2-btn-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.ci2-btn-action:hover{background:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.ci2-btn-action.primary{background:#8b7cf6;color:#fff;border-color:#8b7cf6}.ci2-btn-action.primary:hover{background:#7c6ff3;border-color:#7c6ff3}@media (max-width: 768px){.ci2-summary-container{grid-template-columns:1fr;gap:1.25rem}.ci2-audio-player{max-width:100%}.ci2-summary-actions{flex-direction:column}.ci2-btn-action{width:100%;justify-content:center}}.ci2-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.ci2-insights-column{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.ci2-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ci2-insights-title{font-size:15px;font-weight:500;color:#6b7280;margin:0;letter-spacing:.02em;text-transform:uppercase}.ci2-insights-chat-btn{width:28px;height:28px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.ci2-insights-chat-btn:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.ci2-insights-list{display:flex;flex-direction:column;gap:16px}.ci2-insight-item{display:flex;align-items:baseline;gap:8px;padding:12px 16px;border-radius:8px;transition:all .2s ease}.ci2-insight-item.positive{background-color:#f0fdf4;border:1px solid #bbf7d0}.ci2-insight-item.positive:hover{background-color:#dcfce7}.ci2-insight-item.negative{background-color:#fef2f2;border:1px solid #fecaca}.ci2-insight-item.negative:hover{background-color:#fee2e2}.ci2-insight-metric{font-size:20px;font-weight:600;color:#374151;flex-shrink:0}.ci2-insight-description{font-size:14px;color:#4b5563;flex:1}.ci2-insight-trend{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;flex-shrink:0}.ci2-insight-trend.positive{color:#059669;background-color:#d1fae5}.ci2-insight-trend.negative{color:#dc2626;background-color:#fee2e2}.ci2-topics-section{margin-bottom:40px}.ci2-section-title{font-size:16px;font-weight:500;color:#6b7280;margin:0 0 20px;letter-spacing:-.01em}.ci2-topic-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.ci2-topic-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.ci2-topic-header{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.ci2-topic-header:hover{background-color:#f9fafb}.ci2-topic-header-left{flex:1}.ci2-topic-title{font-size:16px;font-weight:500;color:#374151;margin:0 0 8px;letter-spacing:-.01em}.ci2-topic-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ci2-stat{display:flex;align-items:baseline;gap:4px}.ci2-stat-value{font-size:14px;font-weight:600;color:#374151}.ci2-stat-label{font-size:13px;color:#6b7280}.ci2-stat-trend{font-size:12px;font-weight:600;margin-left:4px}.ci2-stat-trend.positive{color:#059669}.ci2-stat-trend.negative{color:#dc2626}.ci2-stat-divider{color:#d1d5db;margin:0 4px}.ci2-sentiment-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ci2-sentiment-badge.positive{background-color:#d1fae5;color:#059669}.ci2-sentiment-badge.negative{background-color:#fee2e2;color:#dc2626}.ci2-sentiment-badge.mixed{background-color:#fef3c7;color:#d97706}.ci2-sentiment-badge.very{background-color:#ddd6fe;color:#7c3aed}.ci2-topic-header-right{display:flex;align-items:center;gap:8px}.ci2-chat-button,.ci2-expand-button{width:36px;height:36px;border:1px solid #e5e7eb;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ci2-chat-button:hover,.ci2-expand-button:hover{background-color:#f9fafb;border-color:#8b7cf6}.ci2-chat-button:hover svg,.ci2-expand-button:hover svg{color:#8b7cf6}.ci2-expand-button svg{transition:transform .2s ease}.ci2-topic-content{padding:0 24px 24px;border-top:1px solid #f3f4f6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ci2-topic-content h4{font-size:14px;font-weight:600;color:#374151;margin:20px 0 12px;text-transform:uppercase;letter-spacing:.05em}.ci2-topic-summary p{font-size:14px;line-height:1.6;color:#4b5563;margin:0}.ci2-topic-emotions{margin-top:20px}.ci2-emotion-groups{display:flex;flex-direction:column;gap:12px}.ci2-emotion-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ci2-emotion-label{font-size:13px;color:#6b7280;font-weight:500;min-width:80px}.ci2-emotion-tag{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.ci2-emotion-tag.primary{background-color:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.ci2-emotion-tag.secondary{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.ci2-topic-opportunities{margin-top:20px}.ci2-topic-opportunities ul{margin:0;padding-left:20px}.ci2-topic-opportunities li{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:8px}.ci2-chat-pane{position:fixed;right:0;top:80px;width:400px;height:calc(100vh - 80px);background-color:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:-4px 0 12px #0000000d;animation:slideInRight .3s ease}.ci2-chat-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ci2-chat-header-left{flex:1}.ci2-chat-header h3{font-size:16px;font-weight:500;color:#374151;margin:0 0 2px;letter-spacing:-.01em}.ci2-chat-topic{font-size:12px;color:#9ca3af;margin:0}.ci2-chat-header-actions{display:flex;align-items:center;gap:8px}.ci2-chat-action-btn{width:32px;height:32px;border:none;background-color:transparent;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ci2-chat-action-btn:hover{background-color:#f3f4f6;color:#374151}.ci2-chat-close{width:32px;height:32px;border:none;background-color:#f3f4f6;border-radius:6px;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ci2-chat-close:hover{background-color:#e5e7eb;color:#374151}.ci2-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ci2-chat-message.typing{background-color:#f3f4f6;padding:12px 16px;display:inline-flex;align-self:flex-start;max-width:80px}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#9ca3af;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ci2-chat-message{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ci2-chat-message.user{background-color:#8b7cf6;color:#fff;margin-left:40px}.ci2-chat-message.assistant{background-color:#f3f4f6;color:#374151;margin-right:40px}.ci2-chat-input-wrapper{padding:20px;border-top:1px solid #e5e7eb;display:flex;gap:8px}.ci2-chat-input{flex:1;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;transition:all .2s ease}.ci2-chat-input:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.ci2-chat-send{width:40px;height:40px;border:none;background-color:#8b7cf6;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ci2-chat-send:hover{background-color:#7c3aed;transform:scale(1.05)}.ci2-chat-send:active{transform:scale(.95)}@media (max-width: 1024px){.ci2-main{padding:120px 24px 24px}.ci2-insights-grid{grid-template-columns:1fr}.ci2-main.with-chat{margin-right:0}.ci2-chat-pane{width:100%}}@media (max-width: 640px){.ci2-main{padding:100px 16px 16px}.ci2-header{flex-direction:column;gap:16px}.ci2-title{font-size:24px}.ci2-audio-button{width:100%;justify-content:center}.ci2-topic-stats{font-size:12px}.ci2-chat-pane{width:100%}}.ci2-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.ci2-modal{background-color:#fff;border-radius:12px;max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ci2-modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ci2-modal-header h2{font-size:18px;font-weight:500;color:#374151;margin:0;letter-spacing:-.01em}.ci2-modal-close{width:36px;height:36px;border:none;background-color:#f3f4f6;border-radius:8px;font-size:24px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ci2-modal-close:hover{background-color:#e5e7eb;color:#374151}.ci2-modal-content{flex:1;overflow-y:auto;padding:24px}.ci2-modal-content p{font-size:15px;line-height:1.7;color:#374151;margin:0 0 16px}.ci2-modal-content p:last-child{margin-bottom:0}.ci2-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.ci2-modal-action{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.ci2-modal-action:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.ci2-modal-action svg{color:#8b7cf6}.benchmarking{padding:120px 40px 40px;max-width:1200px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.bm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.bm-header-content{flex:1}.bm-title{font-size:24px;font-weight:400;color:#374151;margin:0 0 6px;letter-spacing:-.01em}.bm-subtitle{font-size:14px;color:#9ca3af;margin:0;font-weight:400}.bm-header-controls{display:flex;gap:12px}.bm-select{padding:8px 32px 8px 12px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M5.29289 8.29289L2.29289 5.29289C1.90237 4.90237 2.15825 4.25 2.70711 4.25H8.29289C8.84175 4.25 9.09763 4.90237 8.70711 5.29289L5.70711 8.29289C5.31658 8.68342 4.68342 8.68342 4.29289 8.29289Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:180px}.bm-select:hover{border-color:#8b7cf6}.bm-select:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.bm-description-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:24px}.bm-description-card p{font-size:14px;line-height:1.6;color:#4b5563;margin:0}.bm-description-card strong{color:#374151;font-weight:600}.bm-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.bm-metric-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.bm-metric-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.bm-metric-title{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em}.bm-metric-stacked{margin-bottom:12px}.bm-metric-row{display:flex;align-items:center;margin-bottom:8px;gap:10px}.bm-metric-row-label{font-size:12px;color:#6b7280;width:70px;flex-shrink:0}.bm-metric-bar-container{flex:1;height:20px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.bm-metric-bar-fill{height:100%;transition:width .5s ease}.bm-metric-bar-fill.campus{background-color:#8b7cf6}.bm-metric-bar-fill.benchmark{background-color:#e5e7eb}.bm-metric-row-value{font-size:14px;font-weight:500;color:#6b7280;width:45px;text-align:right;flex-shrink:0}.bm-metric-row-value.highlighted{font-weight:700;color:#111827;font-size:16px}.bm-comparison-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.bm-comparison-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.bm-section-title{font-size:16px;font-weight:500;color:#6b7280;margin:0 0 20px;letter-spacing:-.01em}.bm-emotion-chart,.bm-topics-chart{margin-bottom:16px}.bm-topic-row{display:flex;align-items:center;margin-bottom:16px}.bm-topic-label{font-size:13px;color:#374151;width:200px;flex-shrink:0}.bm-topic-bars{flex:1;display:flex;flex-direction:column;gap:6px}.bm-bar-wrapper{display:flex;align-items:center;gap:8px}.bm-bar{height:20px;min-width:40px;border-radius:4px;transition:all .3s ease}.bm-bar.current{background-color:#8b7cf6}.bm-bar.benchmark{background-color:#e5e7eb}.bm-value{font-size:12px;color:#6b7280;white-space:nowrap}.bm-expand-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:16px;background-color:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.bm-expand-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.bm-expand-button svg{transition:transform .3s ease}.bm-expanded-items{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6;animation:fadeIn .3s ease}.bm-legend{display:flex;justify-content:center;gap:24px;padding-top:12px;border-top:1px solid #f3f4f6}.bm-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.bm-legend-item:before{content:"";width:12px;height:12px;border-radius:2px}.bm-legend-item.current:before{background-color:#8b7cf6}.bm-legend-item.benchmark:before{background-color:#e5e7eb}.bm-insights-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:32px}.bm-insights-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px}.bm-insights-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em}.bm-insights-list{display:flex;flex-direction:column;gap:12px}.bm-insight{display:flex;gap:12px;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.bm-insight.positive{background-color:#f0fdf4;border-color:#bbf7d0}.bm-insight.negative{background-color:#fef2f2;border-color:#fecaca}.bm-insight-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.bm-insight.positive .bm-insight-icon{background-color:#d1fae5;color:#059669}.bm-insight.negative .bm-insight-icon{background-color:#fee2e2;color:#f59e0b}.bm-insight-content h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.bm-insight-content p{font-size:13px;color:#4b5563;margin:0;line-height:1.5}@media (max-width: 768px){.bm-insights-sections{grid-template-columns:1fr}}@media (max-width: 1024px){.benchmarking{padding:120px 24px 24px}.bm-header{flex-direction:column;gap:16px}.bm-header-controls{width:100%}.bm-select{flex:1}.bm-comparison-section,.bm-topics-grid{grid-template-columns:1fr}}@media (max-width: 640px){.benchmarking{padding:100px 16px 16px}.bm-metrics-grid{grid-template-columns:1fr}.bm-topic-label{width:120px;font-size:12px}.bm-insights-sections{grid-template-columns:1fr;gap:24px}}.ai-explorer{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);height:100vh;overflow:hidden}.ai-explorer-header{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--bg-primary);border-bottom:1px solid var(--gray-200)}.ai-explorer-header h1{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-xs) 0}.ai-explorer-header p{font-size:var(--font-size-xs);color:var(--gray-500);margin:0}.ai-explorer-content{flex:1;display:flex;flex-direction:column;min-height:0}.conversation-area{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-2xl);color:var(--gray-500)}.empty-icon{margin-bottom:var(--spacing-lg);color:var(--gray-300)}.empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--gray-700)}.empty-state p{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm);max-width:400px}.example-queries{text-align:left;background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);max-width:600px;width:100%}.example-queries h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700)}.example-queries ul{margin:0;padding:0;list-style:none}.example-queries li{margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--gray-700);border:1px solid var(--gray-200);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);position:relative;overflow:hidden}.example-queries li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform .2s ease;transform-origin:bottom}.example-queries li:hover{background:var(--primary-subtle);border-color:var(--primary-light);transform:translate(4px)}.example-queries li:hover:before{transform:scaleY(1)}.example-queries li:active{transform:translate(2px)}.query-text{flex:1;line-height:1.4}.query-arrow{flex-shrink:0;color:var(--primary);opacity:0;transform:translate(-10px);transition:all .2s ease}.example-queries li:hover .query-arrow{opacity:1;transform:translate(0)}.messages-list{padding:var(--spacing-lg);max-width:1000px;margin:0 auto;width:100%}.message{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--gray-500)}.message.user .message-header{flex-direction:row-reverse}.message-role{font-weight:500;color:var(--gray-700)}.message.user .message-role{color:var(--primary)}.message-content{max-width:80%;min-width:200px}.message.user .message-content{background:var(--primary-subtle);color:var(--gray-900);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);border-bottom-right-radius:var(--spacing-xs);border:1px solid var(--primary-light);font-size:var(--font-size-sm)}.message.assistant .message-content{background:var(--bg-secondary);color:var(--gray-800);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);border-bottom-left-radius:var(--spacing-xs);border:1px solid var(--gray-200);font-size:var(--font-size-sm)}.formatted-content p{margin:0 0 var(--spacing-sm) 0;line-height:1.5;font-size:var(--font-size-sm)}.formatted-content p:last-child{margin-bottom:0}.error-message{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.btn-ghost{background:transparent;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-lg);opacity:.7;transition:opacity .2s}.btn-ghost:hover{opacity:1}.query-form{background:var(--bg-primary);border-top:1px solid var(--gray-200);padding:var(--spacing-lg) var(--spacing-xl);flex-shrink:0}.query-input-container{display:flex;gap:var(--spacing-md);align-items:flex-end}.button-group{display:flex;gap:var(--spacing-sm);align-items:center}.clear-btn{padding:var(--spacing-md);background:transparent;border:1px solid var(--gray-300);border-radius:var(--border-radius);cursor:pointer;color:var(--gray-600);transition:all .15s;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.clear-btn:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800)}.query-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);line-height:1.4;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.query-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.query-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.submit-btn{padding:var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.submit-btn:hover:not(:disabled){background:var(--primary-dark)}.submit-btn:disabled{background:var(--gray-400);cursor:not-allowed}.query-help{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--gray-500);text-align:center}.query-help kbd{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:3px;padding:2px 6px;font-size:11px;font-family:monospace}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.scroll-to-top{position:fixed;bottom:7rem;right:3rem;width:40px;height:40px;background:#6b7280b3;color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.6}.scroll-to-top:hover{background:#6b7280e6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026;opacity:.9}.scroll-to-top:active{transform:translateY(0)}.conversation-area::-webkit-scrollbar{width:8px}.conversation-area::-webkit-scrollbar-track{background:transparent}.conversation-area::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:4px}.conversation-area::-webkit-scrollbar-thumb:hover{background:#9ca3af99}.response-h1{font-size:var(--font-size-lg);font-weight:700;margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--gray-900);line-height:1.3}.response-h2{font-size:var(--font-size-base);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--gray-800);line-height:1.4}.response-h3{font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-sm) 0 var(--spacing-xs);color:var(--gray-800);line-height:1.4}.response-paragraph{margin:var(--spacing-sm) 0;line-height:1.5;font-size:var(--font-size-sm)}.response-spacing{height:var(--spacing-xs)}.response-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.response-list ul{list-style-type:disc;color:var(--primary)}.response-list ol{list-style-type:decimal;color:var(--primary)}.response-list li{margin:var(--spacing-xs) 0;line-height:1.5;color:var(--gray-800);font-size:var(--font-size-sm)}.response-list li::marker{color:var(--primary);font-weight:600}.loading-indicator{display:flex;gap:4px;padding:var(--spacing-sm) 0}.loading-indicator .dot{width:8px;height:8px;background:var(--gray-400);border-radius:50%;animation:pulse 1.4s infinite ease-in-out both}.loading-indicator .dot:nth-child(1){animation-delay:-.32s}.loading-indicator .dot:nth-child(2){animation-delay:-.16s}.loading-indicator .dot:nth-child(3){animation-delay:0s}.response-table{margin:var(--spacing-sm) 0;width:100%;overflow-x:auto}.response-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.response-table th{background:var(--gray-50);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200)}.response-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--gray-100)}.response-table tr:last-child td{border-bottom:none}.response-table tr:hover{background:var(--gray-50)}.streaming-response,.response-content{position:relative}.cursor-blink{animation:blink 1s infinite;color:var(--primary);font-weight:300;margin-left:1px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-indicator{display:inline-flex;gap:4px;margin-top:var(--spacing-sm)}.streaming-indicator .dot{width:6px;height:6px;background:var(--gray-400);border-radius:50%;animation:pulse 1.4s infinite ease-in-out both}.streaming-indicator .dot:nth-child(1){animation-delay:-.32s}.streaming-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.external-conversations{padding:100px 32px 32px;max-width:1400px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-title{font-size:24px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 6px}.dashboard-subtitle{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px;font-weight:400}.divider{color:#d1d5db}.date-range{color:#8b5cf6;font-weight:400}.compare-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.compare-btn:hover{border-color:#8b5cf6;background:#faf9fc;color:#8b5cf6}.compare-btn svg{width:16px;height:16px}.message-counts-bar{display:flex;gap:24px;padding:16px 24px;background:linear-gradient(135deg,#faf9fc,#f5f3ff);border-radius:10px;margin-bottom:24px;flex-wrap:wrap}.message-count-item{display:flex;align-items:center;gap:10px}.message-count-item svg{color:#8b5cf6}.count-label{font-size:12px;color:#6b7280;font-weight:400}.count-value{font-size:16px;font-weight:400;color:#374151}.message-count-item.total{margin-left:auto;padding-left:24px;border-left:1px solid rgba(139,92,246,.15)}.executive-summary-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6;margin-bottom:24px}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.summary-title{font-size:15px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0}.data-type-selector{padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:400;color:#374151;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.data-type-selector:hover{border-color:#8b5cf6;background:#faf9fc}.data-type-selector:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.summary-metrics{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.sentiment-score-container{display:flex;flex-direction:column;align-items:center}.circular-progress{width:160px;height:160px}.circular-progress svg{width:100%;height:100%}.score-text{font-size:10px;fill:#666;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.score-value{font-size:32px;fill:#1a1a1a;font-weight:700}.score-label{font-size:11px;fill:#86efac;font-weight:600;text-transform:uppercase;letter-spacing:1px}.key-metrics{display:flex;flex-direction:column;gap:16px}.metric-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:14px}.metric-value-container{display:flex;align-items:baseline;gap:10px}.metric-value{font-size:20px;font-weight:400;color:#374151}.metric-sublabel{font-size:12px;color:#6b7280;font-weight:400}.metric-change{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500;background:#fee;color:#ef4444}.metric-change.positive{background:#f0fdf4;color:#16a34a}.metric-bar-container{display:flex;align-items:center;gap:10px;flex:1}.metric-bar{flex:1;height:4px;background:#f9fafb;border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#86efac,#34d399);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.metric-percent{font-size:14px;font-weight:400;color:#374151;min-width:38px}.metric-action{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:600;background:#f0fdf4;color:#16a34a;border:1px solid #86EFAC;cursor:pointer;transition:all .2s ease}.metric-action:hover{background:#86efac;color:#fff}.metric-row.top-topics-row{grid-template-columns:130px 1fr;align-items:start}.top-topics-container{display:flex;flex-direction:column;gap:6px}.topic-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#faf9fc;border:1px solid #ede9fe;border-radius:6px;transition:all .15s ease}.topic-badge:hover{background:#f5f3ff;border-color:#8b5cf6}.topic-rank{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600}.topic-badge .topic-name{flex:1;font-size:12px;color:#374151;font-weight:400}.topic-pct{font-size:11px;font-weight:500;color:#8b5cf6}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:15px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 20px}.card-header .card-title{margin:0}.volume-toggles{display:flex;gap:12px}.volume-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .2s ease}.volume-toggle:hover{border-color:#8b5cf6;background:#f5f3ff}.volume-toggle.active{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6;font-weight:500}.toggle-dot{width:8px;height:8px;border-radius:50%;opacity:.4;transition:opacity .2s ease}.volume-toggle.active .toggle-dot{opacity:1}.volume-chart{display:flex;gap:12px;height:220px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#9ca3af;font-weight:400;padding:8px 0}.chart-area{flex:1;position:relative}.chart-area svg{width:100%;height:180px}.chart-x-axis{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;font-weight:400;margin-top:8px}.dashboard-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:400}.legend-dot{width:8px;height:8px;border-radius:50%}.emotions-donut{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.donut-chart{width:180px;height:180px}.chart-segment{transition:opacity .2s ease;cursor:pointer}.chart-segment:hover{opacity:1!important}.emotions-legend{display:flex;flex-direction:column;gap:10px}.emotions-legend .legend-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px}.legend-label{font-size:12px;color:#6b7280;font-weight:400}.legend-value{font-size:12px;font-weight:500;color:#374151}.topics-list{display:flex;flex-direction:column;gap:10px}.topic-item{display:flex;flex-direction:column;gap:5px}.topic-header{display:flex;justify-content:space-between;align-items:center}.topic-name{font-size:13px;color:#374151;font-weight:400}.topic-stats{display:flex;align-items:center;gap:5px}.topic-percentage{font-size:12px;font-weight:500;color:#374151}.topic-bar-bg{height:4px;background:#f9fafb;border-radius:2px;overflow:hidden}.topic-bar-fill{height:100%;background:linear-gradient(90deg,#c4b5fd,#8b5cf6);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.resolution-section{margin-bottom:24px}.resolution-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.resolution-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .15s cubic-bezier(.4,0,.2,1)}.resolution-item:hover{background:#f5f5f5;transform:translateY(-2px)}.resolution-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.resolution-item.resolved .resolution-icon{background:#f0fdf4;color:#16a34a}.resolution-item.responded .resolution-icon{background:#fef3c7;color:#f59e0b}.resolution-item.unresolved .resolution-icon{background:#fee2e2;color:#ef4444}.resolution-content{text-align:center;display:flex;flex-direction:column;gap:4px}.resolution-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.resolution-value{font-size:20px;font-weight:400;color:#374151}.resolution-percentage{font-size:12px;font-weight:500;padding:2px 10px;border-radius:6px}.resolution-item.resolved .resolution-percentage{background:#f0fdf4;color:#16a34a}.resolution-item.responded .resolution-percentage{background:#fef3c7;color:#f59e0b}.resolution-item.unresolved .resolution-percentage{background:#fee2e2;color:#ef4444}.resolution-item.clickable{cursor:pointer}.resolution-item.clickable:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.view-unresolved-link{text-align:right;font-size:13px;color:#8b5cf6;font-weight:400;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.view-unresolved-link:hover{color:#7c3aed}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-header h3{margin:0;font-size:16px;font-weight:400;color:#374151;letter-spacing:-.01em}.conversations-list{flex:1;overflow-y:auto;padding:16px}.conversation-item{padding:16px;border-radius:8px;background:#f9fafb;margin-bottom:10px;cursor:pointer;border:1px solid #f3f4f6;transition:all .15s cubic-bezier(.4,0,.2,1)}.conversation-item:hover{background:#faf9fc;border-color:#e5e7eb;transform:translate(4px)}.conv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.conv-subject{font-size:13px;font-weight:400;color:#374151;flex:1}.conv-date{font-size:11px;color:#9ca3af;font-weight:400}.conv-summary{font-size:12px;color:#6b7280;font-weight:400;margin-bottom:8px;line-height:1.4}.conv-contact{font-size:11px;color:#8b5cf6;font-weight:400}.conversation-detail{display:flex;flex-direction:column;height:100%}.back-btn{display:flex;align-items:center;gap:6px;padding:14px 24px;background:none;border:none;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#f9fafb;color:#374151}.messages-container{flex:1;overflow-y:auto;padding:20px}.message{margin-bottom:20px}.message-sender{font-size:11px;font-weight:500;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.message.bot .message-sender{color:#8b5cf6}.message-text{font-size:13px;color:#374151;line-height:1.5;padding:12px 14px;background:#f9fafb;border-radius:8px;margin-bottom:4px;border:1px solid #f3f4f6}.message.bot .message-text{background:#faf9fc;border-color:#ede9fe}.comparison-flyout{position:fixed;top:80px;right:24px;width:380px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comparison-header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #e5e5e5}.comparison-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.comparison-toggles{display:flex;gap:8px;padding:16px;background:#f9f9f9}.comp-toggle{flex:1;padding:8px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.comp-toggle:hover{border-color:#8b5cf6;color:#8b5cf6}.comp-toggle.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.comparison-metrics{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid #e5e5e5}.comp-metric{display:flex;justify-content:space-between;align-items:center}.comp-label{font-size:13px;color:#666}.comp-value{font-size:18px;font-weight:600;color:#1a1a1a}.comparison-chart{padding:16px;border-bottom:1px solid #e5e5e5}.comparison-chart:last-child{border-bottom:none}.comparison-chart h4{font-size:13px;font-weight:600;color:#666;margin:0 0 12px}.mini-chart{height:80px}.mini-chart svg{width:100%;height:100%}.modal-icon{margin-bottom:16px}.modal-content h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}@media (max-width: 1024px){.dashboard-grid-two{grid-template-columns:1fr}.summary-metrics{grid-template-columns:1fr;gap:20px}.emotions-donut{grid-template-columns:1fr;justify-items:center}.resolution-stats{grid-template-columns:1fr}}@media (max-width: 768px){.external-conversations{padding:100px 16px 16px}.dashboard-header{flex-direction:column}.source-toggles{width:100%;justify-content:center}.message-counts-bar{flex-direction:column;gap:10px}.message-count-item.total{margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(139,92,246,.2);padding-top:10px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}}.compare-to-mongoose{padding:100px 32px 32px;max-width:1400px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.compare-header{margin-bottom:32px}.page-title{font-size:24px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 12px}.back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.back-button:hover{border-color:#8b5cf6;background:#faf9fc;color:#8b5cf6}.page-subtitle{font-size:13px;color:#6b7280;margin:0}.metrics-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric-column{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.column-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.metric-column.slate-email .column-header{background:linear-gradient(135deg,#faf9fc,#f5f3ff)}.metric-column.slate-text .column-header{background:linear-gradient(135deg,#f8fafc,#eff6ff)}.metric-column.mongoose .column-header{background:linear-gradient(135deg,#f7fef9,#ecfdf5)}.column-header h3{margin:0;font-size:14px;font-weight:400;color:#374151;letter-spacing:-.01em}.column-header.winner{position:relative;display:flex;justify-content:space-between;align-items:center}.winner-badge{padding:3px 8px;background:#16a34a;color:#fff;font-size:10px;font-weight:500;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f9fafb}.metric-item:last-child{border-bottom:none}.metric-label{font-size:12px;color:#6b7280;font-weight:400}.metric-value{font-size:16px;font-weight:400;color:#374151}.metric-value.best{color:#16a34a}.metrics-by-type{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric-type-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.metric-type-title{font-size:15px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 20px}.metric-type-items{display:flex;flex-direction:column;gap:16px}.metric-type-item{display:flex;flex-direction:column;gap:8px}.metric-type-item.leader .metric-type-label{font-weight:500}.metric-type-header{display:flex;justify-content:space-between;align-items:center}.metric-type-label{font-size:12px;color:#6b7280;font-weight:400}.metric-type-value{font-size:14px;font-weight:400;color:#374151}.metric-type-bar-container{height:6px;background:#f9fafb;border-radius:3px;overflow:hidden}.metric-type-bar{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.metric-type-bar.slate-email{background:linear-gradient(90deg,#c4b5fd,#8b5cf6)}.metric-type-bar.slate-text{background:linear-gradient(90deg,#93c5fd,#60a5fa)}.metric-type-bar.mongoose{background:linear-gradient(90deg,#86efac,#34d399)}.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6;margin-bottom:24px}.card-title{font-size:15px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 24px}.volume-chart-large{position:relative}.volume-chart-large .chart-y-axis{position:absolute;left:-40px;top:0;bottom:40px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#9ca3af;font-weight:400}.volume-chart-large .chart-area{margin-left:20px}.volume-chart-large .chart-area svg{width:100%;height:300px}.volume-chart-large .chart-x-axis{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:12px;padding-left:20px;font-weight:400}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:24px}.chart-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;font-weight:400}.legend-line{width:24px;height:2px;border-radius:1px}.kpi-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.kpi-card h4{font-size:15px;font-weight:400;color:#374151;letter-spacing:-.01em;margin:0 0 20px}.kpi-bars{display:flex;flex-direction:column;gap:16px}.kpi-bar-item{display:flex;align-items:center;gap:14px}.kpi-label{min-width:100px;font-size:12px;color:#6b7280;font-weight:400}.kpi-bar-container{flex:1;height:28px;background:#f9fafb;border-radius:6px;overflow:hidden;position:relative}.kpi-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.kpi-bar.slate-email{background:linear-gradient(90deg,#c4b5fd,#8b5cf6)}.kpi-bar.slate-text{background:linear-gradient(90deg,#93c5fd,#60a5fa)}.kpi-bar.mongoose{background:linear-gradient(90deg,#86efac,#34d399)}.kpi-value{font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.topics-table{overflow-x:auto}.topics-table table{width:100%;border-collapse:collapse}.topics-table thead{background:#f9fafb}.topics-table th{padding:14px 20px;text-align:left;font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.topics-table th:first-child{width:200px}.topics-table td{padding:16px 20px;border-bottom:1px solid #f9fafb}.topics-table tr:last-child td{border-bottom:none}.topic-name{font-size:13px;font-weight:400;color:#374151}.table-bar-cell{display:flex;align-items:center;gap:10px}.table-bar{height:4px;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.table-bar.slate-email{background:#8b5cf6}.table-bar.slate-text{background:#60a5fa}.table-bar.mongoose{background:#34d399}.table-bar-cell span{font-size:12px;font-weight:400;color:#374151;min-width:35px}@media (max-width: 1024px){.metrics-comparison,.metrics-by-type,.kpi-comparison{grid-template-columns:1fr}.volume-chart-large .chart-y-axis{position:static;flex-direction:row;justify-content:space-between;margin-bottom:8px}.volume-chart-large .chart-area{margin-left:0}}@media (max-width: 768px){.compare-to-mongoose{padding:100px 16px 16px}.compare-header{flex-direction:column}.kpi-label{min-width:80px;font-size:12px}.topics-table th:first-child{width:auto}}.browse-conversations{padding:100px 32px 32px;max-width:1600px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.browse-header{margin-bottom:32px}.browse-header .page-title{margin:0 0 12px}.browse-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.browse-header .back-button:hover{border-color:#8b5cf6;background:#faf9fc;color:#8b5cf6}.filters-section{display:flex;gap:12px;padding:24px;background:#fff;border-radius:10px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.filter-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.filter-select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.filter-select:hover{border-color:#d1d5db}.filter-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);height:42px;margin-top:auto}.search-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.browse-content{position:relative}.conversations-grid{background:#fff;border-radius:10px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d;min-height:500px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:#9ca3af}.empty-state svg{margin-bottom:16px}.empty-state p{font-size:14px;margin:0}.conversations-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:200px 1fr 140px 140px 240px;gap:16px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:10px 10px 0 0}.table-header .table-cell{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;grid-template-columns:200px 1fr 140px 140px 240px;gap:16px;padding:16px 20px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.table-row:hover{background:#faf9fc}.table-row:last-child{border-bottom:none}.table-cell{font-size:13px;color:#374151;font-weight:400;display:flex;align-items:center}.subject-cell{display:flex;flex-direction:column;gap:4px}.subject-title{font-weight:400;color:#374151}.subject-summary{font-size:12px;color:#6b7280}.source-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;width:fit-content}.source-badge.email{background:#f5f3ff;color:#8b5cf6}.source-badge.text{background:#eff6ff;color:#60a5fa}.detail-tags{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.detail-tags-flyout{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.detail-tag{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;width:fit-content}.detail-tag.resolution-resolved,.detail-tag.resolution-responded,.detail-tag.resolution-unresolved{background:#d1fae5;color:#065f46}.detail-tag.sentiment-positive,.detail-tag.sentiment-neutral,.detail-tag.sentiment-negative{background:#dbeafe;color:#1e40af}.detail-tag.emotion-confusion,.detail-tag.emotion-interest,.detail-tag.emotion-frustration,.detail-tag.emotion-neutral,.detail-tag.emotion-anticipation,.detail-tag.emotion-excitement,.detail-tag.emotion-concern,.detail-tag.emotion-stress{background:#ede9fe;color:#6b21a8}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.sidebar-panel{width:500px;background:#fff;height:100%;display:flex;flex-direction:column;animation:slideIn .3s ease}.sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-header h3{margin:0 0 4px;font-size:16px;font-weight:400;color:#374151;letter-spacing:-.01em}.sidebar-subtitle{font-size:13px;color:#6b7280;margin:0}.close-btn{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:color .15s cubic-bezier(.4,0,.2,1)}.close-btn:hover{color:#374151}.sidebar-content{flex:1;overflow-y:auto;padding:20px}.conversation-meta{display:flex;gap:24px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.meta-value{font-size:13px;color:#374151;font-weight:400}.messages-container{display:flex;flex-direction:column;gap:16px}.message-wrapper{display:flex;width:100%}.message-wrapper.student{justify-content:flex-end}.message-wrapper.staff{justify-content:flex-start}.message-bubble{display:flex;flex-direction:column;gap:6px;max-width:85%}.message-sender{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.message-wrapper.student .message-sender{color:#6b7280;text-align:right}.message-wrapper.staff .message-sender{color:#8b5cf6;text-align:left}.message-text{font-size:13px;color:#374151;line-height:1.5;padding:12px 14px;border-radius:12px}.message-wrapper.student .message-text{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px 12px 2px}.message-wrapper.staff .message-text{background:#faf9fc;border:1px solid #ede9fe;border-radius:12px 12px 12px 2px}.message-time{font-size:10px;color:#9ca3af;font-weight:400}.message-wrapper.student .message-time{text-align:right}.message-wrapper.staff .message-time{text-align:left}.expand-btn{background:none;border:none;color:#8b5cf6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 0;text-align:left;transition:color .15s cubic-bezier(.4,0,.2,1)}.expand-btn:hover{color:#7c3aed}.reply-section{padding:20px;border-top:1px solid #e5e7eb;background:#fff}.reply-input{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#374151;resize:vertical;margin-bottom:12px;transition:all .15s cubic-bezier(.4,0,.2,1)}.reply-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.transfer-btn{width:100%;padding:12px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.transfer-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.share-btn{width:100%;padding:12px;background:#fff;color:#8b5cf6;border:1px solid #8B5CF6;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.share-btn:hover{background:#faf9fc;border-color:#7c3aed;color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;padding:32px;text-align:center;max-width:400px;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{margin-bottom:16px;display:flex;justify-content:center}.modal-content h3{margin:0 0 8px;font-size:18px;font-weight:400;color:#374151;letter-spacing:-.01em}.modal-content p{margin:0;font-size:14px;color:#6b7280}@media (max-width: 1200px){.sidebar-panel{width:400px}}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:150px 1fr 120px 120px 200px}}@media (max-width: 768px){.browse-conversations{padding:100px 16px 16px}.filters-section{flex-direction:column}.filter-group{min-width:100%}.search-btn{width:100%}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row{padding:16px;display:flex;flex-direction:column}.sidebar-panel{width:100%}}.agents-page{min-height:100vh;background-color:#f9fafb;padding-top:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.agents-container{display:grid;grid-template-columns:40% 60%;height:calc(100vh - 60px);gap:0}.agents-left-panel{background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:32px 28px}.agents-header{margin-bottom:28px}.agents-header h1{font-size:24px;font-weight:500;color:#111827;margin:0 0 6px;letter-spacing:-.01em}.agents-subtitle{font-size:14px;color:#6b7280;margin:0}.agents-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #f3f4f6}.agents-section:last-child{border-bottom:none}.agents-section-tight{margin-bottom:12px;padding-bottom:12px}.agents-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em}.agents-collapse-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;transition:all .2s ease}.agents-collapse-header:hover{opacity:.7}.agents-collapse-header .agents-section-title{margin:0}.agents-chevron{font-size:12px;color:#6b7280;transition:transform .2s ease}.agents-chevron.expanded{transform:rotate(180deg)}.agents-collapse-content{margin-top:16px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.agents-form-group{margin-bottom:16px}.agents-form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.agents-form-group input[type=text],.agents-form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:all .2s ease}.agents-form-group input[type=text]:focus,.agents-form-group select:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.agents-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agents-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.agents-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#8b7cf6;cursor:pointer;transition:all .2s ease}.agents-slider::-webkit-slider-thumb:hover{background:#7c3aed;transform:scale(1.1)}.agents-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#8b7cf6;cursor:pointer;border:none;transition:all .2s ease}.agents-slider::-moz-range-thumb:hover{background:#7c3aed;transform:scale(1.1)}.agents-prompt-editor,.agents-code-editor{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-family:SF Mono,Monaco,Menlo,monospace;color:#111827;background-color:#f9fafb;resize:vertical;transition:all .2s ease}.agents-prompt-editor:focus,.agents-code-editor:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.agents-form-actions{display:flex;gap:8px;margin-top:12px}.agents-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.agents-btn-primary{background-color:#8b7cf6;color:#fff}.agents-btn-primary:hover{background-color:#7c3aed}.agents-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.agents-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.agents-checkbox-group{display:flex;flex-direction:column;gap:10px}.agents-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.agents-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b7cf6}.agents-right-panel{background-color:#f9fafb;overflow:hidden;padding:15px 28px;display:flex;flex-direction:column;height:100%;position:relative}.agents-phone-container{display:flex;justify-content:center;flex:1;align-items:center}.agents-phone{height:calc(100vh - 90px);max-height:800px;aspect-ratio:9 / 19.5;background-color:#1f2937;border-radius:36px;padding:12px;box-shadow:0 20px 50px #0000004d;position:relative}.agents-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background-color:#1f2937;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.agents-phone-screen{width:100%;height:100%;background-color:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.agents-phone-statusbar{display:flex;justify-content:space-between;padding:8px 16px;font-size:11px;color:#111827;background-color:#f9fafb}.agents-phone-header{padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.agents-phone-title{font-size:16px;font-weight:600;color:#111827}.agents-phone-subtitle{font-size:13px;color:#6b7280}.agents-phone-messages{flex:1;padding:16px;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column}.agents-phone-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.agents-phone-empty-icon{font-size:48px;opacity:.3}.agents-phone-empty-text{font-size:13px;color:#9ca3af;text-align:center;line-height:1.5;max-width:200px}.agents-message{margin-bottom:16px;display:flex;flex-direction:column}.agents-message-received{align-items:flex-start}.agents-message-sent{align-items:flex-end}.agents-message-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4}.agents-message-received .agents-message-bubble{background-color:#e5e7eb;color:#111827;border-bottom-left-radius:4px}.agents-message-sent .agents-message-bubble{background-color:#8b7cf6;color:#fff;border-bottom-right-radius:4px}.agents-message-time{font-size:11px;color:#9ca3af;margin-top:4px;padding:0 8px}.agents-phone-input{display:flex;padding:12px 16px;border-top:1px solid #e5e7eb;background-color:#f9fafb;gap:8px}.agents-phone-input textarea{flex:1;min-height:36px;padding:8px 12px;border:1px solid #d1d5db;border-radius:18px;font-size:14px;outline:none;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:20px;max-height:100px;overflow-y:auto;background-color:#fff;transition:height .1s ease}.agents-phone-input textarea::-webkit-scrollbar{display:none}.agents-phone-input textarea{-ms-overflow-style:none;scrollbar-width:none}.agents-phone-input textarea:focus{border-color:#8b7cf6}.agents-send-btn{width:32px;height:32px;border-radius:50%;background-color:#8b7cf6;color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.agents-send-btn:hover{background-color:#7c3aed;transform:scale(1.05)}.agents-controls{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.agents-controls-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.agents-response-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;resize:vertical;font-family:inherit}.agents-response-input:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.agents-quick-responses{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.agents-quick-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.agents-quick-btn:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.agents-scenario-btns{display:flex;gap:8px;margin-top:8px}.agents-btn-scenario{flex:1;padding:8px;border:1px solid #d1d5db;background-color:#fff;color:#374151}.agents-btn-scenario:hover{background-color:#f9fafb;border-color:#8b7cf6}.agents-debug-toggle{position:absolute;bottom:20px;right:20px;padding:10px 16px;background-color:#8b7cf6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #8b7cf64d;transition:all .2s ease;z-index:10}.agents-debug-toggle:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 16px #8b7cf666}.agents-debug-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .2s ease}.agents-debug-flyout{position:fixed;top:0;right:0;width:500px;height:100vh;background-color:#fff;box-shadow:-4px 0 24px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.agents-debug-flyout-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.agents-debug-flyout-header h4{font-size:16px;font-weight:600;color:#111827;margin:0}.agents-debug-flyout-header button{width:32px;height:32px;border-radius:6px;background-color:transparent;border:none;color:#6b7280;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.agents-debug-flyout-header button:hover{background-color:#f3f4f6;color:#111827}.agents-debug-flyout-content{flex:1;padding:24px;overflow-y:auto;background-color:#1f2937}.debug-output{margin:0;font-size:12px;line-height:1.8;color:#10b981;font-family:SF Mono,Monaco,Menlo,monospace;white-space:pre-wrap;word-wrap:break-word}.debug-timestamp{color:#6b7280;font-weight:500}.debug-label{color:#60a5fa;font-weight:600}.debug-intent{color:#34d399;font-weight:600}.debug-intent-value{color:#6ee7b7;font-weight:500}.debug-concerns{color:#fbbf24;font-weight:600}.debug-decision{color:#a78bfa;font-weight:600}.debug-reasoning{color:#f472b6;font-weight:600}@media (max-width: 1200px){.agents-container{grid-template-columns:45% 55%}}@media (max-width: 968px){.agents-container{grid-template-columns:1fr;height:auto}.agents-left-panel{border-right:none;border-bottom:1px solid #e5e7eb}.agents-phone{width:280px;height:560px}.agents-debug-flyout{width:100%}}.agents-typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 0}.agents-typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#6b7280;animation:typingBounce 1.4s infinite ease-in-out}.agents-typing-indicator span:nth-child(1){animation-delay:0s}.agents-typing-indicator span:nth-child(2){animation-delay:.2s}.agents-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.agent-config-page{display:flex;flex-direction:column;height:100vh;background-color:#f9fafb;overflow:hidden}.agent-config-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.agent-config-header-left{display:flex;align-items:center;gap:16px}.agent-config-header-left h1{margin:0;font-size:24px;font-weight:600;color:#111827}.agent-config-back-button{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.agent-config-back-button:hover{background-color:#f9fafb;border-color:#8b7cf6;color:#8b7cf6}.unsaved-indicator{font-size:12px;color:#f59e0b;font-weight:500;padding:4px 8px;background-color:#fef3c7;border-radius:4px}.agent-config-header-right{display:flex;gap:12px}.agent-config-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.agent-config-button:disabled{opacity:.5;cursor:not-allowed}.agent-config-button-primary{background-color:#8b7cf6;color:#fff}.agent-config-button-primary:hover:not(:disabled){background-color:#7c6ddf}.agent-config-button-secondary{background-color:#fff;color:#6b7280;border:1px solid #e5e7eb}.agent-config-button-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.agent-config-message{padding:16px 32px;font-size:14px;font-weight:500}.agent-config-message.success{background-color:#d1fae5;color:#065f46;border-bottom:1px solid #6ee7b7}.agent-config-message.error{background-color:#fee2e2;color:#991b1b;border-bottom:1px solid #fca5a5}.agent-config-content{flex:1;overflow-y:auto;padding:32px;max-width:1400px;margin:0 auto;width:100%}.agent-config-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:32px;margin-bottom:24px}.agent-config-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.agent-config-section-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.agent-config-section-description{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.agent-config-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.agent-config-help-text{margin:0 0 8px;font-size:12px;color:#6b7280;line-height:1.5}.agent-config-form-group{margin-bottom:24px}.agent-config-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.agent-config-select,.agent-config-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background-color:#fff}.agent-config-select:focus,.agent-config-input:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.agent-config-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background-color:#fff;resize:vertical;line-height:1.6}.agent-config-textarea:focus{outline:none;border-color:#8b7cf6;box-shadow:0 0 0 3px #8b7cf61a}.agent-config-textarea.agent-config-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.agent-config-outreach-panels{display:grid;grid-template-columns:300px 1fr;gap:24px;min-height:400px}.agent-config-outreach-list{border:1px solid #e5e7eb;border-radius:6px;overflow-y:auto;max-height:600px}.agent-config-outreach-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.agent-config-outreach-item:last-child{border-bottom:none}.agent-config-outreach-item:hover{background-color:#f9fafb}.agent-config-outreach-item.active{background-color:#ede9fe;border-left:3px solid #8b7cf6}.agent-config-outreach-item-content{flex:1}.agent-config-outreach-item-label{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.agent-config-outreach-item-value{font-size:12px;color:#6b7280;font-family:Monaco,Menlo,monospace}.agent-config-outreach-delete{background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.agent-config-outreach-delete:hover{color:#ef4444}.agent-config-outreach-edit{border:1px solid #e5e7eb;border-radius:6px;padding:24px;background-color:#f9fafb}.agent-config-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.agent-config-field-move{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:4px 6px;line-height:1;transition:color .2s ease;font-weight:700}.agent-config-field-move:hover:not(:disabled){color:#8b7cf6}.agent-config-field-move:disabled{opacity:.3;cursor:not-allowed}.compose-button{background:linear-gradient(90deg,#8b7cf6,#a78bfa);color:#fff;padding:10px 20px;border-radius:0;font-weight:300;font-size:13px;display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 1px 3px #00000014;transition:all .2s ease;letter-spacing:.08em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.compose-button svg{width:14px;height:14px;stroke-width:1.5}.compose-button svg:last-child{width:10px;height:10px;margin-left:auto;stroke-width:1.5}.compose-button:hover{background:linear-gradient(90deg,#7c6ae5,#9f7ff5);box-shadow:0 2px 4px #0000001f}.header-glass{position:fixed;top:0;left:var(--sidebar-width);right:0;height:80px;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000a;z-index:9;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.ai-help-button{width:40px;height:40px;border-radius:20px;background:#fff;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s ease;cursor:pointer}.ai-help-button:hover{background:var(--primary-subtle);border-color:var(--primary-light);transform:scale(1.05)}.ai-help-button svg{width:20px;height:20px}