/* chatbot.css */
.chatbot-container{position: fixed;            bottom: 20px;            right: 20px;            z-index: 1000;            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.chatbot-toggle{width: 60px;            height: 60px;            border-radius: 50%;            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);            border: none;            cursor: pointer;            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);            display: flex;            align-items: center;            justify-content: center;            transition: all 0.3s ease;            position: relative;            overflow: hidden}.chatbot-toggle:hover{transform: scale(1.05);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2)}.chatbot-toggle:active{transform: scale(0.95)}.chatbot-window{position: absolute;            bottom: 70px;            right: 0;            width: 350px;            height: 500px;            background: white;            border-radius: 12px;            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);            display: none;            flex-direction: column;            overflow: hidden;            animation: slideUp 0.3s ease}.chatbot-toggle svg{width: 24px;            height: 24px;            fill: white;            transition: all 0.3s ease}.chatbot-toggle.active svg{transform: rotate(180deg)}.chatbot-window.active{display: flex}.chatbot-send{width: 36px;            height: 36px;            border-radius: 50%;            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);            border: none;            cursor: pointer;            display: flex;            align-items: center;            justify-content: center;            transition: all 0.2s ease}.message.user .message-avatar{background: #e2e8f0;color: #475569}.chatbot-header{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);            color: white;            padding: 16px 20px;            display: flex;            align-items: center;            gap: 12px}.chatbot-avatar{width: 32px;            height: 32px;            border-radius: 50%;            background: rgba(255, 255, 255, 0.2);            display: flex;            align-items: center;            justify-content: center}.chatbot-info h3{margin: 0;font-size: 16px;font-weight: 600}.chatbot-info p{margin: 2px 0 0 0;font-size: 12px;opacity: 0.9}.chatbot-messages{flex: 1;            padding: 20px;            overflow-y: auto;            display: flex;            flex-direction: column;            gap: 16px;            background: #f8fafc}.message{display: flex; gap: 8px; animation: fadeIn 0.3s ease}.message.user{flex-direction: row-reverse}.message-avatar{width: 28px;            height: 28px;            border-radius: 50%;            flex-shrink: 0;            display: flex;            align-items: center;            justify-content: center;            font-size: 12px;            font-weight: 600}.message.bot .message-avatar{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white}.message-content{max-width: 80%;            padding: 12px 16px;            border-radius: 18px;            font-size: 14px;            line-height: 1.4}.message.bot .message-content{background: white;            color: #374151;            border-bottom-left-radius: 6px}.message.user .message-content{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-bottom-right-radius: 6px}.chatbot-input{padding: 16px 20px;            background: white;            border-top: 1px solid #e5e7eb;            display: flex;            gap: 12px;            align-items: center}.chatbot-input input{flex: 1;            border: 1px solid #d1d5db;            border-radius: 20px;            padding: 10px 16px;            font-size: 14px;            outline: none;            transition: border-color 0.2s ease}.chatbot-input input:focus{border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1)}.chatbot-send:hover{transform: scale(1.05)}.chatbot-send:disabled{opacity: 0.6; cursor: not-allowed; transform: none}.chatbot-send svg{width: 14px;height: 14px;fill: white}.typing-indicator{display: flex;gap: 4px;padding: 8px 0}.typing-dot{width: 6px;height: 6px;border-radius: 50%;background: #9ca3af;animation: typing 1.4s infinite}@media (max-width: 480px){.chatbot-window {                width: calc(100vw - 40px);                height: 70vh;                bottom: 80px;                right: 20px;            }}@keyframes typing{0%, 60%, 100% { opacity: 0.3; }30% { opacity: 1; }}@keyframes fadeIn{from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}