#ipset-chatbot-button{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
background:#1557ff;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
font-size:28px;
z-index:9999;
}

#ipset-chatbot-window{
position:fixed;
bottom:90px;
right:20px;
width:350px;
height:520px;
background:#fff;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.25);
display:flex;
flex-direction:column;
overflow:hidden;
z-index:9999;
}

.ipset-chatbot-hidden{
display:none !important;
}

.ipset-header{
background:#0d47a1;
color:#fff;
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
}

#ipset-chat-close{
cursor:pointer;
font-size:18px;
}

#ipset-chat-messages{
flex:1;
padding:15px;
overflow-y:auto;
background:#f5f6fa;
}

.ipset-message{
display:flex;
margin-bottom:12px;
}

.ipset-user-message{
justify-content:flex-end;
}

.ipset-message-avatar{
width:34px;
height:34px;
border-radius:50%;
background:#0d47a1;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
margin-right:8px;
}

.ipset-user-message .ipset-message-avatar{
display:none;
}

.ipset-message-content{
max-width:80%;
padding:10px 14px;
border-radius:16px;
background:#fff;
font-size:14px;
line-height:1.5;
}

.ipset-user-message .ipset-message-content{
background:#1557ff;
color:#fff;
}

.ipset-input{
display:flex;
padding:10px;
border-top:1px solid #ddd;
background:#fff;
}

#ipset-chat-input{
flex:1;
resize:none;
height:42px;
border:1px solid #ccc;
border-radius:12px;
padding:10px;
}

#ipset-chat-send{
width:46px;
margin-left:8px;
border:none;
border-radius:50%;
background:#1557ff;
color:#fff;
cursor:pointer;
}

#ipset-chat-typing{
padding:8px 15px;
font-size:12px;
color:#666;
background:#fff;
}