@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chatbot-fab{position:fixed;bottom:28px;right:28px;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#172554,#1e3a5f);color:#fdba74;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #17255473,0 0 #fdba7400;z-index:9999;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:fabPulse 2.5s ease-in-out infinite}.chatbot-fab:hover{transform:scale(1.1);box-shadow:0 8px 32px #1725548c,0 0 0 8px #fdba7426}.chatbot-fab:active{transform:scale(.95)}.chatbot-fab svg{width:28px;height:28px;transition:transform .3s ease}.chatbot-fab:hover svg{transform:rotate(-8deg) scale(1.05)}@keyframes fabPulse{0%,to{box-shadow:0 6px 24px #17255473,0 0 #fdba7440}50%{box-shadow:0 6px 24px #17255473,0 0 0 10px #fdba7400}}.chatbot-fab .fab-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border:2px solid white;animation:badgeBounce .4s ease}@keyframes badgeBounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.chatbot-overlay{position:fixed;bottom:100px;right:28px;width:400px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 140px);z-index:9998;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 20px 60px #1725544d,0 0 0 1px #17255414;transform-origin:bottom right;animation:panelOpen .35s cubic-bezier(.34,1.56,.64,1) forwards}.chatbot-overlay.closing{animation:panelClose .25s ease forwards}@keyframes panelOpen{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes panelClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.6) translateY(20px)}}.chat-header{background:linear-gradient(135deg,#172554,#1e3a5f);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:38px;height:38px;background:#fdba7433;border:2px solid rgba(253,186,116,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-avatar svg{width:20px;height:20px;color:#fdba74}.chat-header-info h2{font-size:15px;font-weight:700;letter-spacing:.5px;margin:0;line-height:1.3}.chat-header-info h2 .accent{color:#fdba74}.chat-header-info p{font-size:11px;color:#ffffffa6;margin:0;display:flex;align-items:center;gap:5px}.chat-header-info p .status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;display:inline-block;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.chat-header-actions{display:flex;gap:4px}.chat-header-actions button{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff14;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-header-actions button:hover{background:#ffffff26;color:#fdba74}.chat-header-actions button svg{width:16px;height:16px}.chatBox{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:30px 20px;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-icon{width:64px;height:64px;background:linear-gradient(135deg,#172554,#1e3a5f);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px #17255433}.chat-welcome-icon svg{width:32px;height:32px;color:#fdba74}.chat-welcome h3{font-size:17px;font-weight:700;color:#172554;margin-bottom:6px}.chat-welcome p{font-size:13px;color:#64748b;max-width:280px;line-height:1.5;margin-bottom:20px}.chat-welcome-suggestions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.suggestion-btn{padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-size:12.5px;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:8px}.suggestion-btn:hover{border-color:#172554;background:#f0f4ff;color:#172554;transform:translate(4px)}.suggestion-btn .suggestion-emoji{font-size:16px;flex-shrink:0}.message{display:flex;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.messageContent{max-width:82%;padding:10px 14px;border-radius:14px;word-wrap:break-word;line-height:1.5;font-size:13.5px;position:relative}.message.bot .messageContent{background:#fff;color:#334155;border:1px solid #e2e8f0;border-top-left-radius:4px;box-shadow:0 1px 3px #0000000a}.message.user .messageContent{background:linear-gradient(135deg,#172554,#1e3a5f);color:#fff;border-top-right-radius:4px;box-shadow:0 2px 8px #17255440}.message.bot .messageContent.loading{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:13px;font-style:italic}.typing-dots{display:flex;gap:4px;align-items:center}.typing-dots span{width:6px;height:6px;background:#172554;border-radius:50%;animation:dotBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.metadata{font-size:10px;color:#94a3b8;margin-top:6px;padding-top:6px;border-top:1px solid #e2e8f0;font-style:italic;display:flex;align-items:center;gap:4px}.metadata:before{content:"📊";font-size:11px}.inputArea{padding:12px 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:8px;background:#fff;flex-shrink:0}.inputArea input{flex:1;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-family:Inter,sans-serif;outline:none;transition:border-color .25s ease,box-shadow .25s ease;background:#f8fafc;color:#1e293b}.inputArea input::placeholder{color:#94a3b8}.inputArea input:focus{border-color:#172554;background:#fff;box-shadow:0 0 0 3px #17255414}.inputArea button{width:40px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#172554,#1e3a5f);color:#fdba74;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.inputArea button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #17255459}.inputArea button:active{transform:translateY(0)}.inputArea button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.inputArea button svg{width:18px;height:18px}.chatBox::-webkit-scrollbar{width:5px}.chatBox::-webkit-scrollbar-track{background:transparent}.chatBox::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chatBox::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 480px){.chatbot-fab{bottom:20px;right:20px;width:54px;height:54px}.chatbot-overlay{bottom:0;right:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.chat-header{padding:14px 16px}}.error .messageContent{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-left:3px solid #ef4444}.chat-footer{text-align:center;padding:6px 0;font-size:10px;color:#cbd5e1;background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0}.chat-footer span{color:#fdba74;font-weight:600}