.chat-fab{cursor:pointer;width:60px;height:60px;z-index:var(--z-modal);background:linear-gradient(135deg,#0f172a 0%,#334155 100%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0f172a66}.chat-fab:hover{transform:scale(1.1)}.chat-icon{color:#fff;font-size:28px}.chat-window{width:350px;height:500px;z-index:var(--z-modal);background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:100px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-header-info h3{margin:0;font-size:16px;font-weight:600}.chat-header-info p{opacity:.9;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;display:flex}.status-dot{background:#bbf7d0;border-radius:50%;width:8px;height:8px}.close-btn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;margin-left:auto;padding:8px 12px;font-size:32px;line-height:1;transition:opacity .2s}.close-btn:hover{opacity:1;background:#ffffff1a;border-radius:4px}.chat-messages{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.message{border-radius:16px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message.agent{color:#1e293b;background:#f1f5f9;border-bottom-left-radius:4px;flex-direction:column;gap:8px;margin-right:auto;display:flex;box-shadow:0 2px 4px #0000000d}.message-link{color:#ef4444;border-bottom:1px dashed #ef444466;align-self:flex-start;margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.message-link:hover{opacity:.8;border-bottom-style:solid}.message.user{color:#fff;background:#7cc142;border-bottom-right-radius:4px;margin-left:auto}.chat-input-area{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:16px;display:flex}.chat-input-area input{border:1px solid #e2e8f0;border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s}.chat-input-area input:focus{border-color:#7cc142}.send-btn{color:#fff;cursor:pointer;background:#7cc142;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.send-btn:hover{background:#6ab035}@media (max-width:480px){.chat-window{width:calc(100% - 32px);height:60vh;bottom:90px;right:16px}}.suggestion-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.chip:hover{color:#fff;background:#0f172a;transform:translateY(-1px)}.message-container{flex-direction:column;align-items:flex-start;display:flex}.message-container.user{align-items:flex-end}