@keyframes online-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.suggestion-chip{color:#374151;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:linear-gradient(135deg,#3b82f61a 0%,#fbbf2414 100%);border:1px solid #3b82f64d;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media (max-width:768px){.chatbot-container{border-radius:16px;height:calc(100vh - 6rem)}.chatbot-header{padding:1.5rem 1rem 1rem}.chatbot-info h2{font-size:1.25rem}.chatbot-messages{padding:1rem}.message-content{max-width:85%}.suggestions-container{padding:1rem}.suggestions-grid{grid-template-columns:1fr;gap:.5rem}.chatbot-input{gap:8px;padding:1rem}.chatbot-input input{padding:.875rem 1rem;font-size:.9rem}.send-button{width:44px;height:44px}}@media (max-width:480px){.chatbot-container{border-radius:16px;height:calc(100vh - 6rem);margin:.25rem}.chatbot-avatar{width:50px;height:50px}.bot-avatar-logo{width:28px;height:28px}.message-avatar{width:28px;height:28px;margin-right:8px}.chatbot-info h2{font-size:1.125rem}.chatbot-info p{font-size:.8rem}.message-text{padding:.875rem 1rem;font-size:.9rem}.suggestion-chip{padding:.5rem .75rem;font-size:.8rem}.chatbot-input input{padding:.75rem 1rem;font-size:.875rem}.send-button{background:0 0;width:40px;height:40px}.send-button:disabled{background:0 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chatbot-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;max-width:950px;height:calc(100vh - 4rem);margin:1.5rem auto auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #fff3}.chatbot-container:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f61a 0%,#fbbf2414 50%,#60a5fa1a 100%);height:200px;position:absolute;top:0;left:0;right:0}.chatbot-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f60d 0%,#fbbf2408 100%);border-bottom:1px solid #e5e7eb4d;align-items:center;padding:2rem 2rem 1.5rem;display:flex;position:relative}.chatbot-avatar{margin-right:1rem;position:relative}.chatbot-avatar:before{content:"";background:#10b981;border:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite online-pulse;position:absolute;top:8px;right:5px;box-shadow:0 2px 8px #10b9814d}.chatbot-info h2{background:linear-gradient(135deg,#1f2937 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.chatbot-info p{color:#6b7280;margin:0;font-size:.875rem;font-weight:500}.chatbot-messages{scroll-behavior:smooth;background:linear-gradient(#f9fafb80 0%,#fffc 100%);flex:1;padding:1.5rem 2rem;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#3b82f61a;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:3px;transition:background .3s}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.chatbot-ai-message{margin-bottom:1.5rem;animation:.4s ease-out messageSlideIn;display:flex}.user-message-chatbot{flex-direction:row-reverse}.message-avatar{flex-shrink:0;align-items:flex-start;margin:0 12px;display:flex}.user-message-chatbot .message-avatar{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 15px #10b9814d}.bot-message .message-avatar .bot-avatar-icon{width:40px;height:40px}.message-content{max-width:70%;position:relative}.message-text{color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb80;border-radius:20px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6;position:relative;box-shadow:0 4px 15px #00000014}.user-message-chatbot .message-text{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;box-shadow:0 4px 15px #3b82f64d}.bot-message .message-text{background:linear-gradient(135deg,#fffffff2 0%,#f8fafcf2 100%)}.message-text:before{content:"";width:0;height:0;position:absolute;top:15px}.bot-message .message-text:before{border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid #fffffff2;left:-8px}.user-message-chatbot .message-text:before{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid #3b82f6;right:-8px}.message-time{color:#9ca3af;text-align:left;margin-top:.5rem;font-size:.75rem;font-weight:500}.user-message-chatbot .message-time{text-align:right}.typing-indicator{align-items:center;gap:4px;padding:1rem 1.25rem;display:flex}.typing-indicator .dot{background:#6b7280;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator .dot:first-child{animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.suggestions-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #e5e7eb33;padding:1rem 2rem .5rem;animation:.5s ease-out slideUp}.suggestions-header{color:#6b7280;text-align:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;max-height:120px;display:grid;overflow-y:auto}.suggestion-chip{color:#374151;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:linear-gradient(135deg,#3b82f61a 0%,#fbbf2414 100%);border:1px solid #3b82f64d;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.suggestion-chip:hover{white-space:normal;z-index:10;min-height:fit-content;overflow:visible}.suggestion-chip:hover:not(:disabled){background:linear-gradient(135deg,#3b82f633 0%,#fbbf2426 100%);border-color:#3b82f680;box-shadow:0 4px 15px #3b82f633}.suggestion-chip:active:not(:disabled){transform:translateY(0)}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.chatbot-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #e5e7eb4d;align-items:center;gap:12px;padding:1.5rem 2rem 2rem;display:flex}.chatbot-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;background:#ffffffe6;border:2px solid #e5e7eb80;border-radius:25px;outline:none;flex:1;padding:1rem 1.25rem;font-size:.95rem;transition:all .3s}.chatbot-input input:disabled{opacity:.6;cursor:not-allowed}.chatbot-input input::placeholder{color:#9ca3af;font-weight:400}.send-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:0;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.send-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.send-button:hover:not(:disabled):before{left:100%}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%)}.send-button:disabled:before{display:none}.logo-icon{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:all .3s}.logo-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}.bot-avatar-logo{object-fit:cover;border:1px solid #3b82f6;border-radius:50%;width:32px;height:32px;transition:all .2s}.bot-avatar-logo:hover{border-color:#1d4ed8;transform:scale(1.1)}.chatbot-avatar{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.bot-message .message-avatar .bot-avatar-logo{opacity:.8;animation:2s infinite pulse}.chatbot-container{background:#111827f2;border-color:#3741514d}.chatbot-header{background:linear-gradient(135deg,#3741511a 0%,#4b55631a 100%);border-bottom-color:#3741514d}.chatbot-info h2{background:linear-gradient(135deg,#f9fafb 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chatbot-info p{color:#9ca3af}.chatbot-messages{background:linear-gradient(#11182780 0%,#1f2937cc 100%)}.bot-message .message-text{color:#f9fafb;background:linear-gradient(135deg,#1f2937f2 0%,#111827f2 100%);border-color:#37415180}.bot-message .message-text:before{border-right-color:#1f2937f2}.suggestions-container{background:#1f2937cc;border-top-color:#3741514d}.suggestion-chip{color:#f9fafb;background:linear-gradient(135deg,#3b82f61a 0%,#fbbf2414 100%);border-color:#3b82f64d}.chatbot-input{background:#1f2937cc;border-top-color:#3741514d}.chatbot-input input{color:#f9fafb;background:#111827e6;border-color:#37415180}.chatbot-input input::placeholder{color:#6b7280}.chatbot-input input:focus{background:#111827}@media (max-width:768px){.chatbot-container{border-radius:16px;height:calc(100vh - 6rem)}.chatbot-header{padding:1.5rem 1rem 1rem}.chatbot-info h2{font-size:1.25rem}.chatbot-messages{padding:1rem}.message-content{max-width:85%}.suggestions-container{padding:1rem}.suggestions-grid{grid-template-columns:1fr;gap:.5rem}.chatbot-input{gap:8px;padding:1rem}.chatbot-input input{padding:.875rem 1rem;font-size:.9rem}.send-button{width:44px;height:44px}}@media (max-width:480px){.chatbot-container{border-radius:16px;height:calc(100vh - 6rem);margin:.25rem}.chatbot-avatar{width:50px;height:50px}.bot-avatar-logo{width:28px;height:28px}.message-avatar{width:28px;height:28px;margin-right:8px}.chatbot-info h2{font-size:1.125rem}.chatbot-info p{font-size:.8rem}.message-text{padding:.875rem 1rem;font-size:.9rem}.suggestion-chip{padding:.5rem .75rem;font-size:.8rem}.chatbot-input input{padding:.75rem 1rem;font-size:.875rem}.send-button{width:40px;height:40px}}.fade-in{animation:.5s ease-in fadeIn}.chatbot-container:focus-within{outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}