*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#25d366;--primary-dark:#128c7e;--bg:#f0f2f5;--white:#fff;--gray:#e4e6eb;--text:#1c1e21}body{background:var(--bg);font-family:Segoe UI,Roboto,sans-serif}.chat-container{background:var(--white);z-index:1000;opacity:0;border-radius:20px;flex-direction:column;width:360px;height:520px;transition:all .3s;display:none;position:fixed;bottom:90px;right:20px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 25px 60px #0003}.chat-container.active{opacity:1;display:flex;transform:translateY(0)scale(1)}.chat-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-header span{font-size:15px;font-weight:600}.close-chat{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;padding:6px 10px;font-size:16px;transition:all .2s}.close-chat:hover{background:#ffffff4d}.chat-messages{background:url(https://www.transparenttextures.com/patterns/cubes.png),#f0f2f5;flex:1;padding:15px;overflow-y:auto}.message{margin-bottom:12px;animation:.3s fadeIn;display:flex}.message-content{border-radius:18px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.4}.bot-message{justify-content:flex-start}.bot-message .message-content{background:#fff;border-radius:18px 18px 18px 5px;box-shadow:0 2px 6px #00000014}.user-message{justify-content:flex-end}.user-message .message-content{background:var(--primary);color:#fff;border-radius:18px 18px 5px}.chat-input-container{background:#fff;border-top:1px solid #eee;padding:12px}.chat-input-wrapper{gap:8px;display:flex}.chat-input-wrapper input{border:1px solid #ddd;border-radius:25px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.chat-input-wrapper input:focus{border-color:var(--primary)}.chat-input-wrapper button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:10px 16px;font-weight:500;transition:all .2s}.chat-input-wrapper button:hover{background:var(--primary-dark)}.chat-input-wrapper button:disabled{background:#ccc}.quick-actions{gap:6px;margin-top:10px;display:flex}.quick-actions button{cursor:pointer;background:#f1f1f1;border:none;border-radius:20px;flex:1;padding:8px;font-size:12px;transition:all .2s}.quick-actions button:hover{background:#e0e0e0}.chat-toggle{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;z-index:999;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:26px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 15px 40px #25d36666}.chat-toggle:hover{transform:scale(1.1)rotate(5deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}@media (width<=768px){.chat-container{width:calc(100vw - 20px);height:85vh;left:10px;right:10px}}