.chat-box-container{height:100%;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;background:#fff}.chat-container .btn-chat{position:fixed;bottom:10%;right:5%;background-color:#0c9;width:84px;height:84px;color:#fff;border-radius:50%;padding:10px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background-color .3s;display:flex;justify-content:center;align-items:center;z-index:11;border:3px solid #fff;transition:.3s;overflow:hidden}.chat-container .btn-chat:before{content:"";position:absolute;top:-50%;left:-50%;width:200px;height:200px;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0));transform:rotate(30deg);animation:elsaShimmer 3s infinite}@keyframes elsaShimmer{0%{transform:rotate(30deg) translate(-30%,-30%)}to{transform:rotate(30deg) translate(30%,30%)}}.chat-container .chat-tooltip{position:fixed;bottom:18%;right:5%;z-index:12;background:linear-gradient(135deg,#036,#06c 50%,#0cf);color:#fff;padding:10px 18px;border-radius:25px;font-size:16px;font-weight:600;white-space:nowrap;opacity:0;transform:scale(.8) translateY(30px);box-shadow:0 6px 20px rgba(246,76,184,.4);pointer-events:none;animation:popFloat 5s cubic-bezier(.68,-.55,.265,1.55) 1.5s infinite;text-shadow:0 1px 2px rgba(0,0,0,.2);border:2px solid hsla(0,0%,100%,.911)}@keyframes popFloat{0%{opacity:0;transform:scale(.8) translateY(30px)}15%{opacity:1;transform:scale(1.05) translateY(0)}30%{transform:scale(1) translateY(0)}70%{opacity:1;transform:scale(1) translateY(-10px)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.chat-container .chat-tooltip:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #09f;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.chat-container .chat-tooltip:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:25px;background:hsla(0,0%,100%,.1);animation:bubblePulse 5s ease-in-out infinite}@keyframes bubblePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.03);opacity:.2}}.chat-container:hover .chat-tooltip{animation:none;transform:scale(1.05);filter:brightness(1.1);box-shadow:0 8px 25px rgba(246,76,184,.6)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-chat.pulse{animation:pulse 2s infinite}.chat-container .message{position:fixed;bottom:10%;right:7%}.chat-container .btn-chat i{font-size:24px!important}.chat-box-container .header{display:flex;align-items:center;gap:20px;height:60px;padding:8px 12px;box-shadow:5px 5px 10px -10px #f2f2f2;border-bottom:1px solid #f2f2f2}.chat-box-container .header .status-container{display:flex;flex-direction:column;align-items:flex-start}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-box-container .header .rotate{transition:all .3s;animation:rotateIcon 2s linear infinite}.chat-box-container .header .title{font-size:20px;font-weight:700;color:#033}.chat-box-container .header .status-line{display:flex;align-items:center;gap:5px;margin-top:2px}.chat-box-container .header .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(90deg,#3bb78f,#033)}.chat-box-container .header .status-text{font-size:14px;line-height:24px;color:#9c9}.chat-box-container .header .type-chat{display:flex;flex-direction:column;align-items:start;gap:2px;min-width:190px}@media only screen and (max-width:992px){.chat-box-container .header .type-chat{display:none}}.chat-box-container .header .type-chat div{font-size:16px;line-height:26px;font-weight:700;color:#033}.chat-box-container .header .type-chat p{font-size:13px;line-height:23px;font-weight:700;color:#033;cursor:pointer}.chat-box-container .header .type-chat p:hover{text-decoration:underline}.chat-box-container .chat-box{padding:15px;overflow:auto;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 60px)}.chat-box-container .chat-box .human-name{color:#033;font-weight:400;font-size:12px;line-height:22px;letter-spacing:0}.chat-box-container .chat-box .human-chat{background:#033;max-width:90%;gap:10px;border-top-left-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;overflow-wrap:break-word;z-index:10;padding:16px;color:#fff;font-weight:400;font-size:14px;line-height:24px;letter-spacing:0}.chat-box-container .chat-box .human-chat-img{background:#033;max-width:50%;gap:10px}.chat-box-container .chat-box .ai-chat{background:#ededed;max-width:90%;gap:10px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;overflow-wrap:break-word;z-index:10;padding:16px;color:#666;font-weight:400;font-size:14px;line-height:24px;letter-spacing:0}.chat-box-container .scroll-button{position:absolute;bottom:80px;right:22px;background:#033;border:1px solid #fff;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer;transition:opacity .3s ease,transform .3s ease;z-index:11}.chat-box-container .scroll-button:hover{transform:translateY(-3px)}.chat-box-container .input-chat{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 22px;gap:12px;border-radius:30px;background:#fff;box-shadow:5px 4px 20px 0 #00000021;margin:12px 15px 20px}.chat-box-container .input-chat input{border:none;width:100%}.chat-box-container .input-chat input:focus{outline:none}.chat-box-container .input-chat i{color:#033;font-size:20px}.title-chat{font-size:20px}.chat-box-container .input-chat .upload-img-bill input[type=file]{display:none}.chat-box-container .input-chat .upload-img-bill label{cursor:pointer}.chat-box-container .form-expense{padding:15px;overflow:auto;display:flex;flex-direction:column;gap:20px}@media only screen and (min-width:1600px){.select-bot-container .padding-common{padding:100px 300px}}@media only screen and (min-width:1400px) and (max-width:1599px){.select-bot-container .padding-common{padding:100px 200px}}@media only screen and (max-width:1400px){.select-bot-container .padding-common{padding:100px 150px}}@media only screen and (max-width:1200px){.select-bot-container .padding-common{padding:100px}}@media only screen and (max-width:1024px){.select-bot-container .padding-common{padding:100px 60px}}@media only screen and (max-width:768px){.select-bot-container .padding-common{padding:60px 30px}}@media only screen and (max-width:576px){.select-bot-container .padding-common{padding:20px}}.select-bot-container{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(-45deg,#1d9b5e,#32a8a8,#1e8449,#0e6655);background-size:400% 400%;animation:gradientAnimation 8s ease infinite}.select-bot-container .padding-common{display:flex;flex-direction:column;gap:16px;z-index:10}.select-bot-container .header{font-size:24px;font-weight:700;margin-bottom:20px;color:#181818;text-align:center}.select-bot-container .options{margin-bottom:20px}.select-bot-container .option{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .3s;background:#ffffff66;border:1px solid #d7d7d785;box-shadow:5px 5px 10px -10px #7c0fd1;background-color:#069}.select-bot-container .option img{border-radius:50%}.select-bot-container .option p{font-size:16px;font-weight:600;color:#fff}.select-bot-container .option.selected{background-color:#06aadc}.select-bot-container .option.owner{background-color:#063!important}.select-bot-container .icon{width:50px;height:50px;border-radius:50%;margin-bottom:8px}.select-bot-container .footer{text-align:center;margin-top:20px}.select-bot-container .confirm-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.select-bot-container .confirm-button:hover{background-color:#0056b3}.chatbot-info{display:flex;align-items:start;flex-wrap:wrap;gap:16px;min-height:156px;height:100%;background:#033;border-radius:15px;padding:20px}.chatbot-info img{border-radius:50%}.open-chatbot{display:flex;align-items:start;flex-wrap:wrap;gap:16px;min-height:156px;height:100%;background:#033;border-radius:15px;padding:20px}.open-chatbot img{border-radius:50%}.chatbot-info .bot-name,.open-chatbot .bot-name{display:flex;flex-direction:column;align-items:start;gap:8px}.chatbot-info p,.open-chatbot p{font-weight:600;font-size:16px;line-height:26px;letter-spacing:0;text-align:left;color:#fff}.chatbot-info img{animation:chatZoom 2s linear infinite}.chatbot-info .redirect{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.15);padding:6px 16px;border-radius:8px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;width:fit-content;height:36px;white-space:nowrap;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3)}.chatbot-info .redirect:hover{text-decoration:underline;background:hsla(0,0%,100%,.25);transform:scale(1.08)}@keyframes chatZoom{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.team-info{display:flex;flex-direction:column;gap:4px;min-height:156px;height:100%;background:#033;border-radius:15px;padding:20px}.team-info .qr{width:130px!important;height:130px!important;padding:0!important;border-radius:0!important}.team-info div{font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;text-align:left;color:#fff}.team-info i{cursor:pointer;font-size:16px;margin-left:8px}.team-info p{font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;text-align:left;color:#fff;text-decoration:underline;word-break:break-all;cursor:pointer}.team-info i:hover,.team-info p:hover{color:#aeecee}.register-chat-interface{display:flex;flex-direction:column;height:100%;background:#fff}.chat-header{background:linear-gradient(135deg,#14b8a6,#0d9488);padding:16px 20px;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1)}.chat-header,.chat-header-info{display:flex;align-items:center}.chat-header-info{gap:12px}.chat-header-avatar{width:100%;height:100%;border-radius:50%}.chat-status{display:flex;align-items:center;gap:6px;margin-top:2px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.chat-messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f9fafb}.chat-message-wrapper{display:flex;gap:10px;align-items:flex-end;max-width:100%}.chat-message-wrapper.bot-msg{justify-content:flex-start;align-items:flex-end}.chat-message-wrapper.user-msg{justify-content:flex-end;align-items:flex-end}.chat-avatar{width:36px;height:36px;flex-shrink:0}.chat-message{word-wrap:break-word;line-height:1.5;font-size:14px}.user-message{margin-left:auto}.bot-message{margin-right:auto}.chat-input-area{padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.chat-input-wrapper{display:flex;gap:12px;align-items:center}.chat-input-wrapper input{flex:1}.btn-send{flex-shrink:0}