.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle{background:#0070f3;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.chat-toggle:hover{background:#0051a8;transform:scale(1.05)}.chat-toggle.open{background:#f44;transform:rotate(180deg)}.chat-container{width:320px;max-width:22.75rem;height:0;background:#fff;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);transition:all .3s ease;position:absolute;bottom:80px;right:0}.chat-container.open{height:400px;opacity:1;transform:translateY(0);padding-block:15px}.chat-header{padding:16px;border-bottom:1px solid #eee}.chat-header h3{margin:0;font-size:18px}.chat-header p{margin:4px 0 0;font-size:12px;color:#666}.chat-messages{height:calc(100% - 120px);padding:16px;overflow-y:auto}.chat-messages .message{margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}.chat-messages .message .bot-avatar{width:32px;height:32px;object-fit:cover}.chat-messages .message.user{flex-direction:row-reverse;text-align:right}.message-bubble{display:inline-block;padding:8px;border-radius:16px;max-width:90%;background:#ebedef;color:#333}.message-bubble p{overflow-wrap:break-word;font-size:.875rem;line-height:1.5}.user .message-bubble{background:#0070f3;color:#fff}.message-bubble .timestamp{display:flex;align-items:center;gap:4px;font-size:10px;color:#666;margin-top:4px}.user .message-bubble .timestamp{color:hsla(0,0%,100%,.8);justify-content:flex-end}.chat-input{display:flex;gap:8px;padding:16px;border-top:1px solid #eee}.chat-input input{flex:1 1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none}.chat-input input:focus{border-color:#0070f3}.chat-input button{background:none;border:none;cursor:pointer;padding:8px;color:#0070f3}.chat-input button:hover{color:#0051a8}