.chat-float-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;bottom:20px;right:21px;width:70px;height:70px;background:linear-gradient(135deg,#001f5c,#003d99 15%,#0052cc 35%,#067bef 60%,#42a5f5 85%,#90caf9);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px 25px rgba(6,123,239,.4),0 4px 10px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);font-weight:700;font-size:16px;z-index:9999;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.chat-float-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%,rgba(0,0,0,.1));border-radius:50%;opacity:0;transition:opacity .3s ease}.chat-float-btn:hover:before{opacity:1}.chat-float-btn:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 35px rgba(6,123,239,.5),0 6px 15px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3);background:linear-gradient(135deg,#001a4d,#002e7a 20%,#0047b3 40%,#0566d6 65%,#3b8de8 85%,#7bb3f0)}.chat-float-btn.active{background:linear-gradient(135deg,#e64a19,#f4511e 15%,#ff7043 35%,#ff8a65 60%,#ffab91 85%,#ffccbc);box-shadow:0 8px 25px rgba(255,112,67,.4),0 4px 10px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3)}.chat-float-btn.active:hover{box-shadow:0 12px 35px rgba(255,112,67,.5),0 6px 15px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4);background:linear-gradient(135deg,#d84315,#e64a19 20%,#f4511e 40%,#ff7043 65%,#ff8a65 85%,#ffab91);transform:scale(1.15) rotate(-5deg)}@keyframes pulse{0%{box-shadow:0 8px 25px rgba(6,123,239,.4),0 4px 10px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 8px 25px rgba(6,123,239,.6),0 4px 10px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3)}to{box-shadow:0 8px 25px rgba(6,123,239,.4),0 4px 10px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2)}}.chat-float-btn{animation:pulse 3s ease-in-out infinite}.chat-float-btn.active,.chat-float-btn:hover{animation:none}.btn-icon{font-size:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 1px 2px rgba(255,255,255,.2))}.chat-window{position:fixed;bottom:20px;right:100px;width:360px;height:550px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;z-index:10000;overflow:hidden;animation:popup .3s ease-out}@keyframes popup{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background:linear-gradient(135deg,#067bef,#42a5f5 50%,#64b5f6);color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;cursor:move}.chat-avatar{width:36px;height:36px;border-radius:50%}.chat-agent-name{font-weight:700;font-size:14px}.chat-agent-status{font-size:12px;opacity:.9}.status-dot{display:inline-block;width:8px;height:8px;background:#00ff62;border-radius:50%;margin-right:4px}.chat-close{background:transparent;border:none;color:#fff;font-size:30px;cursor:pointer}.chat-body{flex:1;padding:12px;overflow-y:auto;background:#f3f6f9;display:flex;flex-direction:column;overscroll-behavior:contain}.chat-message{display:flex;flex-direction:column;margin:6px 0;width:100%}.from-agent{align-items:flex-start}.from-customer{align-items:flex-end}.sender{font-size:11px;color:#888;margin:0 4px 2px 4px}.from-customer .sender{text-align:right;margin-right:4px}.from-agent .sender{text-align:left;margin-left:4px}.chat-message .bubble{display:inline-block;padding:8px 12px;border-radius:12px;line-height:1.4;word-wrap:break-word;font-size:14px;position:relative;max-width:75%;box-sizing:border-box}.from-customer .bubble{align-self:flex-end;margin-right:6px;background:#dcf8c6;border-bottom-right-radius:2px}.from-agent .bubble{align-self:flex-start;background:#fff;border:1px solid #ddd;border-bottom-left-radius:2px;margin-left:6px}.msg-time{font-size:10px;color:#888;margin-top:6px;text-align:right}.chat-footer{border-top:1px solid #eee;background:#fff;padding:8px;box-shadow:0 -2px 6px rgba(0,0,0,.06)}.input-wrapper{display:flex;align-items:center;width:100%}.chat-input{flex:1;resize:none;border:1px solid #ddd;border-radius:12px;padding:8px 12px;font-size:14px;height:40px;margin-right:6px;outline:none}.chat-input:focus{border-color:#067bef}.chat-actions{display:flex;gap:6px}.emoji-btn,.send-btn{border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.emoji-btn{background:#f1f1f1}.send-btn{background:linear-gradient(135deg,#067bef,#42a5f5 50%,#64b5f6);color:#fff;font-size:16px}.send-btn:hover{background:linear-gradient(135deg,#0566d6,#3b8de8 50%,#5ba6f0)}.emoji-popup{position:absolute;bottom:60px;right:0;width:280px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.25);z-index:10001;padding:8px}.emoji-panel{display:grid;grid-template-columns:repeat(auto-fill,28px);gap:6px}.emoji-item{font-size:20px;text-align:center;cursor:pointer}.emoji-item:hover{transform:scale(1.2)}.chat-fade-enter-active,.chat-fade-leave-active{transition:opacity .3s}.chat-fade-enter,.chat-fade-leave-to{opacity:0}.emoji-popup{animation:popUp .2s ease-out}@keyframes popUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}