.ai-assistant-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.ai-header{background:rgba(0,0,0,.2);padding:20px;text-align:center;color:white;border-bottom:1px solid rgba(255,255,255,.1)}.ai-header-content h1{margin:10px 0 5px;font-size:28px;font-weight:600}.ai-header-content p{margin:0;font-size:14px;opacity:.9}.chat-messages{flex:1;overflow-y:auto;padding:20px;gap:16px}.chat-messages,.welcome-message{display:flex;flex-direction:column}.welcome-message{align-items:center;justify-content:center;text-align:center;color:white;padding:40px 20px}.welcome-message h2{font-size:24px;margin-bottom:10px}.welcome-message p{margin-bottom:30px;opacity:.9;max-width:500px}.quick-questions{display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%}.quick-questions button{padding:12px 16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:white;font-size:14px;cursor:pointer;transition:all .3s ease;text-align:left}.quick-questions button:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}.message-group{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;font-size:14px;line-height:1.4}.user-bubble{background-color:#3b82f6;color:white;border-bottom-right-radius:4px}.assistant-bubble{background-color:#d1d5db;color:#1f2937;border-bottom-left-radius:4px}.chat-input-area{background:rgba(0,0,0,.1);padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.chat-form{display:flex;gap:8px;max-width:100%}.chat-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:rgba(255,255,255,.95);color:#1f2937;font-size:14px;outline:none;transition:all .3s ease}.chat-input:focus{border-color:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.chat-input::placeholder{color:#9ca3af}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:12px 16px;background:#3b82f6;border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;min-width:44px;min-height:44px}.send-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.tiblock,.ticontainer{display:flex;align-items:center;height:17px}.ticontainer .tidot{background-color:#6b7280}.tidot{-webkit-animation:mercuryTypingAnimation 1.5s ease-in-out infinite;animation:mercuryTypingAnimation 1.5s ease-in-out infinite;border-radius:2px;display:inline-block;height:4px;margin-right:2px;width:4px}@keyframes mercuryTypingAnimation{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}@-webkit-keyframes mercuryTypingAnimation{0%{-webkit-transform:translateY(0)}28%{-webkit-transform:translateY(-5px)}44%{-webkit-transform:translateY(0)}}.tidot:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.tidot:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.tidot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width:768px){.message-bubble{max-width:85%}.ai-header-content h1{font-size:20px}.welcome-message{padding:30px 16px}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px}}