:root{--agent-primary:#00e0d6;--agent-secondary:#00a8ff;--agent-bg:#0a0c1bf2;--agent-border:#00e0d64d;--agent-text:#e0e6f0;--agent-accent:#ff007f}#agent-chat-panel{background:var(--agent-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--agent-border);z-index:10000;border-radius:24px;flex-direction:column;width:380px;height:600px;font-family:Inter,sans-serif;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:none;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 20px #00e0d61a}.agent-header{border-bottom:1px solid var(--agent-border);background:linear-gradient(135deg,#00e0d61a 0%,#00a8ff1a 100%);justify-content:space-between;align-items:center;padding:20px;display:flex}.agent-header-info{align-items:center;gap:12px;display:flex}.agent-avatar{background:linear-gradient(135deg, var(--agent-primary), var(--agent-secondary));color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;box-shadow:0 0 15px #00e0d666}.agent-status{flex-direction:column;display:flex}.agent-name{color:#fff;font-size:1rem;font-weight:700}.agent-status-tag{color:var(--agent-primary);align-items:center;gap:4px;font-size:.7rem;display:flex}.agent-status-tag:before{content:"";background:var(--agent-primary);width:6px;height:6px;box-shadow:0 0 10px var(--agent-primary);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}#agent-chat-body{scrollbar-width:thin;scrollbar-color:var(--agent-border) transparent;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.agent-msg-bubble{border-radius:18px;max-width:85%;padding:12px 16px;font-size:.9rem;line-height:1.5;animation:.3s ease-out slideInUp;position:relative}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-msg-from-agent{color:var(--agent-text);background:#ffffff0d;border:1px solid #ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.agent-msg-from-user{background:linear-gradient(135deg, var(--agent-primary), var(--agent-secondary));color:#000;border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.agent-typing{color:var(--agent-primary);opacity:.8;margin-left:5px;font-size:.8rem;font-style:italic}.agent-footer{border-top:1px solid var(--agent-border);background:#ffffff05;gap:10px;padding:15px 20px;display:flex}.agent-input{border:1px solid var(--agent-border);color:#fff;background:#0000004d;border-radius:12px;outline:none;flex:1;padding:10px 15px;font-size:.9rem;transition:border-color .3s}.agent-input:focus{border-color:var(--agent-primary);box-shadow:0 0 10px #00e0d633}.agent-send-btn{background:var(--agent-primary);color:#000;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.agent-send-btn:hover{transform:scale(1.1)}.agent-wa-fallback-btn{color:#fff;background:#25d366;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:12px 20px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 30px #25d3664d}.agent-wa-fallback-btn:hover{background:#20ba5a;transform:scale(1.05)translateY(-2px)}.agent-wa-fallback-btn i{font-size:1.2rem}.dot-typing{background-color:var(--agent-primary);width:5px;height:5px;color:var(--agent-primary);box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary);border-radius:5px;margin-left:10005px;animation:1.5s linear infinite dot-typing;display:inline-block;position:relative;left:-9999px}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}16.667%{box-shadow:9984px -10px 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}33.333%{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}50%{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px -10px 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}66.667%{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}83.333%{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px -10px 0 0 var(--agent-primary)}to{box-shadow:9984px 0 0 0 var(--agent-primary), 9991px 0 0 0 var(--agent-primary), 9998px 0 0 0 var(--agent-primary)}}@media (width<=768px){#agent-chat-panel{width:90%!important;height:75vh!important;max-height:500px!important;bottom:15px!important;left:5%!important;right:5%!important}.agent-input{font-size:16px!important}}