.chatbot-container{background-color:#0f172ae6;border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:85vh;max-height:calc(100vh - 2rem);margin-top:.5rem;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}.chatbot-header{color:#fff;background:linear-gradient(90deg,#92400e,#172554);border-bottom:1px solid #ffffff1a;align-items:center;padding:1rem 1.5rem;display:flex}.chatbot-avatar{margin-right:1rem}.bot-icon{background:linear-gradient(135deg,#f59e0b,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.bot-icon:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:10px;left:12px}.bot-icon:after{content:"";background-color:#94c26ff3;border-radius:50%;width:10px;height:10px;position:absolute;top:13px;left:15px}.chatbot-info h2{margin:0;font-size:1.25rem;font-weight:600}.chatbot-info p{opacity:.8;margin:0;font-size:.85rem}.chatbot-messages{background-color:#0f172acc;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chatbot-ai-message{opacity:0;align-items:flex-start;max-width:80%;animation:.5s ease-out forwards messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-message{align-self:flex-start}.user-message-chatbot{flex-direction:row-reverse;align-self:flex-end}.message-avatar{color:#ffa202;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 .75rem;display:flex}.bot-avatar-icon{background:linear-gradient(135deg,#f59e0b,#3b82f6);border-radius:50%;width:20px;height:20px;position:relative}.bot-avatar-icon:before{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:6px}.message-content{background-color:#1e293bcc;border-radius:12px;padding:.75rem 1rem;position:relative}.bot-message .message-content{background-color:#3b82f633;border-top-left-radius:0}.user-message-chatbot .message-content{text-align:right;background:linear-gradient(90deg,#b17103,#a13503);border-top-right-radius:0}.message-text{color:#fff;line-height:1.4;position:relative}.typing-cursor{vertical-align:text-bottom;background-color:#f59e0b;width:2px;height:1em;margin-left:2px;animation:1s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.message-time{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.suggestion-chips{border-top:1px solid #ffffff0d;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.suggestion-chip{white-space:nowrap;color:#fff;cursor:pointer;background-color:#3b82f633;border:1px solid #3b82f64d;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.suggestion-chip:hover{background-color:#3b82f64d;transform:translateY(-1px)}.chatbot-input{background-color:#1e293bcc;border-top:1px solid #ffffff0d;align-items:center;padding:.75rem 1rem;display:flex}.chatbot-input input{color:#fff;background-color:#0f172acc;border:1px solid #ffffff1a;border-radius:24px;flex:1;margin:0 .5rem;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.chatbot-input input:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 2px #3b82f61a}.chatbot-input input:disabled{opacity:.6;cursor:not-allowed}.input-button{color:#ffffffb3;cursor:pointer;background-color:#1e293be6;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.input-button:hover{color:#fff;background-color:#3b82f633;transform:translateY(-1px)}.mic-button{color:#f59e0bcc}.mic-button:hover{background-color:#f59e0b33}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#3b82f6);border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-left:7px;transition:all .3s;display:flex;position:relative;overflow:hidden}.send-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.send-button:hover:before{left:100%}.send-button:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #3b82f666}.send-button:active{transform:translateY(0)scale(.95)}.send-button:disabled:before{display:none}.typing-indicator{padding:10px;display:flex}.dot{background-color:#666;border-radius:50%;width:8px;height:8px;margin:0 4px;animation:1.4s infinite typingBounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{background-color:#666;transform:translateY(0)}30%{background-color:#f59e0b;transform:translateY(-6px)}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:10px;transition:background .3s}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.message-content{animation:.4s ease-out messageAppear}@keyframes messageAppear{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bot-message .message-content{border-left:3px solid #0000;animation:2s ease-in-out infinite alternate streamingGlow}@keyframes streamingGlow{0%{border-left-color:#3b82f64d;box-shadow:0 0 10px #3b82f61a}to{border-left-color:#f59e0b80;box-shadow:0 0 15px #f59e0b33}}.typing-cursor{vertical-align:text-bottom;background:linear-gradient(#f59e0b,#3b82f6);border-radius:1px;width:3px;height:1.2em;margin-left:3px;animation:1.2s ease-in-out infinite cursorPulse;display:inline-block;box-shadow:0 0 8px #f59e0b80}@keyframes cursorPulse{0%,to{opacity:1;transform:scaleY(1);box-shadow:0 0 8px #f59e0b80}50%{opacity:.3;transform:scaleY(.8);box-shadow:0 0 4px #f59e0b4d}}.streaming-word{opacity:0;animation:.3s ease-out forwards wordAppear;display:inline-block}@keyframes wordAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.send-button:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#f59e0b80,#3b82f680);transform:none}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:.8}}.chatbot-ai-message:hover .message-content{transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-message-chatbot:hover .message-content{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}@media (max-width:767px){.chatbot-container{border-radius:8px}.chatbot-header{padding:.75rem 1rem}.bot-icon{width:32px;height:32px}.bot-icon:before{width:12px;height:12px;top:8px;left:10px}.bot-icon:after{width:8px;height:8px;top:10px;left:12px}.chatbot-avatar{margin-right:.75rem}.chatbot-info h2{font-size:1rem}.chatbot-info p{font-size:.75rem}.chatbot-messages{gap:.75rem;padding:1rem}.chatbot-ai-message{max-width:95%}.message-avatar{width:24px;height:24px;margin:0 .5rem}.bot-avatar-icon{width:16px;height:16px}.bot-avatar-icon:before{width:6px;height:6px;top:4px;left:5px}.message-content{padding:.5rem .75rem}.message-text{font-size:.875rem}.message-time{font-size:.7rem}.typing-cursor{width:2px;height:1em;margin-left:2px}.suggestion-chips{padding:.5rem 1rem}.suggestion-chip{border-radius:16px;padding:.4rem .75rem;font-size:.75rem}.chatbot-input{padding:.5rem .75rem}.chatbot-input input{border-radius:20px;margin:0 .3rem;padding:.5rem .75rem;font-size:.875rem}.input-button{width:30px;height:30px}.send-button{width:34px;height:34px;margin-left:5px}.typing-indicator{padding:8px}.dot{width:6px;height:6px;margin:0 3px}@keyframes typingBounce{0%,60%,to{background-color:#666;transform:translateY(0)}30%{background-color:#f59e0b;transform:translateY(-5px)}}.chatbot-messages::-webkit-scrollbar{width:4px}}@media (min-width:768px) and (max-width:1023px){.chatbot-container{margin-top:.5rem}.chatbot-header{padding:1rem 1.25rem}.bot-icon{width:36px;height:36px}.bot-icon:before{width:14px;height:14px;top:9px;left:11px}.bot-icon:after{width:9px;height:9px;top:11.5px;left:13.5px}.chatbot-avatar{margin-right:.85rem}.chatbot-info h2{font-size:1.15rem}.chatbot-messages{padding:1.25rem}.chatbot-ai-message{max-width:85%}.message-avatar{width:28px;height:28px;margin:0 .65rem}.bot-avatar-icon{width:18px;height:18px}.bot-avatar-icon:before{width:7px;height:7px;top:5px;left:5.5px}.suggestion-chips{padding:.65rem 1.25rem}.suggestion-chip{padding:.45rem .9rem;font-size:.8rem}.chatbot-input{padding:.65rem 1rem}.input-button{width:34px;height:34px}.send-button{width:38px;height:38px;margin-left:6px}}