@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}.floating-chatbot{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.floating-button{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #667eea80;transition:all .3s ease;position:relative;z-index:10001}.floating-button:hover{transform:scale(1.1);box-shadow:0 12px 35px #667eea99}.floating-button.open{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 8px 25px #f5576c80}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 6px;background:#f44;color:#fff;font-size:.75rem;font-weight:700;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff444480;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-widget{position:absolute;bottom:80px;right:0;width:380px;height:520px;background:#0a0a1a;border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.chat-widget.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.widget-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}.widget-icon{font-size:1.3rem}.header-actions{display:flex;gap:6px}.header-btn{background:#ffffff26;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.header-btn:hover{background:#ffffff40;transform:scale(1.05)}.header-btn.active{background:#ffffff4d}.search-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-icon{color:#ffffff80;flex-shrink:0}.search-input{flex:1;border:none;background:#ffffff1a;color:#fff;padding:8px 12px;border-radius:16px;font-size:.85rem;outline:none;transition:background .2s}.search-input::placeholder{color:#fff6}.search-input:focus{background:#ffffff26}.clear-search{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-search:hover{color:#fff}.widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#ffffff05}.widget-messages::-webkit-scrollbar{width:4px}.widget-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#ffffff80;text-align:center}.widget-empty .empty-icon{font-size:2.5rem;margin-bottom:10px;opacity:.5}.widget-empty p{font-size:.95rem}.widget-message{max-width:85%;animation:slideUp .2s ease}.widget-message.user{align-self:flex-end}.widget-message.ai{align-self:flex-start}.message-bubble{padding:10px 14px;border-radius:16px;font-size:.9rem;line-height:1.5;word-wrap:break-word}.widget-message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.widget-message.ai .message-bubble{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}.typing-dots{display:flex;gap:4px;padding:12px 16px;background:#ffffff14;border-radius:16px 16px 16px 4px}.typing-dots span{width:6px;height:6px;background:#ffffff80;border-radius:50%;animation:typingBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.widget-products{display:flex;flex-direction:column;gap:8px}.widget-product{display:flex;gap:10px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:#fff;transition:all .2s}.widget-product:hover{background:#ffffff1a;transform:translate(4px)}.widget-product img{width:50px;height:50px;object-fit:contain;border-radius:8px;background:#fff}.product-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.product-details .product-name{font-size:.8rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.product-details .product-price{font-size:.85rem;font-weight:600;color:#4facfe}.product-details .product-availability{font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:4px;width:fit-content}.product-details .product-availability.in-stock{background:#2ed57333;color:#2ed573}.product-details .product-availability.out-of-stock{background:#f443;color:#f44}.product-link{display:flex;gap:10px;text-decoration:none;color:#fff;flex:1;min-width:0}.buy-now-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s;align-self:center}.buy-now-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.widget-input{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.input-row{display:flex;gap:8px;align-items:center}.widget-input input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff0d;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.widget-input input::placeholder{color:#fff6}.widget-input input:focus{border-color:#667eea80}.input-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#fff3;color:#fff}.action-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.send-btn{width:36px;height:36px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled){transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.widget-mic{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff0d;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.widget-mic:hover:not(:disabled){background:#ffffff26;color:#fff}.widget-mic.listening{background:linear-gradient(135deg,#f5576c,#f093fb);border:none;color:#fff;animation:pulse 1.5s infinite}.widget-mic.transcribing{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none}.widget-mic .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.media-container{margin:6px 0}.message-image{max-width:100%;max-height:150px;border-radius:8px;cursor:pointer}.message-video{max-width:100%;max-height:150px;border-radius:8px}.message-link{color:#4facfe;text-decoration:none;word-break:break-all}.message-link:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #f5576c80}50%{box-shadow:0 0 0 8px #f5576c00}}@media(max-width:480px){.floating-chatbot{bottom:16px;right:16px}.chat-widget{width:calc(100vw - 32px);height:calc(100vh - 120px);right:-8px;bottom:70px}.floating-button{width:54px;height:54px}}.session-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#0003}.session-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.session-list::-webkit-scrollbar{width:4px}.session-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.session-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .2s}.session-item:hover{background:#ffffff1a;transform:translate(4px)}.session-item.active{background:#667eea33;border-color:#667eea66}.session-icon{font-size:1.2rem;opacity:.8}.session-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.session-title{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-preview{color:#ffffff80;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.session-item:hover .session-actions,.session-item:focus-within .session-actions{opacity:1}.session-action-btn{width:28px;height:28px;border:none;background:transparent;color:#ffffff80;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.session-action-btn:hover{background:#ffffff1a;color:#fff}.session-action-btn.delete:hover{background:#f443;color:#f44}.new-session-button{margin:12px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.new-session-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.header-btn.bookmarked{color:#fbbf24}.login-form{background:#ffffff1a;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:8px;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease}.login-header{font-weight:600;color:#fff;margin-bottom:4px}.login-form input{width:100%;padding:10px 12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:all .2s}.login-form input:focus{border-color:#667eea;background:#0000004d}.login-form input.error{border-color:#f44}.verify-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:4px}.verify-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.verify-btn:disabled{opacity:.7;cursor:default}.error-msg{color:#f44;font-size:.8rem;margin:0}.login-success{background:#2ed57326;border:1px solid rgba(46,213,115,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:slideUp .3s ease}.success-icon{width:32px;height:32px;background:#2ed573;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.login-success p{color:#2ed573;font-weight:500;margin:0}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.session-filter-bar{display:flex;gap:8px;padding:12px 12px 0}.session-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:10px}.session-search input{flex:1;background:transparent;border:none;color:#fff;font-size:.85rem;outline:none;min-width:0}.session-search input::placeholder{color:#ffffff4d}.session-search svg{color:#ffffff4d}.session-search button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.session-filter-btn{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.session-filter-btn:hover{background:#ffffff1a;color:#fff}.session-filter-btn.active{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.login-toggle{text-align:center;margin-top:8px;font-size:.8rem;color:#ffffffb3}.login-toggle span{cursor:pointer;text-decoration:underline;transition:color .2s}.login-toggle span:hover{color:#fff}.login-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease}.login-dialog{background:#0a0a1a;border-radius:16px;padding:24px;max-width:340px;width:90%;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.close-dialog{position:absolute;top:12px;right:12px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1}.close-dialog:hover{color:#fff}.login-prompt{color:#fff;text-align:center;margin-bottom:16px;font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16162a;--bg-card-hover: #1e1e38;--border-color: rgba(99, 102, 241, .2);--border-glow: rgba(99, 102, 241, .4);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--sentiment-positive: #10b981;--sentiment-neutral: #f59e0b;--sentiment-negative: #ef4444;--agent-color: #6366f1;--customer-color: #10b981;--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f2f5;--border-color: rgba(99, 102, 241, .15);--border-glow: rgba(99, 102, 241, .3);--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--accent-primary: #5558e3;--accent-secondary: #7c4dff;--shadow-glow: 0 0 20px rgba(99, 102, 241, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}.call-center-agent{min-height:100vh;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.08) 0%,transparent 50%);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.agent-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{font-size:1.5rem}.header-left h1{font-size:1.25rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-center{flex:1;display:flex;justify-content:center}.call-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;font-size:.875rem;color:var(--text-secondary)}.call-status.active{border-color:var(--sentiment-positive);color:var(--sentiment-positive)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.call-status.active .status-dot{background:var(--sentiment-positive);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{display:flex;align-items:center;gap:.75rem}.call-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.call-btn.start{background:var(--sentiment-positive);color:#fff}.call-btn.start:hover{background:#059669;transform:translateY(-1px)}.call-btn.end{background:var(--sentiment-negative);color:#fff}.call-btn.end:hover{background:#dc2626;transform:translateY(-1px)}.mic-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mic-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mic-btn.listening{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}.theme-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.theme-toggle-btn:hover{border-color:var(--sentiment-neutral);color:var(--sentiment-neutral);transform:rotate(15deg)}.theme-toggle-btn svg{transition:transform .3s ease}.theme-toggle-btn:hover svg{transform:scale(1.1)}.agent-dashboard{flex:1;display:grid;grid-template-columns:320px 1fr 280px;gap:1rem;padding:1rem;overflow:hidden}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:#6366f108}.panel-header h2{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.panel-header svg{color:var(--accent-primary)}.panel-content{flex:1;padding:1rem;overflow-y:auto}.live-badge{font-size:.75rem;font-weight:600;color:var(--sentiment-positive);animation:pulse 1.5s ease-in-out infinite}.transcription-panel{min-height:0}.transcription-list{display:flex;flex-direction:column;gap:.75rem}.empty-transcription{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.empty-transcription .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.transcript-entry{padding:.75rem;border-radius:8px;background:var(--bg-secondary);border-left:3px solid transparent}.transcript-entry.agent{border-left-color:var(--agent-color)}.transcript-entry.customer{border-left-color:var(--customer-color)}.transcript-entry.live{background:#10b9811a}.entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.speaker-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.timestamp{font-size:.625rem;color:var(--text-muted)}.entry-text{font-size:.875rem;line-height:1.5;color:var(--text-primary)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.center-panels{display:flex;flex-direction:column;gap:1rem;min-height:0}.sentiment-panel{flex-shrink:0}.sentiment-content{display:flex;flex-direction:column;gap:1rem}.sentiment-gauge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gauge-emoji{font-size:2.5rem}.gauge-bar{width:100%;height:12px;background:var(--bg-secondary);border-radius:6px;position:relative;overflow:hidden}.gauge-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--bg-primary);transform:translate(-50%);z-index:2}.gauge-fill{height:100%;border-radius:6px;position:absolute;transition:width .5s ease,background-image .5s ease,background-color .5s ease;z-index:1}.gauge-labels{width:100%;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.gauge-score{font-weight:700;font-size:.875rem}.emotions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.emotion-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.emotion-label{font-size:.625rem;color:var(--text-muted);text-transform:capitalize}.emotion-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.emotion-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.keywords{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.keywords-label{font-size:.75rem;color:var(--text-muted)}.keyword-tag{padding:.25rem .5rem;background:var(--bg-secondary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.bottom-center-panels{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:0}.responses-panel{flex-shrink:0;max-height:180px}.products-panel{flex:1;min-height:200px}.responses-list{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.empty-responses,.empty-products{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.875rem}.response-card{flex-shrink:0;width:280px;padding:.875rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);position:relative;transition:all .2s ease}.response-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.category-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.category-badge.empathy{background:#10b98133;color:var(--sentiment-positive)}.category-badge.solution{background:#6366f133;color:var(--accent-primary)}.category-badge.escalation{background:#f59e0b33;color:var(--sentiment-neutral)}.category-badge.closing{background:#8b5cf633;color:var(--accent-secondary)}.response-text{font-size:.875rem;line-height:1.5;color:var(--text-primary);margin-bottom:.75rem}.response-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn.use:hover{background:var(--accent-primary);color:#fff}.confidence-bar{height:3px;background:var(--bg-card);border-radius:2px;overflow:hidden}.confidence-fill{height:100%;background:var(--accent-gradient);border-radius:2px}.products-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.product-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.product-card .product-image{width:100%;height:100px;border-radius:8px;object-fit:cover}.product-card .product-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.product-card .product-info{flex:1;min-width:0}.product-card .product-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.product-card .product-description{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;flex:1}.product-meta{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.product-price{font-weight:700;color:var(--accent-primary);font-size:1.125rem}.product-relevance{font-size:.625rem;color:var(--sentiment-positive);background:#10b9811a;padding:.125rem .375rem;border-radius:4px}.crm-panel{min-height:0}.crm-content{display:flex;flex-direction:column;gap:1rem}.crm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.customer-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.customer-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.customer-name-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.tier-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.tier-badge.basic{background:#6b728033;color:#9ca3af}.tier-badge.premium{background:#f59e0b33;color:var(--sentiment-neutral)}.tier-badge.enterprise{background:#8b5cf633;color:var(--accent-secondary)}.crm-fields{display:flex;flex-direction:column;gap:.625rem}.crm-field{display:flex;align-items:flex-start;gap:.625rem}.field-icon{font-size:.875rem;flex-shrink:0;margin-top:.125rem}.field-content{display:flex;flex-direction:column;min-width:0}.field-content label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.field-content span{font-size:.875rem;color:var(--text-primary);word-break:break-word}.crm-tags{display:flex;flex-wrap:wrap;gap:.375rem}.crm-tag{padding:.25rem .5rem;background:#6366f126;border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;color:var(--accent-primary)}.crm-notes{padding-top:.75rem;border-top:1px solid var(--border-color)}.crm-notes h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.crm-notes ul{list-style:none;display:flex;flex-direction:column;gap:.375rem}.crm-notes li{font-size:.8125rem;color:var(--text-secondary);padding-left:.75rem;position:relative}.crm-notes li:before{content:"•";position:absolute;left:0;color:var(--accent-primary)}.crm-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}@media(max-width:1200px){.agent-dashboard{grid-template-columns:280px 1fr 240px}}@media(max-width:992px){.agent-dashboard{grid-template-columns:1fr;grid-template-rows:auto;overflow-y:auto}.center-panels{order:-1}.bottom-center-panels{grid-template-columns:1fr}.panel{max-height:400px}}@media(max-width:640px){.agent-header{flex-wrap:wrap;gap:.75rem}.header-left h1{font-size:1rem}.header-center{order:1;flex-basis:100%;justify-content:center}.emotions-grid{grid-template-columns:repeat(3,1fr)}}