.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.password-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e1e5e9;margin-bottom:24px}.password-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover:not(:disabled){background-color:#f1f3f4;color:#333}.close-button:disabled{cursor:not-allowed;opacity:.5}.password-modal-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:20px}.temp-password-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-bottom:4px}.temp-password-notice p{color:#856404;font-size:14px;margin:0;display:flex;align-items:center;gap:8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#333;font-weight:500;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex:1;padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background-color .2s ease}.password-toggle:hover:not(:disabled){background-color:#f1f3f4}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.password-requirements{background:#f8f9fa;border-radius:6px;padding:12px;margin-top:8px}.password-requirements p{color:#666;font-size:12px;font-weight:500;margin:0 0 8px}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.password-requirements li{color:#999;font-size:12px;display:flex;align-items:center;gap:6px;transition:color .2s ease}.password-requirements li:before{content:"○";font-size:8px;transition:all .2s ease}.password-requirements li.valid{color:#28a745}.password-requirements li.valid:before{content:"●";color:#28a745}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e1e5e9}.cancel-button{background:#fff;color:#666;border:2px solid #e1e5e9;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f8f9fa;border-color:#d1d5db}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-button.loading{pointer-events:none}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.password-modal-overlay{padding:10px}.password-modal-header{padding:20px 20px 0}.password-modal-form{padding:0 20px 20px}.modal-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.slider{background:linear-gradient(to right,#3b82f699,#9333ea99);outline:none;border-radius:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea);cursor:pointer;border:none;box-shadow:0 2px 8px #0003;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.glass-card-enter{opacity:0;transform:translateY(10px) scale(.95)}.glass-card-enter-active{opacity:1;transform:translateY(0) scale(1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}@keyframes waveform{0%,to{height:4px}50%{height:12px}}.waveform-bar{display:inline-block;width:3px;height:4px;background:linear-gradient(to top,#3b82f6,#9333ea);margin:0 1px;border-radius:2px;animation:waveform 1s ease-in-out infinite}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.progress-glow{box-shadow:0 0 10px #3b82f64d}@media (max-width: 640px){.glass-card{margin:0 -.5rem}.audio-controls{flex-direction:column;gap:.75rem}.volume-control{width:100%;justify-content:center}}@media (prefers-contrast: high){.slider::-webkit-slider-thumb,.slider::-moz-range-thumb{background:#000}.progress-bar{background:#000}}@media (prefers-reduced-motion: reduce){.glass-card-enter-active,.waveform-bar{animation:none;transition:none}}.slider:focus{outline:2px solid #3b82f6;outline-offset:2px}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.gradient-text{background:linear-gradient(135deg,#3b82f6,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.transcript-scroll::-webkit-scrollbar{width:4px}.transcript-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.transcript-scroll::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:2px}.transcript-scroll::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-accent-500: #ff8a0e;--color-accent-600: #ea580c;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-inverse: #1e293b;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--text-link: #4f46e5;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #4f46e5;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus-border: #4f46e5;--input-placeholder: #9ca3af;--card-bg: #ffffff;--card-border: #e5e7eb;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-item-hover: #f1f5f9;--sidebar-item-active: #e2e8f0;--message-incoming-bg: #f1f5f9;--message-incoming-text: #111827;--message-outgoing-bg: #4f46e5;--message-outgoing-text: #ffffff;--human-needed-bg: #fffbfb;--human-needed-border: #fecaca;--human-needed-border-active: #f87171}[data-theme=dark]{--bg-primary: #202020;--bg-secondary: #181818;--bg-tertiary: #2a2a2a;--bg-inverse: #f9fafb;--bg-hover: #2a2a2a;--bg-active: #333333;--text-primary: #f9fafb;--text-secondary: #a1a1a1;--text-tertiary: #717171;--text-inverse: #202020;--text-link: #818cf8;--border-primary: #333333;--border-secondary: #404040;--border-focus: #818cf8;--input-bg: #181818;--input-border: #404040;--input-focus-border: #818cf8;--input-placeholder: #717171;--card-bg: #181818;--card-border: #333333;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .5);--sidebar-bg: #181818;--sidebar-border: #333333;--sidebar-item-hover: #2a2a2a;--sidebar-item-active: #333333;--message-incoming-bg: #2a2a2a;--message-incoming-text: #f9fafb;--message-outgoing-bg: #4f46e5;--message-outgoing-text: #ffffff;--human-needed-bg: #2d1f1f;--human-needed-border: #5c3030;--human-needed-border-active: #7c4040;--color-slate-50: #202020;--color-slate-100: #181818;--color-slate-200: #2a2a2a;--color-slate-300: #333333;--color-slate-400: #717171;--color-slate-500: #a1a1a1;--color-slate-600: #d1d5db;--color-slate-700: #e5e7eb;--color-slate-800: #f3f4f6;--color-slate-900: #f9fafb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}#root{background-color:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{display:none;width:0;height:0}*{-ms-overflow-style:none;scrollbar-width:none}html,body,#root{height:100%}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes presence-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.presence-online{animation:presence-pulse 2s ease-in-out infinite}.premium-card{transition:transform .2s ease,box-shadow .2s ease}.premium-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-press:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .3s ease-out}.user-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;font-weight:600;font-size:16px}.badge-urgent{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.badge-online{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.badge-ai{background:#dbeafe;color:#2563eb;border:1px solid #93c5fd}.human-needed-indicator{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.human-needed-indicator .pulse-dot{position:absolute;width:10px;height:10px;background:#ef4444;border-radius:50%;z-index:2;box-shadow:0 0 8px #ef444499}.human-needed-indicator .pulse-ring{position:absolute;width:24px;height:24px;border:2px solid #ef4444;border-radius:50%;animation:human-pulse 1.5s ease-out infinite;opacity:0}.human-needed-indicator .pulse-ring.delay{animation-delay:.75s}@keyframes human-pulse{0%{transform:scale(.5);opacity:.8}50%{opacity:.4}to{transform:scale(1.2);opacity:0}}[data-theme=dark] .bg-white{background-color:var(--bg-primary)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100{background-color:var(--bg-secondary)!important}[data-theme=dark] .bg-gray-200{background-color:var(--bg-tertiary)!important}[data-theme=dark] .text-black,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800{color:var(--text-primary)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-400{color:var(--text-tertiary)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100{border-color:var(--border-primary)!important}[data-theme=dark] .border-gray-300{border-color:var(--border-secondary)!important}[data-theme=dark] .focus\:border-gray-900:focus{border-color:var(--border-focus)!important}[data-theme=dark] .focus\:bg-white:focus{background-color:var(--bg-primary)!important}[data-theme=dark] .hover\:bg-gray-100:hover,[data-theme=dark] .hover\:bg-gray-50:hover{background-color:var(--bg-hover)!important}[data-theme=dark] .hover\:bg-gray-200:hover{background-color:var(--bg-active)!important}[data-theme=dark] .hover\:text-black:hover{color:var(--text-primary)!important}[data-theme=dark] .border-gray-900{border-color:var(--border-secondary)!important}[data-theme=dark] .from-white\/20,[data-theme=dark] .to-white\/10{--tw-gradient-from: rgba(17, 24, 39, .2);--tw-gradient-to: rgba(17, 24, 39, .1)}[data-theme=dark] .border-gray-900.rounded-full{border-color:var(--bg-primary)!important}[data-theme=dark] .placeholder-gray-400::placeholder{color:var(--input-placeholder)!important}[data-theme=dark] .focus\:ring-gray-200:focus{--tw-ring-color: var(--border-secondary) !important}.app{min-height:100vh;padding:1rem}.topbar{max-width:1800px;margin:0 auto 1rem}.filters-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters-row .filter{background:#ffffff0f;color:#ffffffe6;border:1px solid rgba(255,149,29,.25);border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer}.filters-row .filter.active{background:#ff951d40;color:#fff}.filters-row .spacer{flex:1}.filters-row .count-all{color:#ffffffb3;font-size:12px}.search-input{background:#ffffff0f;color:#ffffffe6;border:1px solid rgba(0,123,255,.25);border-radius:10px;padding:6px 10px;font-size:12px}.login-container{min-height:100vh;background:#060010;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#ffffff08;border-radius:20px;border:1px solid rgba(255,149,29,.2);padding:3rem;text-align:center;max-width:400px;width:100%}.login-card h1{color:#fff;margin-bottom:1rem;font-size:2rem}.login-card p{color:#ffffffb3;margin-bottom:2rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:1rem;background:#fff;color:#333;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1rem}.google-login-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.google-login-btn img{width:24px;height:24px}.direct-login-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:10px}.direct-login-btn:hover{background:linear-gradient(135deg,#218838,#1da589);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.inbox{display:grid;grid-template-columns:20rem 1fr 20rem;gap:1rem;max-width:1800px;margin:0 auto;height:calc(100vh - 96px)}.inbox>*{min-height:0}.conversations{overflow-y:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.conv-list{display:flex;flex-direction:column;gap:10px}.conv-item{background:#ffffff08;border:1px solid rgba(255,149,29,.2);border-radius:12px;padding:12px;cursor:pointer}.conv-item:hover{background:#ffffff0f}.conv-row{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.conv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff951d99,#007bff80);border:1px solid rgba(255,149,29,.4)}.conv-meta{min-width:0}.conv-title{color:#fff;font-weight:600;margin-bottom:4px}.conv-desc{color:#ffffffb3;font-size:12px}.chat{display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;min-height:0}.chat-header{padding:.5rem 1rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000026;z-index:1}.chat-header h2{color:#fff;margin:0;font-size:1.25rem}.chat-header-actions{display:flex;gap:6px}.btn-icon{background:#ffffff0f;color:#fff;border:1px solid rgba(255,149,29,.25);border-radius:8px;padding:6px 8px;cursor:pointer}.btn-primary{background:#ff951d;color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn-secondary{background:#007bff40;color:#fff;border:1px solid rgba(0,123,255,.35);border-radius:10px;padding:8px 12px;font-weight:500;cursor:pointer}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.message{max-width:80%;padding:1rem;border-radius:12px;color:#fff}.message.sent{background:#ff951d;margin-left:auto}.message.received{background:#ffffff1a;margin-right:auto}.message-input{padding:1rem;border-top:1px solid var(--glass-border);background:#00000026;position:sticky;bottom:0;z-index:1}.message-input input,.message-input textarea{width:100%;padding:1rem;border-radius:12px;border:1px solid rgba(255,149,29,.2);background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.message-input input:focus,.message-input textarea:focus{outline:none;border-color:#ff951d;background:#ffffff1a}.message-input input::placeholder,.message-input textarea::placeholder{color:#ffffff80}.no-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:1.25rem}.profile{overflow-y:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.profile-card{background:#ffffff08;border:1px solid rgba(0,123,255,.25);border-radius:16px;padding:16px;color:#fff}.profile-card.placeholder{color:#fff9;display:flex;align-items:center;justify-content:center;height:120px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007bff99,#ff951d80);border:1px solid rgba(0,123,255,.4)}.avatar-lg{width:64px;height:64px}.profile-name{font-weight:700;margin-top:10px}.profile-sub{color:#ffffffb3;font-size:12px;margin-top:4px}.profile-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.composer-row{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center}.conv-item.active{background:#3b82f626;border-color:#3b82f659}@media (max-width: 1200px){.inbox{grid-template-columns:18rem 1fr}.profile{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff951d4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff951d80}.demo-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#ff951d,#007bff);color:#fff;text-align:center;padding:8px;font-weight:700;z-index:1000;box-shadow:0 2px 8px #0003}.demo-banner span{display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.app:has(.demo-banner){padding-top:40px}.function-result{background:var(--glass-bg, rgba(248, 249, 250, .8));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border, rgba(222, 226, 230, .5));border-radius:12px;margin:1rem 0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.card-header{background:linear-gradient(135deg,var(--accent-blue, #3b82f6),#2563eb);color:#fff;padding:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.card-header i{font-size:1.1rem}.card-body{padding:1rem}.product-carousel-container{max-width:100%;margin:0}.product-carousel{position:relative;max-width:500px;margin:0 auto}.product-card{background:var(--glass-bg, rgba(248, 249, 250, .8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border, rgba(222, 226, 230, .5));border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--accent-blue, #3b82f6)}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{position:absolute;top:8px;right:8px;background:var(--accent-green, #10b981);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.product-info{padding:1rem;flex:1;display:flex;flex-direction:column}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary, #000000);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:1.25rem;font-weight:700;color:var(--accent-blue, #3b82f6);margin:0 0 .5rem}.product-sku{font-size:.75rem;color:var(--text-secondary, #6c757d);margin:0 0 .5rem}.product-description{font-size:.85rem;color:var(--text-secondary, #6c757d);line-height:1.4;flex:1;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.product-btn{flex:1;min-width:0;padding:.5rem .75rem;border-radius:8px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.btn-primary.product-btn{background:var(--accent-blue, #3b82f6);color:#fff}.btn-primary.product-btn:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary.product-btn{background:var(--glass-bg, rgba(248, 249, 250, .8));color:var(--text-primary, #000000);border:1px solid var(--glass-border, rgba(222, 226, 230, .5))}.btn-secondary.product-btn:hover{background:var(--bg-secondary, #f8f9fa);border-color:var(--accent-blue, #3b82f6)}.swiffy-slider{--slider-nav-color: var(--accent-blue, #3b82f6);--slider-nav-color-hover: #2563eb;--slider-indicator-color: var(--accent-blue, #3b82f6)}.slider-item-show4 .slider-container>*{flex:0 0 calc(25% - 1rem);max-width:calc(25% - 1rem);margin:0 .5rem;box-sizing:border-box}@media (max-width: 1200px){.slider-item-show4 .slider-container>*{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}}@media (max-width: 768px){.slider-item-show4 .slider-container>*{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-width: 480px){.slider-item-show4 .slider-container>*{flex:0 0 calc(100% - 1rem);max-width:calc(100% - 1rem)}}.customer-card .customer-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.customer-avatar{color:var(--accent-blue, #3b82f6)}.customer-details h3{margin:0 0 .5rem;color:var(--text-primary, #000000)}.customer-email,.customer-phone{margin:.25rem 0;color:var(--text-secondary, #6c757d);font-size:.9rem}.loyalty-badge{background:var(--accent-green, #10b981);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.orders-container{display:flex;flex-direction:column;gap:.75rem}.order-item{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--glass-border, rgba(222, 226, 230, .5));border-radius:8px;padding:1rem}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-number{font-weight:600;color:var(--text-primary, #000000)}.order-status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background:var(--accent-yellow, #f59e0b);color:#fff}.status-processing{background:var(--accent-blue, #3b82f6);color:#fff}.status-completed{background:var(--accent-green, #10b981);color:#fff}.status-cancelled{background:var(--accent-red, #ef4444);color:#fff}.order-details{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:1.1rem;font-weight:700;color:var(--accent-blue, #3b82f6);margin:0}.order-date{color:var(--text-secondary, #6c757d);font-size:.9rem;margin:0}.support-ticket,.support-connection{border-left:4px solid var(--accent-blue, #3b82f6)}.ticket-info h3{margin:0 0 .5rem;color:var(--text-primary, #000000)}.ticket-priority{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:.5rem}.priority-low{background:var(--accent-green, #10b981);color:#fff}.priority-medium{background:var(--accent-yellow, #f59e0b);color:#fff}.priority-high{background:var(--accent-red, #ef4444);color:#fff}.loading-spinner{width:24px;height:24px;border:3px solid var(--glass-border, rgba(222, 226, 230, .5));border-top:3px solid var(--accent-blue, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enhanced-message-content{line-height:1.6}.enhanced-message-content h1,.enhanced-message-content h2,.enhanced-message-content h3,.enhanced-message-content h4,.enhanced-message-content h5,.enhanced-message-content h6{color:var(--text-primary, #000000);margin:1rem 0 .5rem}.enhanced-message-content p{margin:.5rem 0;color:var(--text-primary, #000000)}.enhanced-message-content ul,.enhanced-message-content ol{margin:.5rem 0;padding-left:1.5rem}.enhanced-message-content li{margin:.25rem 0;color:var(--text-primary, #000000)}.enhanced-message-content strong{font-weight:600;color:var(--text-primary, #000000)}.enhanced-message-content em{font-style:italic;color:var(--text-secondary, #6c757d)}.enhanced-message-content code{background:var(--bg-tertiary, #e9ecef);padding:2px 4px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.9em}.enhanced-message-content pre{background:var(--bg-tertiary, #e9ecef);padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.enhanced-message-content pre code{background:none;padding:0}.error-card{border-left:4px solid var(--accent-red, #ef4444)}.error-message{color:var(--accent-red, #ef4444);font-weight:600;margin:0 0 .5rem}.error-details{color:var(--text-secondary, #6c757d);font-size:.9rem;margin:0}.empty-carousel{text-align:center;padding:2rem;color:var(--text-secondary, #6c757d)}.empty-carousel i{margin-bottom:1rem;opacity:.5}.generic-card .function-data{background:var(--bg-tertiary, #e9ecef);padding:1rem;border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.8rem;white-space:pre-wrap;overflow-x:auto;max-height:300px;overflow-y:auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0}.product-grid-item .product-card{height:auto}.product-grid-item img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.product-grid-item h4{margin:0 0 .5rem;font-size:.9rem;line-height:1.3}.product-grid-item .price{font-weight:600;color:var(--accent-blue, #3b82f6);margin:0}.more-products,.more-orders{text-align:center;color:var(--text-secondary, #6c757d);font-style:italic;margin:1rem 0 0}.demo-note{margin-top:15px;font-size:.85rem;color:#ffffffb3;text-align:center;max-width:280px}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#ff951d;font-size:1.1rem;font-weight:500}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;padding:2rem;text-align:center;color:#ffffffb3}.no-conversations p{margin:.5rem 0;font-size:.9rem}.no-conversations button{background:#ff951d;color:#fff;border:none;padding:8px 16px;border-radius:6px;margin-top:1rem;cursor:pointer;transition:background .3s ease}.no-conversations button:hover{background:#e6851a}.login-input{width:100%;padding:12px 16px;margin:10px 0;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;transition:all .3s ease}.login-input:focus{outline:none;border-color:#ff951d;background:#ffffff26}.login-input::placeholder{color:#fff9}.email-login-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin:5px 0}.email-login-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.otp-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin:10px 0}.otp-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1da589);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.validate-btn{background:linear-gradient(135deg,#ff951d,#e6851a);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin:10px 0}.validate-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6851a,#cc7717);transform:translateY(-2px);box-shadow:0 4px 12px #ff951d4d}.back-btn{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fffc;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;margin:10px 0}.back-btn:hover{border-color:#fff9;color:#fff;background:#ffffff1a}.login-card h3{color:#fff;margin:20px 0 10px;font-size:1.2rem}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}