.chat-widget-container{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-toggle-button{width:56px;height:56px;border-radius:50%;background:var(--primary-color,#10b981);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.12);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.chat-toggle-button:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.15)}.chat-toggle-button.open{background:#6b7280}.chat-widget{position:absolute;bottom:70px;right:0;width:380px;height:600px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);transform-origin:bottom right;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid hsla(0,0%,100%,.2)}.chat-widget.closed{transform:scale(.8);opacity:0;pointer-events:none}.chat-widget.open{transform:scale(1);opacity:1;pointer-events:all}.chat-header{background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff;padding:16px;justify-content:space-between}.chat-header,.header-content{display:flex;align-items:center}.header-content{gap:12px}.header-avatar{width:40px;height:40px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.header-info h3{margin:0;font-size:16px;font-weight:600}.header-info .status{font-size:12px;opacity:.9}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.close-button:hover{background:hsla(0,0%,100%,.1)}.chat-tabs{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb}.tab{flex:1;padding:12px 16px;background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;color:#6b7280;transition:all .2s;position:relative}.tab.active{color:var(--primary-color,#10b981)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color,#10b981)}.chat-content{height:calc(100% - 120px)}.chat-content,.new-chat-tab{display:flex;flex-direction:column}.new-chat-tab{height:100%}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#f3f4f6}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.message-bubble{display:flex;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}.message-bubble.user{justify-content:flex-end}.message-bubble.system{justify-content:flex-start}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;position:relative}.message-bubble.user .message-content{background:var(--primary-color,#10b981);color:#fff;border-bottom-right-radius:4px}.message-bubble.system .message-content{background:#f3f4f6;color:#374151;border-bottom-left-radius:4px}.message-text{margin:0 0 4px;font-size:14px;line-height:1.4}.message-meta{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.7}.message-status{opacity:.8}.message-status.read{color:#10b981}.typing-indicator{display:flex;justify-content:flex-start;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}.typing-bubble{background:#f3f4f6;border-radius:18px;border-bottom-left-radius:4px;padding:12px 16px}.typing-dots{display:flex;gap:4px}.typing-dots .dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typingBounce 1.4s infinite}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}.chat-input-area{padding:16px;border-top:1px solid #e5e7eb;background:#fff}.chat-input-container{display:flex;align-items:center;gap:8px;background:#f9fafb;border-radius:24px;padding:8px;border:1px solid #e5e7eb}.message-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;padding:8px 12px}.message-input::placeholder{color:#9ca3af}.attachment-button,.audio-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.attachment-button:hover,.audio-button:hover{background:#e5e7eb;color:#374151}.send-button{background:var(--primary-color,#10b981);color:#fff;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:#059669;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.phone-input-container{display:flex;gap:8px;align-items:center}.country-selector{background:#fff;padding:8px;cursor:pointer}.country-selector,.phone-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}.phone-input{flex:1;padding:12px;transition:border-color .2s}.phone-input:focus{border-color:var(--primary-color,#10b981)}.code-input-container{display:flex;gap:8px;align-items:center}.code-input{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;text-align:center;letter-spacing:2px;outline:none;transition:border-color .2s}.code-input:focus{border-color:var(--primary-color,#10b981)}.topic-selector{padding:16px}.topic-selector h4{margin:0 0 12px;font-size:14px;color:#374151}.topic-options{display:flex;flex-direction:column;gap:8px}.topic-button{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:all .2s}.topic-button:hover{background:var(--primary-color,#10b981);color:#fff;border-color:var(--primary-color,#10b981)}.history-tab{height:100%;display:flex;flex-direction:column}.history-header{padding:16px;border-bottom:1px solid #e5e7eb}.history-header h3{margin:0;font-size:16px;color:#374151}.history-list{flex:1;overflow-y:auto}.history-item{padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.history-item:hover{background:#f9fafb}.history-item-content{display:flex;flex-direction:column;gap:8px}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start}.history-title{margin:0;font-size:14px;font-weight:600;color:#374151}.history-status{display:flex;align-items:center;gap:4px}.status-text{font-size:12px;font-weight:500}.status-text.status-completed{color:#10b981}.status-text.status-ongoing{color:#3b82f6}.status-text.status-pending{color:#f59e0b}.progress-container{display:flex;align-items:center;gap:8px}.progress-bar{flex:1}.progress-fill{transition:width .3s ease}.progress-text{font-size:11px;color:#6b7280;min-width:30px;text-align:right}.last-message{margin:0;font-size:13px;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-footer{display:flex;justify-content:space-between;align-items:center}.timestamp{font-size:12px;color:#9ca3af}.chevron{color:#d1d5db}.history-chat-view{height:100%;display:flex;flex-direction:column}.chat-header-back{padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.back-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;margin-bottom:8px}.back-button:hover{color:#374151}.chat-info h4{margin:0 0 4px;font-size:14px;color:#374151}.chat-info .status{display:flex;align-items:center;gap:4px;font-size:12px}.chat-messages.readonly{opacity:.8}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-style:italic}.theme-selector{position:absolute;bottom:70px;right:-60px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:8px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.color-options{display:flex;flex-direction:column;gap:8px}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #374151}.audio-recorder{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.recording-interface{display:flex;flex-direction:column;gap:12px}.recording-controls{display:flex;justify-content:center}.record-button{display:flex;align-items:center;gap:8px;background:var(--primary-color,#10b981);color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.record-button:hover{background:#059669;transform:scale(1.02)}.recording-active{display:flex;align-items:center;gap:16px}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:recordingPulse 1.5s infinite}.recording-dot.paused{background:#f59e0b;animation:none}.recording-time{font-size:16px;font-weight:600;color:#374151;font-variant-numeric:tabular-nums}.recording-buttons{display:flex;gap:8px}.pause-button,.stop-button{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pause-button{background:#f59e0b;color:#fff}.pause-button:hover{background:#d97706;transform:scale(1.05)}.stop-button{background:#ef4444;color:#fff}.stop-button:hover{background:#dc2626;transform:scale(1.05)}.cancel-button{background:none;border:1px solid #d1d5db;color:#6b7280;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s;align-self:center}.cancel-button:hover{background:#f3f4f6;border-color:#9ca3af}.playback-interface{background:#f9fafb;border-radius:12px;padding:16px}.audio-preview{justify-content:space-between}.audio-controls,.audio-preview{display:flex;align-items:center;gap:12px}.audio-controls{flex:1}.play-pause-button{width:40px;height:40px;border-radius:50%;background:var(--primary-color,#10b981);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.play-pause-button:hover{background:#059669;transform:scale(1.05)}.audio-progress{flex:1;display:flex;flex-direction:column;gap:4px}.progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:var(--primary-color,#10b981);transition:width .1s linear}.time-display{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums}.audio-actions{display:flex;gap:8px}.delete-button,.send-audio-button{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-button{background:#fee2e2;color:#ef4444}.delete-button:hover{background:#fecaca;transform:scale(1.05)}.send-audio-button{background:var(--primary-color,#10b981);color:#fff}.send-audio-button:hover{background:#059669;transform:scale(1.05)}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes messageSlideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typingBounce{0%,60%,to{transform:scale(1)}30%{transform:scale(1.3)}}@media (max-width:480px){.chat-widget{width:calc(100vw - 48px);height:calc(100vh - 120px);bottom:60px;right:24px;left:24px}.theme-selector{right:-40px}}