.chatbot-widget{width:400px;height:600px;border:1px solid #e1e5e9;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none;flex-direction:column;position:fixed;bottom:20px;right:20px;z-index:1000}.chatbot-widget-visible{display:flex!important}.widget-minimized{height:60px}.chatbot-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px 20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.chatbot-title{display:flex;align-items:center;gap:8px}.chatbot-title h3{margin:0;font-size:16px;font-weight:600}.status-indicator{width:8px;height:8px;border-radius:50%;background:#28a745;margin-left:8px}.status-indicator.disconnected{background:#dc3545}.status-indicator.connecting{background:#ffc107;animation:pulse 1s infinite}.controls{display:flex;gap:8px}.btn{background:rgba(255,255,255,.2);border:0;border-radius:6px;color:#fff;cursor:pointer;padding:6px 8px;font-size:14px;transition:background .2s}.btn:hover{background:rgba(255,255,255,.3)}.chatbot-body{flex:1;display:flex;flex-direction:column;overflow-y:hidden}.widget-minimized .chatbot-body{display:none}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:8px;animation:fadeIn .3s ease-in}.message.user-message{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.user-message .message-avatar{background:#667eea;color:#fff}.bot-message .message-avatar{background:#e9ecef}.system-message .message-avatar{background:#ffc107}.message-content{max-width:70%;display:flex;flex-direction:column;gap:4px}.user-message .message-content{align-items:flex-end}.message-bubble{padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.4}.user-message .message-bubble{background:#667eea;color:#fff;border-bottom-right-radius:4px}.bot-message .message-bubble{background:#fff;color:#333;border:1px solid #e1e5e9;border-bottom-left-radius:4px}.system-message .message-bubble{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:8px;font-size:12px;text-align:center}.message-time{font-size:11px;color:#6c757d;padding:0 4px}.typing-indicator{background:#fff!important;border:1px solid #e1e5e9!important;padding:16px 20px!important}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:#6c757d;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.chatbot-input{padding:16px;border-top:1px solid #e1e5e9;background:#fff;border-radius:0 0 12px 12px}.input-container{display:flex;gap:8px;align-items:center}.message-input{flex:1;padding:12px 16px;border:1px solid #e1e5e9;border-radius:24px;outline:0;font-size:14px;transition:border-color .2s}.message-input:focus{border-color:#667eea}.message-input:disabled{background:#f8f9fa;color:#6c757d}.send-button{width:40px;height:40px;border:0;border-radius:50%;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.send-button:hover:not(:disabled){background:#5a6fd8}.send-button:disabled{background:#6c757d;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(max-width:480px){.chatbot-widget{width:100vw;height:100vh;border-radius:0;position:fixed;top:0;left:0;right:0;bottom:0}.chatbot-header{border-radius:0}.chatbot-input{border-radius:0}}