:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{background-color:#fff;color:#213547;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:#3b82f6;background-color:#fff}#chat-toggle-btn{position:fixed;bottom:20px;right:20px;z-index:9999;width:56px;height:56px;background-color:#1e3a8a;color:#fff;font-size:24px;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;position:fixed!important}#chat-toggle-btn:hover{background-color:#3b82f6;transform:scale(1.05)}#chat-toggle-btn.chat-open{background-color:#dc2626}.notification-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:#ef4444;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#chatbot-container{position:fixed;bottom:90px;right:20px;width:350px;max-width:90vw;height:480px;max-height:70vh;background:#ffffff;border-radius:16px;box-shadow:0 8px 32px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;overflow:hidden;z-index:9998;animation:slideIn .3s ease-out;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#chat-toggle-btn,#chatbot-container{position:fixed!important;z-index:9999;pointer-events:auto}body:has(#chatbot-container){overflow-x:visible}#chat-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:12px 16px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-controls{display:flex;gap:8px}.control-btn{background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;transition:background-color .2s}.control-btn:hover:not(:disabled){background:rgba(255,255,255,.3)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.status-bar{background:#f3f4f6;padding:8px 16px;font-size:12px;color:#6b7280;border-bottom:1px solid #e5e7eb}.status-bar .error{color:#dc2626}#chat-window{flex:1;padding:16px;overflow-y:auto;font-size:14px;background:linear-gradient(to bottom,#f9fafb,#ffffff);display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}#chat-window::-webkit-scrollbar{width:6px}#chat-window::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}#chat-window::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}#chat-window::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-bubble,.bot-bubble{max-width:85%;padding:12px 16px;border-radius:18px;line-height:1.4;position:relative;word-wrap:break-word;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-bubble{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;align-self:flex-end;margin-left:auto;border-bottom-right-radius:6px}.bot-bubble{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;align-self:flex-start;border:1px solid #e2e8f0;border-bottom-left-radius:6px}.message-time{font-size:10px;opacity:.7;margin-top:4px;text-align:right}.user-bubble .message-time{color:#fffc}.bot-bubble .message-time{color:#64748b}.typing{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;padding:12px 16px;margin-bottom:8px;border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:85%;display:flex;align-items:center;gap:8px}.typing-indicator{display:flex;gap:3px}.typing-indicator span{width:6px;height:6px;background-color:#64748b;border-radius:50%;animation:typingDot 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1);opacity:1}}.suggestions{display:flex;gap:6px;padding:8px 12px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center}.suggestion-btn{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;border:1px solid #cbd5e1;padding:4px 10px;border-radius:12px;font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.suggestion-btn:hover:not(:disabled){background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b;transform:translateY(-1px)}.suggestion-btn:disabled{opacity:.5;cursor:not-allowed}#chat-input-area{display:flex;border-top:1px solid #e5e7eb;background:#fff;padding:8px 12px;gap:8px;align-items:center}#chat-input-area input{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:20px;outline:none;font-size:14px;background:#f8fafc;color:#1e293b;transition:all .2s ease;min-width:0}#chat-input-area input:focus{border-color:#3b82f6;background:white;box-shadow:0 0 0 2px #3b82f61a}#chat-input-area input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.send-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633;flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #3b82f64d}.send-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.char-counter{position:absolute;bottom:50px;right:55px;font-size:10px;color:#64748b;background:rgba(248,250,252,.95);padding:2px 6px;border-radius:8px;pointer-events:none;z-index:10}@media (max-width: 480px){#chatbot-container{width:calc(100vw - 30px);right:15px;bottom:80px;height:calc(100vh - 120px);max-height:calc(100vh - 120px)}#chat-toggle-btn{right:15px;bottom:15px;position:fixed!important}.suggestions{padding:6px 10px;gap:4px}.suggestion-btn{font-size:10px;padding:3px 8px}#chat-input-area{padding:6px 10px}#chat-input-area input{padding:8px 12px;font-size:13px}.send-btn{width:36px;height:36px;font-size:12px}}@media (max-width: 768px){#chatbot-container{width:calc(100vw - 40px);right:20px;max-width:none}}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}
