#chat-button{text-wrap:nowrap;background:linear-gradient(135deg,#d7bb66 0%,#e6c878 100%);color:#072044;border:0;border-radius:50px;padding:12px 18px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 32px rgba(7,32,68,.15),0 4px 16px rgba(215,187,102,.2),0 2px 8px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:fixed;bottom:24px;right:20px;left:20px;z-index:1000;width:fit-content;display:flex;align-items:center;gap:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}#chat-button:hover{background:linear-gradient(135deg,#072044 0%,#0a2a5a 100%);color:#d7bb66;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(7,32,68,.25),0 6px 20px rgba(215,187,102,.3),0 3px 12px rgba(0,0,0,.15)}#chat-button:hover svg{fill:#d7bb66}#chat-button:active{background:linear-gradient(135deg,#004080 0%,#072044 100%);transform:translateY(-2px) scale(1.01)}.chat{position:fixed;bottom:90px;right:20px;left:20px;width:500px;max-width:90%;height:470px;z-index:1001;display:flex;flex-direction:column;animation:chatAppear .5s cubic-bezier(.25,.46,.45,.94)}.card{border-radius:20px;background:linear-gradient(145deg,rgba(7,32,68,.95) 0%,rgba(10,42,90,.9) 100%);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3),0 10px 30px rgba(7,32,68,.2),0 5px 15px rgba(0,0,0,.1)}.card-header{border-radius:20px 20px 0 0;border-bottom:0;padding:16px 20px;background:linear-gradient(135deg,rgba(7,32,68,.95) 0%,rgba(10,42,90,.85) 100%);backdrop-filter:blur(10px);color:#d7bb66;flex-shrink:0;border-bottom:1px solid rgba(215,187,102,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.card-footer{border-radius:0 0 20px 20px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(7,32,68,.8) 0%,rgba(0,0,0,.3) 100%);backdrop-filter:blur(15px);padding:16px 20px;flex-shrink:0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.card-header div{gap:15px}.msg_card_body{flex:1;overflow-y:auto;padding:20px 16px;scrollbar-width:thin;scrollbar-color:#d7bb66 transparent;background:linear-gradient(to bottom,rgba(255,255,255,.02) 0%,transparent 100%)}.msg_card_body::-webkit-scrollbar{width:6px}.msg_card_body::-webkit-scrollbar-track{background:transparent}.msg_card_body::-webkit-scrollbar-thumb{background-color:#d7bb66;border-radius:3px}.user_img{height:45px;width:45px;border:2px solid rgba(215,187,102,.3);box-shadow:0 2px 8px rgba(0,0,0,.1)}.user_img_msg{height:35px;width:35px;border:2px solid rgba(215,187,102,.3);box-shadow:0 2px 6px rgba(0,0,0,.1)}.img_cont{position:relative;height:45px;width:45px}.img_cont_msg{height:35px;width:35px;flex-shrink:0}.online_icon{position:absolute;height:12px;width:12px;background:linear-gradient(135deg,#4cd137 0%,#5ee145 100%);border-radius:50%;bottom:.2em;right:.4em;border:2px solid #fff;box-shadow:0 2px 4px rgba(76,209,55,.3);animation:pulse 2s infinite}.user_info{margin-left:10px}.user_info span{font-size:16px;color:#fff;font-weight:500}.msg_cotainer{margin-left:12px;border-radius:20px 20px 20px 6px;background:linear-gradient(135deg,#d7bb66 0%,#e6c878 100%);color:#072044;padding:14px 18px;position:relative;border:0;max-width:75%;word-wrap:break-word;font-weight:500;box-shadow:0 4px 16px rgba(215,187,102,.3),0 2px 8px rgba(0,0,0,.1);animation:messageAppear .4s cubic-bezier(.25,.46,.45,.94);line-height:1.5}.msg_cotainer_send{margin-right:12px;border-radius:20px 20px 6px 20px;background:linear-gradient(135deg,#072044 0%,#0a2a5a 100%);padding:14px 18px;position:relative;border:0;color:#fff;max-width:75%;word-wrap:break-word;box-shadow:0 4px 16px rgba(7,32,68,.3),0 2px 8px rgba(0,0,0,.1);animation:messageAppear .4s cubic-bezier(.25,.46,.45,.94);line-height:1.5}.error-container{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)!important;color:#fff!important;box-shadow:0 4px 16px rgba(220,53,69,.3),0 2px 8px rgba(0,0,0,.1)!important}.retry-btn{border-color:rgba(255,255,255,.6)!important;color:#fff!important;font-size:.875rem;background:rgba(255,255,255,.1)!important;transition:all .3s ease!important}.retry-btn:hover{background:rgba(255,255,255,.2)!important;border-color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(255,255,255,.2)!important}.modern-input-container{padding:0;margin:0}.input-wrapper{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border-radius:28px;padding:4px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(215,187,102,.08),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.input-wrapper:hover{border-color:rgba(215,187,102,.4);box-shadow:0 12px 40px rgba(0,0,0,.15),0 6px 20px rgba(215,187,102,.12),inset 0 1px 0 rgba(255,255,255,.15);transform:translateY(-1px)}.input-wrapper:focus-within{border-color:rgba(215,187,102,.6);box-shadow:0 0 0 4px rgba(215,187,102,.15),0 16px 48px rgba(0,0,0,.2),0 8px 24px rgba(215,187,102,.15),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-2px)}.modern-input{flex:1;background:transparent!important;border:0!important;color:#fff!important;padding:14px 20px!important;font-size:15px!important;font-weight:400!important;outline:0!important;border-radius:24px!important;transition:all .3s ease!important}.modern-input::placeholder{color:rgba(255,255,255,.6)!important;font-weight:400!important}.modern-input:focus{box-shadow:none!important;outline:0!important}.modern-send-btn{position:relative;width:48px;height:48px;border-radius:50%;border:0;background:transparent;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);margin:2px;flex-shrink:0}.btn-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d7bb66 0%,#e6c878 50%,#f0d28c 100%);border-radius:50%;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 6px 20px rgba(215,187,102,.4),0 3px 10px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(-45deg) translateX(-100%);transition:transform .6s ease}.btn-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#072044;transition:all .3s ease}.send-icon{transition:all .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center;filter:drop-shadow(0 1px 3px rgba(7,32,68,.15))}.loading-spinner{position:absolute;opacity:0;transform:scale(0);transition:all .3s ease}.spinner-ring{width:20px;height:20px;border:2px solid rgba(7,32,68,.2);border-top:2px solid #072044;border-radius:50%;animation:spin 1s linear infinite}.btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);pointer-events:none;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px}.modern-send-btn:hover .btn-background{background:linear-gradient(135deg,#e6c878 0%,#f0d28c 50%,#f5d69b 100%);box-shadow:0 10px 30px rgba(215,187,102,.5),0 5px 15px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);transform:scale(1.05)}.modern-send-btn:hover .send-icon{transform:translateX(1px) rotate(15deg) scale(1.1);filter:drop-shadow(0 2px 6px rgba(7,32,68,.2))}.modern-send-btn:hover .btn-shine{transform:rotate(-45deg) translateX(100%)}.modern-send-btn:hover{transform:translateY(-1px)}.modern-send-btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.modern-send-btn:active .btn-ripple{animation:modernRipple .6s ease-out}.modern-send-btn.loading .send-icon{opacity:0;transform:scale(0)}.modern-send-btn.loading .loading-spinner{opacity:1;transform:scale(1)}.modern-send-btn:disabled{cursor:not-allowed;transform:none}.modern-send-btn:disabled .btn-background{background:linear-gradient(135deg,rgba(215,187,102,.3) 0%,rgba(230,200,120,.3) 100%);box-shadow:0 3px 10px rgba(215,187,102,.1),0 1px 5px rgba(0,0,0,.05);transform:none}.modern-send-btn:disabled .send-icon{opacity:.5;transform:none;filter:none}.modern-clear-btn{position:relative;width:40px;height:40px;border-radius:50%;border:0;background:transparent;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin-left:8px;flex-shrink:0}.clear-btn-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(220,53,69,.1) 0%,rgba(255,107,107,.15) 100%);border-radius:50%;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.clear-btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(-45deg) translateX(-100%);transition:transform .5s ease}.clear-btn-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);transition:all .3s ease}.clear-icon{transition:all .3s cubic-bezier(.25,.46,.45,.94);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transform-origin:center}.clear-confirm-icon{position:absolute;opacity:0;transform:scale(0) rotate(-90deg);transition:all .3s cubic-bezier(.25,.46,.45,.94);color:#4cd137}.clear-btn-ripple{position:absolute;border-radius:50%;background:rgba(220,53,69,.3);transform:scale(0);pointer-events:none;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px}.modern-clear-btn:hover .clear-btn-background{background:linear-gradient(135deg,rgba(220,53,69,.2) 0%,rgba(255,107,107,.25) 100%);border-color:rgba(220,53,69,.3);transform:scale(1.05);box-shadow:0 6px 20px rgba(220,53,69,.2),0 3px 10px rgba(0,0,0,.1)}.modern-clear-btn:hover .clear-btn-content{color:rgba(255,255,255,1)}.modern-clear-btn:hover .clear-icon{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 2px 4px rgba(220,53,69,.3))}.modern-clear-btn:hover .clear-btn-shine{transform:rotate(-45deg) translateX(100%)}.modern-clear-btn:hover{transform:translateY(-1px)}.modern-clear-btn:active{transform:translateY(0) scale(.95);transition:all .1s ease}.modern-clear-btn:active .clear-btn-ripple{animation:clearRipple .6s ease-out}.modern-clear-btn.confirmed .clear-icon{opacity:0;transform:scale(0) rotate(90deg)}.modern-clear-btn.confirmed .clear-confirm-icon{opacity:1;transform:scale(1.2) rotate(0deg)}.modern-clear-btn.confirmed .clear-btn-background{background:linear-gradient(135deg,rgba(76,209,55,.2) 0%,rgba(94,225,69,.25) 100%);border-color:rgba(76,209,55,.4)}.modern-clear-btn.warning .clear-btn-background{background:linear-gradient(135deg,rgba(255,193,7,.2) 0%,rgba(255,220,93,.25) 100%);border-color:rgba(255,193,7,.4);animation:warningPulse 1.5s infinite}.modern-clear-btn.warning .clear-icon{color:#ffc107;animation:warningShake .5s ease-in-out}.modern-clear-btn:focus{outline:2px solid rgba(220,53,69,.5);outline-offset:3px}.modern-clear-btn:focus:not(:focus-visible){outline:0}.modern-clear-btn:focus-visible{outline:2px solid rgba(220,53,69,.8);outline-offset:3px}#typing-indicator{margin-left:12px;animation:fadeIn .3s ease-in-out}.typing-dots{background:linear-gradient(135deg,rgba(215,187,102,.15) 0%,rgba(230,200,120,.1) 100%);backdrop-filter:blur(10px);border:1px solid rgba(215,187,102,.2);border-radius:20px;padding:14px 18px;display:flex;align-items:center;gap:10px;color:rgba(215,187,102,.9);font-weight:500;box-shadow:0 4px 16px rgba(215,187,102,.1),0 2px 8px rgba(0,0,0,.05)}.dots{display:flex;gap:4px;align-items:center}.dots span{width:8px;height:8px;background:linear-gradient(135deg,#d7bb66 0%,#e6c878 100%);border-radius:50%;animation:typingPulse 1.6s infinite ease-in-out;box-shadow:0 2px 4px rgba(215,187,102,.3)}.dots span:nth-child(2){animation-delay:.3s}.dots span:nth-child(3){animation-delay:.6s}.hidden{display:none!important}@keyframes modernRipple{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes clearRipple{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes warningPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,193,7,.4)}50%{box-shadow:0 0 0 8px rgba(255,193,7,0)}}@keyframes warningShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-2deg)}75%{transform:translateX(2px) rotate(2deg)}}@keyframes typingPulse{0%,80%,100%{transform:translateY(0) scale(1);opacity:.6}40%{transform:translateY(-12px) scale(1.1);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes messageAppear{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatAppear{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{box-shadow:0 2px 4px rgba(76,209,55,.3),0 0 0 0 rgba(76,209,55,.7)}50%{box-shadow:0 2px 4px rgba(76,209,55,.3),0 0 0 4px rgba(76,209,55,0)}100%{box-shadow:0 2px 4px rgba(76,209,55,.3),0 0 0 0 rgba(76,209,55,0)}}[dir="rtl"] .msg_cotainer{margin-right:12px;margin-left:0;border-radius:20px 20px 6px 20px}[dir="rtl"] .msg_cotainer_send{margin-left:12px;margin-right:0;border-radius:20px 20px 20px 6px}[dir="rtl"] .user_info{margin-right:12px;margin-left:0}[dir="rtl"] #typing-indicator{margin-right:12px;margin-left:0}[dir="rtl"] .online_icon{left:.4em;right:unset}[dir="rtl"] .modern-clear-btn{margin-right:8px;margin-left:0}@media(prefers-reduced-motion:reduce){.dots span,.msg_cotainer,.msg_cotainer_send,.chat{animation:none!important}#chat-button,.send_btn,.type_msg,.send-icon,.send-ripple,.modern-clear-btn,.clear-icon,.clear-btn-shine,.clear-btn-background{animation:none!important;transition:none!important}.send_btn:hover .send-icon,.modern-clear-btn:hover .clear-icon{transform:none!important}}.modern-send-btn:focus{outline:3px solid rgba(215,187,102,.6);outline-offset:4px}.modern-send-btn:focus:not(:focus-visible){outline:0}.modern-send-btn:focus-visible{outline:3px solid rgba(215,187,102,.8);outline-offset:4px}@media(prefers-contrast:high){.modern-send-btn .btn-background{background:#d7bb66!important;border:2px solid #072044!important}.modern-send-btn:hover .btn-background{background:#e6c878!important;border-color:#004080!important}.modern-send-btn:disabled .btn-background{background:#ccc!important;border-color:#999!important}.modern-send-btn:disabled .send-icon{color:#666!important}}@media(max-width:768px){#chat-button{bottom:16px;right:16px;left:16px;padding:14px 20px;font-size:15px;gap:8px;box-shadow:0 6px 24px rgba(7,32,68,.2),0 3px 12px rgba(215,187,102,.15),0 1px 6px rgba(0,0,0,.1)}.chat{width:calc(100% - 32px);height:420px;bottom:75px;right:16px;left:16px}.card-header{padding:14px 16px}.card-footer{padding:14px 16px}.msg_card_body{padding:16px 12px}.msg_cotainer,.msg_cotainer_send{max-width:85%;font-size:14px;padding:12px 16px;margin-left:8px;margin-right:8px}[dir="rtl"] .msg_cotainer{margin-right:8px;margin-left:0}[dir="rtl"] .msg_cotainer_send{margin-left:8px;margin-right:0}.user_img{height:40px;width:40px}.user_img_msg{height:30px;width:30px}.img_cont{height:40px;width:40px}.img_cont_msg{height:30px;width:30px}.input-wrapper{border-radius:24px;padding:3px}.modern-input{font-size:14px!important;padding:12px 18px!important}.modern-send-btn{width:42px!important;height:42px!important}.send-icon{width:18px!important;height:18px!important}.spinner-ring{width:18px!important;height:18px!important}.modern-clear-btn{width:36px!important;height:36px!important;margin-left:6px!important}[dir="rtl"] .modern-clear-btn{margin-right:6px!important;margin-left:0!important}.clear-icon{width:16px!important;height:16px!important}.clear-confirm-icon svg{width:16px!important;height:16px!important}#typing-indicator{margin-left:8px}[dir="rtl"] #typing-indicator{margin-right:8px;margin-left:0}.typing-dots{padding:12px 16px;font-size:14px}.dots span{width:6px;height:6px}}@media(max-width:480px){.chat{height:380px}.msg_cotainer,.msg_cotainer_send{max-width:90%;font-size:13px}#chat-button{padding:12px 16px;font-size:14px}.input-wrapper{border-radius:22px;padding:2px}.modern-input{font-size:13px!important;padding:10px 16px!important}.modern-send-btn{width:38px!important;height:38px!important}.send-icon{width:16px!important;height:16px!important}.spinner-ring{width:16px!important;height:16px!important}.modern-clear-btn{width:32px!important;height:32px!important;margin-left:4px!important}[dir="rtl"] .modern-clear-btn{margin-right:4px!important;margin-left:0!important}.clear-icon{width:14px!important;height:14px!important}.clear-confirm-icon svg{width:14px!important;height:14px!important}}