:root{--primary-color:#4776e6;--secondary-color:#8e54e9;--light-bg:#f8f9fa;--dark-text:#f2f2f2;--light-text:#f8f9fa;--bot-msg-bg:#f0f7ff;--user-msg-gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--chat-bg:#f5f7fb;--input-bg:#fff;--shadow:0 10px 20px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{align-items:center;display:flex;justify-content:center}.chat-container{animation:fadeIn .5s ease-in-out;background-color:#fff;display:flex;flex-direction:column;height:650px;max-width:400px;overflow:hidden;position:relative;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:linear-gradient(135deg,#4776e6,#8e54e9);background:var(--user-msg-gradient);color:#fff;display:flex;padding:20px;position:relative;z-index:2}.chat-header:after{background:linear-gradient(180deg,#0000001a,#0000);bottom:-10px;content:"";height:10px;left:0;position:absolute;right:0;z-index:1}.bot-avatar{align-items:center;background-color:#fff;border:2px solid #ffffffb3;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;height:50px;justify-content:center;margin-right:15px;overflow:hidden;width:50px}.bot-icon{color:#8e54e9;color:var(--secondary-color);font-size:26px}.chat-title{flex-grow:1}.chat-title h2{font-size:1.5rem;font-weight:600;margin-bottom:3px}.chat-title p{font-size:.8rem;opacity:.9}.status-indicator{align-items:center;display:flex;font-size:.8rem;margin-top:5px}.status-dot{animation:pulse 2s infinite;background-color:#4aed88;border-radius:50%;height:8px;margin-right:5px;width:8px}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.chat-messages{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:auto;padding:25px 20px;scroll-behavior:smooth}.message{word-wrap:break-word;animation:messageIn .3s ease-out;border-radius:20px;max-width:85%;padding:12px 18px;position:relative}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-message{align-items:flex-start;align-self:flex-start;display:flex;margin-right:50px}.bot-message-avatar{align-items:center;background:linear-gradient(135deg,#4776e6,#8e54e9);background:var(--user-msg-gradient);border-radius:50%;box-shadow:0 3px 5px #0000001a;display:flex;flex-shrink:0;height:35px;justify-content:center;margin-right:10px;width:35px}.bot-message-icon{color:#fff;font-size:16px}.bot-message-content{background-color:#f0f0f0;border-radius:18px 18px 18px 0;box-shadow:0 2px 5px #0000000d;color:#1e2130;padding:12px 18px;position:relative}.bot-message-content:before{background-color:#f0f7ff;background-color:var(--bot-msg-bg);border-radius:0 0 20px 0;bottom:0;content:"";height:20px;left:-8px;position:absolute;width:20px;z-index:-1}.user-message{align-self:flex-end;background:linear-gradient(135deg,#4776e6,#8e54e9);background:var(--user-msg-gradient);border-radius:18px 18px 0 18px;box-shadow:0 2px 5px #0000001a;color:#fff;margin-left:50px;padding:12px 18px}.timestamp{font-size:.7rem;margin-top:5px;opacity:.7;text-align:right}.bot-message .timestamp{text-align:left}.typing-indicator{align-items:center;display:flex;margin-left:45px;margin-top:10px}.typing-dot{animation:typingBounce 1.5s infinite;background-color:#121212;border-radius:50%;height:8px;margin-right:4px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-input-container{background-color:#fff;border-top:1px solid #0000000d;box-shadow:0 -5px 10px #00000005;padding:15px;position:relative;z-index:2}.chat-input{display:flex;position:relative}.chat-input input{background-color:#f0f0f0;border:1px solid #0000001a;border-radius:30px;flex-grow:1;font-size:1rem;outline:none;padding:15px 55px 15px 20px;transition:all .3s ease;transition:var(--transition)}.chat-input input:focus{box-shadow:0 0 0 2px #4776e633}.chat-input input::placeholder{color:#aaa}.send-button{align-items:center;background:linear-gradient(135deg,#4776e6,#8e54e9);background:var(--user-msg-gradient);border:none;border-radius:50%;box-shadow:0 3px 5px #0000001a;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition);width:45px}.send-button:hover{box-shadow:0 5px 10px #00000026;transform:translateY(-50%) scale(1.05)}.send-button:active{transform:translateY(-50%) scale(.95)}.options-container{-ms-overflow-style:none;display:flex;margin-bottom:10px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.options-container::-webkit-scrollbar{display:none}.quick-option{border:1px solid #0000001a;border-radius:20px;color:#f2f2f2;color:var(--dark-text);cursor:pointer;flex-shrink:0;font-size:.9rem;margin-right:10px;padding:8px 16px;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.quick-option,.quick-option:hover{background-color:#4776e6;background-color:var(--primary-color)}.quick-option:hover{border-color:#4776e6;border-color:var(--primary-color);color:#fff}@media (max-width:480px){.chat-container{border-radius:15px;height:100vh;width:100%}.chat-header{padding:15px}.bot-avatar{height:40px;width:40px}.bot-icon{font-size:22px}.chat-title h2{font-size:1.3rem}.message{max-width:90%;padding:10px 15px}}@media (prefers-color-scheme:dark){:root{--light-bg:#2a2d3e;--dark-text:#2a2d3e;--chat-bg:#1e2130;--input-bg:#2a2d3e;--bot-msg-bg:#2a2d3e}.chat-container{background-color:#1e2130}.chat-input input{border-color:#ffffff1a;color:#f2f2f2;color:var(--dark-text)}.quick-option{background-color:#4776e6;background-color:var(--primary-color);border-color:#ffffff1a;color:#f8f9fa;color:var(--light-text)}}
/*# sourceMappingURL=main.dca9c82d.css.map*/