:root{--primary-color:#0f172a;--secondary-color:#1e293b;--accent-color:#3b82f6;--accent-color-hover:#2563eb;--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--primary-color:#f8fafc;--secondary-color:#f1f5f9;--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex}.bot-container{flex-direction:column;width:100%;max-width:1200px;height:100vh;margin:0 auto;display:flex}.header{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.header-left{align-items:center;gap:1rem;display:flex}.agent-online{color:#10b981;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.agent-online-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}.header-actions{align-items:center;gap:1rem;display:flex}.action-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--border-color)}.icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{background:var(--border-color);color:var(--text-primary)}.info-strip{background:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:center;gap:1rem;padding:.5rem 2rem;font-size:.85rem;display:flex}.info-strip-link{color:var(--accent-color);font-weight:500;text-decoration:none}.info-strip-link:hover{text-decoration:underline}.chat-panel{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:1rem;max-width:75%;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}.chat-bubble-assistant{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:.25rem;align-self:flex-start;box-shadow:0 4px 6px -1px #0000000d}.chat-bubble-user{background:var(--accent-color);color:#fff;box-shadow:0 4px 6px -1px rgba(var(--accent-color), .2);border-bottom-right-radius:.25rem;align-self:flex-end}.chat-bubble p{margin-bottom:.5rem}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble ul,.chat-bubble ol{margin-bottom:.5rem;margin-left:1.5rem}.chat-bubble-assistant strong{font-weight:600}.suggestion-chips{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.chip:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.input-dock{background:var(--bg-color);border-top:1px solid var(--border-color);padding:1.5rem 2rem;position:sticky;bottom:0}.input-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.input-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.chat-input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:.75rem 0;font-family:inherit;font-size:1rem}.chat-input:focus{outline:none}.send-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--bg-color)}.send-btn:disabled{color:var(--border-color);cursor:not-allowed}.disclaimer{text-align:center;color:var(--text-secondary);margin-top:.75rem;font-size:.75rem}.typing-dots{gap:4px;display:flex}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}