@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:0 0!important}:root{--bg-dark:#090a10;--bg-chat-header:#0f111c;--bg-chat-body:#07080e;--bg-input:#121422;--text-main:#f3f4f6;--text-muted:#9ca3af;--neon-cyan:#00f2fe;--neon-purple:#9d4edd;--neon-green:#10b981;--gradient-launcher:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);--gradient-msg-user:linear-gradient(135deg, #00f2fe 0%, #7928ca 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:0 0;width:100vw;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.widget-root{background:0 0;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;display:flex}.launcher-btn{background:var(--gradient-launcher);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:8px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #00f2fe59,0 0 20px #9d4edd33}.launcher-btn:hover{transform:scale(1.08)rotate(5deg);box-shadow:0 12px 30px #00f2fe80,0 0 30px #9d4edd66}.launcher-icon{color:#090a10;width:32px;height:32px;transition:transform .3s}.launcher-btn:hover .launcher-icon{transform:scale(1.05)}.chat-window{background:var(--bg-chat-body);border:1px solid #00f2fe40;border-radius:20px;flex-direction:column;width:380px;height:600px;margin:8px;animation:.45s cubic-bezier(.16,1,.3,1) slide-up;display:flex;overflow:hidden;box-shadow:0 12px 40px #000000b3}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{background:var(--bg-chat-header);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.bot-avatar{background:var(--gradient-launcher);color:#090a10;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 0 10px #00f2fe4d}.bot-meta h4{color:#fff;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600}.bot-status{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.status-dot{background:var(--neon-green);width:6px;height:6px;box-shadow:0 0 6px var(--neon-green);border-radius:50%}.close-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;transition:all .25s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.messages-history{background-image:radial-gradient(circle at 10% 10%,#9d4edd0a 0%,#0000 40%),radial-gradient(circle at 90% 90%,#00f2fe0a 0%,#0000 40%);flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.messages-history::-webkit-scrollbar{width:5px}.messages-history::-webkit-scrollbar-track{background:0 0}.messages-history::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.messages-history::-webkit-scrollbar-thumb:hover{background:#00f2fe4d}.msg-wrapper{flex-direction:column;max-width:80%;display:flex}.msg-wrapper.bot{align-self:flex-start}.msg-wrapper.user{align-self:flex-end}.msg-bubble{border-radius:16px;padding:12px 16px;font-size:.9rem;line-height:1.45}.bot .msg-bubble{color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff0d;border-top-left-radius:4px}.user .msg-bubble{background:var(--gradient-msg-user);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 15px #7928ca33}.msg-time{color:var(--text-muted);margin-top:4px;font-size:.7rem}.bot .msg-time{align-self:flex-start;margin-left:4px}.user .msg-time{align-self:flex-end;margin-right:4px}.typing-bubble{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:4px 16px 16px;align-self:flex-start;align-items:center;gap:4px;padding:12px 20px;display:flex}.typing-dot{background-color:var(--neon-cyan);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-dot:nth-child(2){background-color:#8338ec;animation-delay:.2s}.typing-dot:nth-child(3){background-color:#ff007f;animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{background:var(--bg-input);border-top:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-input{color:#fff;resize:none;background:#0003;border:1px solid #ffffff0f;border-radius:12px;outline:none;flex-grow:1;max-height:80px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .3s}.chat-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f2fe26}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--gradient-launcher);cursor:pointer;color:#090a10;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #00f2fe33}.send-btn:hover{transform:scale(1.06);box-shadow:0 6px 15px #00f2fe66}.send-btn:disabled{color:#fff3;cursor:not-allowed;box-shadow:none;background:#ffffff0d}.widget-branding{text-align:center;background:var(--bg-chat-header);color:var(--text-muted);border-top:1px solid #ffffff05;padding:6px 0;font-size:.7rem}.widget-branding a{color:var(--neon-cyan);margin-left:2px;font-weight:600;text-decoration:none}.widget-branding a:hover{text-decoration:underline}.msg-wrapper.agent{align-self:flex-start}.agent .msg-bubble{color:#e2b6ff;background:linear-gradient(135deg,#9d4edd26 0%,#14141966 100%);border:1px solid #9d4edd4d;border-top-left-radius:4px;box-shadow:0 0 10px #9d4edd14}.msg-wrapper.system{align-self:center;max-width:90%;margin:8px 0}.system .msg-bubble{color:var(--text-muted);text-align:center;background:#ffffff05;border:1px dashed #ffffff14;border-radius:12px;padding:8px 14px;font-size:.78rem;line-height:1.4;box-shadow:inset 0 0 8px #0003}.widget-root.preview-mode{width:100%;height:100%;margin:0;padding:0;display:block}.widget-root.preview-mode .chat-window{border:none;border-radius:0;width:100%;height:100%;margin:0}.widget-root.preview-mode .launcher-btn{display:none}
