:root{--primary: #4F46E5;--primary-light: #818CF8;--primary-dark: #3730A3;--secondary: #0ea5e9;--accent: #10B981;--danger: #EF4444;--bg-main: #F9FAFB;--bg-chat: #FFFFFF;--text-main: #1F2937;--text-muted: #6B7280;--border-color: #E5E7EB;--msg-user-bg: var(--primary);--msg-user-text: #FFFFFF;--msg-bot-bg: #F3F4F6;--msg-bot-text: #1F2937;--chat-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bubble-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--radius-xl: 1rem;--radius-lg: .75rem;--radius-md: .5rem;--transition-fast: .2s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:linear-gradient(135deg,#fdfbfb,#ebedee)}.chat-container{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:100vh;background-color:var(--bg-chat);border-radius:0;display:flex;flex-direction:column;overflow:hidden;z-index:999}.chat-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.header-info{display:flex;align-items:center;gap:.75rem}.bot-avatar{position:relative;width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:var(--accent);border-radius:50%;border:2px solid var(--primary)}.header-text h2{font-size:1.1rem;font-weight:600;line-height:1.2}.header-text p{font-size:.75rem;opacity:.9;font-weight:300}.action-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.7;transition:var(--transition-fast)}.action-btn:hover{opacity:1;transform:scale(1.1)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:#fafafa;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.message-date{text-align:center;font-size:.75rem;color:var(--text-muted);font-weight:500;margin:.5rem 0}.message{display:flex;flex-direction:column;max-width:85%;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{padding:.75rem 1rem;font-size:.9rem;line-height:1.4;box-shadow:var(--bubble-shadow);position:relative;word-wrap:break-word}.message-time{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;align-self:flex-end}.message.bot{align-self:flex-start}.message.bot .message-content{background-color:var(--msg-bot-bg);color:var(--msg-bot-text);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 0;border-bottom-left-radius:2px}.message.user{align-self:flex-end}.message.user .message-content{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--msg-user-text);border-radius:var(--radius-lg) var(--radius-lg) 0 var(--radius-lg);border-bottom-right-radius:2px}.message.user p{color:#fff}.message-content strong{font-weight:600}.dots{display:flex;gap:4px;padding:.2rem 0}.dots span{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{background-color:var(--bg-chat);border-top:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.quick-actions{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.quick-actions::-webkit-scrollbar{height:0}.quick-action-btn{background-color:#fff;border:1px solid var(--primary-light);color:var(--primary);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);display:flex;align-items:center;gap:.4rem}.quick-action-btn:hover{background-color:var(--primary);color:#fff}.input-form{display:flex;gap:.5rem;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:2rem;padding:.3rem .3rem .3rem 1.25rem;transition:var(--transition-fast)}.input-form:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px #4f46e51a}#message-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main);outline:none}#message-input::placeholder{color:#9ca3af}#send-btn{width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:var(--transition-fast)}#send-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}#send-btn:not(:disabled):hover{background-color:var(--primary-dark)}.branding{text-align:center;font-size:.65rem;color:var(--text-muted);opacity:.7}