.dr-chat-btn{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#262262;border-radius:50%;cursor:pointer;border:none;box-shadow:0 4px 16px rgba(38,34,98,.35);z-index:9998;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.dr-chat-btn:hover{background:#00a9c4;transform:scale(1.08)}.dr-chat-btn svg{width:26px;height:26px;fill:white}.dr-chat-badge{position:absolute;top:-4px;right:-4px;background:#e44b5e;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;animation:drPulse 2s infinite}.dr-chat-badge.show{display:flex}@keyframes drPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.dr-chat-bubble{position:fixed;bottom:88px;right:88px;background:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.12);max-width:260px;display:none;z-index:9997;cursor:pointer;border:1px solid #e9ecef;animation:drSlideIn .3s ease-out}.dr-chat-bubble.show{display:block}.dr-chat-bubble-close{position:absolute;top:6px;right:10px;background:none;border:none;font-size:16px;color:#aaa;cursor:pointer}.dr-chat-bubble h4{margin:0 0 4px;font-size:14px;color:#262262;font-weight:700}.dr-chat-bubble p{margin:0;font-size:13px;color:#666;line-height:1.4}@keyframes drSlideIn{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.dr-chat-window{position:fixed;bottom:88px;right:20px;width:380px;height:580px;background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(38,34,98,.18);display:none;flex-direction:column;z-index:9999;overflow:hidden;transition:opacity .2s ease,transform .2s ease;transform:translateY(8px);opacity:0}.dr-chat-window.open{display:flex;opacity:1;transform:translateY(0)}.dr-chat-header{background:linear-gradient(135deg,#262262,#1a1750);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dr-chat-header-left{display:flex;align-items:center;gap:12px}.dr-chat-avatar{width:40px;height:40px;border-radius:50%;background:#00a9c4;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}.dr-chat-title{color:#fff;font-weight:700;font-size:15px}.dr-chat-subtitle{color:rgba(255,255,255,.7);font-size:12px;margin-top:2px}.dr-chat-close-btn{background:rgba(255,255,255,.15);border:none;border-radius:50%;width:30px;height:30px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.dr-chat-close-btn:hover{background:rgba(255,255,255,.25)}.dr-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.dr-chat-messages::-webkit-scrollbar{width:4px}.dr-chat-messages::-webkit-scrollbar-track{background:transparent}.dr-chat-messages::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.dr-msg{display:flex;flex-direction:column;max-width:82%}.dr-msg.bot{align-self:flex-start}.dr-msg.user{align-self:flex-end}.dr-msg.staff{align-self:flex-start}.dr-msg-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word}.dr-msg.bot .dr-msg-bubble{background:#f0f4ff;color:#1a1a2e;border-bottom-left-radius:4px}.dr-msg.user .dr-msg-bubble{background:#262262;color:#fff;border-bottom-right-radius:4px}.dr-msg.staff .dr-msg-bubble{background:#e8f9f7;color:#1a1a2e;border-bottom-left-radius:4px;border-left:3px solid #00a9c4}.dr-msg-label{font-size:11px;color:#aaa;margin-top:3px;padding:0 4px}.dr-msg.user .dr-msg-label{text-align:right}.dr-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f0f4ff;border-radius:16px;border-bottom-left-radius:4px;width:-moz-fit-content;width:fit-content;align-self:flex-start}.dr-typing span{width:7px;height:7px;border-radius:50%;background:#262262;opacity:.4;animation:drTyping 1.2s infinite}.dr-typing span:nth-child(2){animation-delay:.2s}.dr-typing span:nth-child(3){animation-delay:.4s}@keyframes drTyping{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.dr-chat-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff}.dr-chat-input-row{display:flex;gap:8px;align-items:flex-end}.dr-chat-input{flex:1;border:1.5px solid #e9ecef;border-radius:12px;padding:10px 14px;font-size:14px;resize:none;outline:none;font-family:inherit;line-height:1.4;max-height:100px;overflow-y:auto;transition:border-color .2s}.dr-chat-input:focus{border-color:#262262}.dr-chat-send{width:40px;height:40px;border-radius:50%;background:#262262;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.dr-chat-send:hover{background:#00a9c4}.dr-chat-send svg{width:18px;height:18px;fill:white}.dr-chat-send:disabled{background:#ccc;cursor:not-allowed}.dr-human-badge{text-align:center;font-size:11px;color:#00a9c4;font-weight:600;padding:4px 0;display:flex;align-items:center;justify-content:center;gap:6px}.dr-human-badge:after,.dr-human-badge:before{content:"";flex:1;height:1px;background:#e9ecef}@media (max-width:767px){.dr-chat-window{width:calc(100% - 20px);right:10px;height:calc(100vh - 90px);bottom:76px;border-radius:16px}.dr-chat-btn{right:10px;bottom:10px}.dr-chat-bubble{right:10px;left:10px;max-width:none}}