*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--background, #ffffff);overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--primary-purple);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-purple-dark);text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;transition:all .15s ease}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary-purple)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-normal{font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-in-up{animation:slideInUp .3s ease}@media (prefers-color-scheme: dark){:root{--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #718096;--text-white: #ffffff;--bg-main: #1a202c;--bg-white: #2d3748;--bg-agent-message: #2a4365;--bg-customer-message: #2d3748;--bg-suggestion-odd: #2a4365;--bg-suggestion-even: #2d3748;--border-light: #4a5568;--border-medium: #718096;--primary-purple-light: #2a4365}}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}:root{--primary-purple: #667eea;--primary-purple-dark: #5568d3;--primary-purple-light: #e2eaff;--bg-main: #f7fafc;--bg-white: #ffffff;--bg-agent-message: #e2eaff;--bg-customer-message: #f8f8f8;--bg-suggestion-odd: #e2eaff;--bg-suggestion-even: #f8f8f8;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #a0aec0;--text-white: #ffffff;--border-light: #e0e6ed;--border-medium: #cbd5e0;--status-success: #48bb78;--status-warning: #f6ad55;--status-error: #f56565;--font-primary: "Roboto", sans-serif;--font-secondary: "Open Sans", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .08);--shadow-hover: 0 3px 6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.omni-assist-container{display:flex;flex-direction:column;height:100vh;font-family:var(--font-primary);background:var(--bg-main);color:var(--text-primary)}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:var(--text-white);box-shadow:var(--shadow-md)}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{width:40px;height:40px;background:#fff3;border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-text{display:flex;flex-direction:column}.brand-name{font-size:18px;font-weight:600;letter-spacing:.3px}.tagline{font-size:11px;opacity:.9;font-family:var(--font-secondary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.agent-info{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff26;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:var(--spacing-sm)}.agent-avatar{width:32px;height:32px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center}.agent-avatar .material-icons{font-size:18px;color:var(--text-white)}.agent-details{display:flex;flex-direction:column}.agent-name{font-size:13px;font-weight:600}.agent-status{font-size:11px;display:flex;align-items:center;gap:var(--spacing-xs);opacity:.9}.status-dot{width:6px;height:6px;background:var(--status-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.icon-btn{width:36px;height:36px;background:#ffffff26;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{background:#ffffff40;transform:translateY(-1px)}.icon-btn .material-icons{font-size:18px;color:var(--text-white)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-lg);gap:var(--spacing-lg)}.summary-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.summary-title{display:flex;align-items:center;gap:var(--spacing-sm)}.summary-title h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.auto-update-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#d4edda;color:#155724;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.pulse-dot{width:6px;height:6px;background:var(--status-success);border-radius:50%;animation:pulse 2s infinite}.summary-actions{display:flex;gap:var(--spacing-sm)}.summary-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-normal);font-family:var(--font-primary);color:var(--text-primary)}.summary-btn:hover{background:var(--primary-purple-light);border-color:var(--primary-purple);color:var(--primary-purple)}.summary-btn .material-icons{font-size:14px}.summary-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.summary-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.summary-field textarea{width:100%;min-height:60px;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-secondary);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-normal)}.summary-field textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #667eea1a}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);flex:1;overflow:hidden}.panel{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.panel-title{display:flex;align-items:center;gap:var(--spacing-sm)}.panel-title h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.panel-title .material-icons{font-size:20px;color:var(--primary-purple)}.panel-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.messages-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-row{display:flex;gap:var(--spacing-sm);animation:fadeIn .3s}.message-row.agent{flex-direction:row;justify-content:flex-start}.message-row.customer{flex-direction:row-reverse;justify-content:flex-start}.message-avatar{flex-shrink:0}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.avatar.agent{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%)}.avatar.customer{background:linear-gradient(135deg,#f6ad55,#ed8936)}.message-content{flex:1;max-width:85%}.message-text{padding:var(--spacing-md);border-radius:4px;font-size:13px;line-height:1.5;font-family:var(--font-secondary);word-wrap:break-word}.message-row.agent .message-text{background:var(--bg-agent-message);color:var(--text-primary);border-bottom-left-radius:2px}.message-row.customer .message-text{background:var(--bg-customer-message);color:var(--text-primary);border-bottom-right-radius:2px}.message-time{font-size:11px;color:var(--text-muted);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-secondary)}.message-row.customer .message-time{justify-content:flex-end}.stability-badge{background:#d4edda;color:#155724;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.search-container{padding:0 var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.search-box{display:flex;align-items:center;background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.search-box:focus-within{border-color:var(--primary-purple);box-shadow:0 0 0 3px #667eea1a}.search-box .material-icons{font-size:20px;color:var(--text-muted);margin-right:var(--spacing-sm)}.search-box input{flex:1;border:none;background:transparent;font-size:13px;font-family:var(--font-secondary);color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-muted)}.suggestions-area{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.suggestion-card:nth-child(odd){background:var(--bg-suggestion-odd)}.suggestion-card:nth-child(2n){background:var(--bg-suggestion-even)}.suggestion-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.ai-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:var(--text-white);padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600}.ai-badge .material-icons{font-size:14px}.suggestion-actions{display:flex;gap:var(--spacing-xs)}.icon-button{width:28px;height:28px;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.icon-button:hover{background:var(--bg-white);border-color:var(--primary-purple);color:var(--primary-purple)}.icon-button .material-icons{font-size:16px}.suggestion-body{font-size:13px;line-height:1.6;color:var(--text-primary);font-family:var(--font-secondary)}.answer-section{margin-bottom:var(--spacing-md)}.answer-content{overflow:hidden;transition:max-height var(--transition-slow)}.answer-content.collapsed{max-height:150px;position:relative}.answer-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;pointer-events:none}.suggestion-card:nth-child(odd) .answer-content.collapsed:after{background:linear-gradient(to bottom,transparent,var(--bg-suggestion-odd))}.suggestion-card:nth-child(2n) .answer-content.collapsed:after{background:linear-gradient(to bottom,transparent,var(--bg-suggestion-even))}.expand-button{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--primary-purple);font-size:12px;font-weight:600;cursor:pointer;margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0;transition:all var(--transition-normal);font-family:var(--font-primary)}.expand-button:hover{color:var(--primary-purple-dark)}.expand-button .material-icons{font-size:16px}.sources-section{border-top:1px solid var(--border-light);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.sources-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.source-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:12px;margin-bottom:var(--spacing-sm);transition:all var(--transition-normal);cursor:pointer}.source-item:hover{background:var(--primary-purple-light);border-color:var(--primary-purple)}.source-item .material-icons{font-size:16px;color:var(--primary-purple)}.source-text{flex:1;color:var(--text-primary);font-family:var(--font-secondary)}.use-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-purple);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary)}.use-button:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.smart-replies-area{padding-top:var(--spacing-md);border-top:1px solid var(--border-light);flex-shrink:0}.replies-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.replies-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reply-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left;cursor:pointer;font-size:13px;color:var(--text-primary);font-family:var(--font-secondary);transition:all var(--transition-normal)}.reply-button:hover{background:var(--primary-purple-light);border-color:var(--primary-purple)}.empty-content,.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);height:100%}.empty-content .material-icons,.loading-content .material-icons{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-content p,.loading-content p{font-size:14px;margin:0}.spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.panel-body::-webkit-scrollbar,.suggestions-area::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track,.suggestions-area::-webkit-scrollbar-track{background:var(--bg-main)}.panel-body::-webkit-scrollbar-thumb,.suggestions-area::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover,.suggestions-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1400px){.content-grid{grid-template-columns:1fr 1.2fr}}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.summary-fields{grid-template-columns:1fr}.header{padding:var(--spacing-md)}.brand-name{font-size:16px}.tagline{font-size:10px}}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}.agent-info{display:none}.summary-section,.panel-body{padding:var(--spacing-md)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);padding:40px 20px}.empty-state .material-icons{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px}.typing-indicator{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--border-light);border-radius:4px}.typing-indicator .dot{width:4px;height:4px;background:var(--text-muted);border-radius:50%;animation:typingDot 1.4s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:var(--text-primary)}.section-title .material-icons{color:var(--primary-purple);font-size:22px}.icon-btn-small{width:32px;height:32px;border:none;background:transparent;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-small:hover{background:var(--bg-main)}.icon-btn-small .material-icons{font-size:20px}.icon-btn-tiny{width:28px;height:28px;border:none;background:#fffc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-tiny:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.icon-btn-tiny .material-icons{font-size:18px;color:var(--text-muted)}.connection-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:500}.connection-status .dot{width:8px;height:8px;border-radius:50%}.connection-status.connected .dot{background:var(--status-success)}.connection-status.connecting .dot{background:var(--status-warning);animation:pulse 1s infinite}.connection-status.disconnected .dot,.connection-status.error .dot{background:var(--status-error)}.tab-nav{display:flex;border-bottom:1px solid var(--border-light);padding:0 var(--spacing-lg)}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-primary)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.coaching-banner{padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);animation:slideIn .3s ease}.coaching-banner.info{background:#ebf5fb;border:1px solid #bee3f8;color:#2c5282}.coaching-banner.warning{background:#fffbeb;border:1px solid #fbd38d;color:#744210}.coaching-banner.critical{background:#fff5f5;border:1px solid #feb2b2;color:#742a2a}.coaching-banner .material-icons{font-size:20px;flex-shrink:0}.coaching-banner .dismiss-btn{margin-left:auto;background:transparent;border:none;cursor:pointer;opacity:.6;padding:0}.coaching-banner .dismiss-btn:hover{opacity:1}