*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent}.chat-container{width:100%;height:100vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center;position:relative}.chat-header h1{margin:10px 0 5px;font-size:22px;font-weight:600}.chat-header p{margin:0;font-size:14px;opacity:.9}.connection-status{position:absolute;top:10px;left:20px;display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.close-button{position:absolute;top:15px;right:15px;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:10;padding:0}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.quick-actions{display:flex;gap:8px;padding:12px 20px;flex-wrap:wrap;background:#f8f9fa;border-bottom:1px solid #e9ecef;min-height:60px;align-items:center}.quick-action{background:#fff;border:2px solid #e2e8f0;border-radius:25px;padding:10px 16px;font-size:13px;cursor:pointer;color:#475569;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-weight:500}.quick-action:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px)}.loading-actions{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;padding:8px 16px}.loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-actions{color:#94a3b8;font-size:13px;font-style:italic;padding:8px 16px}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa;scroll-behavior:smooth}.message{margin-bottom:15px;display:flex;flex-direction:column;animation:fadeIn .3s ease-in}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-bubble{max-width:75%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word}.message-bubble.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.bot .message-bubble{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.message-time{font-size:11px;color:#94a3b8;margin-top:4px;padding:0 8px}.typing-indicator{display:none;align-items:flex-start;padding:0 20px 10px}.typing-bubble{background:#fff;padding:12px 16px;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;display:flex;align-items:center;gap:4px}.typing-bubble span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-input-container{padding:20px;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:12px;align-items:flex-end}.input-wrapper{flex:1}.chat-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:25px;font-size:15px;outline:none;resize:none;min-height:44px;max-height:120px;font-family:inherit;transition:all .2s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.send-button:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.chat-container{border-radius:15px}.message-bubble{max-width:85%}.chat-header h1{font-size:19px}.quick-actions{padding:10px 15px}.quick-action{padding:8px 12px;font-size:12px}}