.chatbot-launcher{position:fixed;right:20px;bottom:20px;z-index:10010;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#4ecdc4,#1677ff);color:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25);border:none}
.chatbot-launcher i{font-size:20px}
.chatbot-panel{position:fixed;right:20px;bottom:90px;width:340px;max-height:60vh;background:#0c0f14;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:hidden;display:none;z-index:10010}
.chatbot-panel.open{display:flex;flex-direction:column}
.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;background:linear-gradient(135deg, #1B84FF 0%, #613cea 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.chatbot-header .title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}
.chatbot-header .title .status{font-size:12px;color:#a5b4fc}
.chatbot-header .actions{display:flex;gap:6px}
.chatbot-header .icon-btn{background:transparent;border:none;color:#cdd6f4;cursor:pointer;padding:6px;border-radius:8px}
/* .chatbot-header .icon-btn:hover{background:rgba(255,255,255,.06)} */
.chatbot-body{padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;background:#131313; min-height: 250px;}
.chat-msg{max-width:85%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4;color:#e5e7eb}
.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg, #1B84FF 0%, #613cea 100%);color:#fff;border-bottom-right-radius:4px}
.chat-msg.bot{align-self:flex-start;background:#272727;border-bottom-left-radius:4px}
.chat-time{font-size:11px;color:#94a3b8;margin-top:4px}
.chat-msg.user .chat-time{font-size:11px;color:#ffffffbf;margin-top:4px}
.typing{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px}
.typing .dots{display:inline-flex;gap:3px}
.typing .dots span{width:6px;height:6px;background:#94a3b8;border-radius:50%;display:inline-block;animation:blink 1s infinite ease-in-out}
.typing .dots span:nth-child(2){animation-delay:.2s}
.typing .dots span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
.chatbot-footer{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.06);background:#131313}
.chatbot-input{font-size: 14px; flex:1;resize:none;max-height:96px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#131313;color:#e5e7eb}
.send-btn{background:#1677ff;border:none;color:#fff;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:center}
.send-btn:disabled{opacity:.6}
.hidden{display:none}
.chat-headr-icon{
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    backdrop-filter: blur(10px);
}