*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;height:100vh}.chat-container{display:flex;flex-direction:column;height:100%;margin:0 auto}.chat-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.chat-header h1{font-size:1.5rem;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;max-width:70%}.user-message{align-self:flex-end}.bot-message{align-self:flex-start}.message-content{background:#e3f2fd;padding:0.75rem 1rem;border-radius:18px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.user-message .message-content{background:#007bff;color:white;border-bottom-right-radius:4px}.bot-message .message-content{background:#f1f3f4;color:#333;border-bottom-left-radius:4px}.message-content p{margin:0;line-height:1.4;word-wrap:break-word}.message-content ul,.message-content ol{margin:0.5rem 0;padding-left:1.5rem}.message-content li{margin:0.25rem 0;line-height:1.4}.message-time{font-size:0.75rem;opacity:0.7;margin-top:0.25rem;display:block}.typing-indicator{align-self:flex-start;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:#f1f3f4;border-radius:18px;border-bottom-left-radius:4px;max-width:70%;animation:fadeIn 0.3s ease}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:#666;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-0.32s}.typing-dots span:nth-child(2){animation-delay:-0.16s}.typing-text{font-size:0.9rem;color:#666;font-style:italic}@keyframes typing{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;font-family:inherit;resize:none;padding:0.5rem 1rem;max-height:120px;line-height:1.4}.message-input::placeholder{color:#999}.send-button{background:#007bff;border:none;border-radius:50%;width:40px;height:40px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.send-button:hover{background:#0056b3;transform:scale(1.05)}.send-button:disabled{background:#06884b;cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.chat-container{height:100vh;max-width:none}.message{max-width:85%}.chat-header{padding:0.75rem}.chat-header h1{font-size:1.25rem}}.message.bot-message{color:#007bff}.messages-container{padding-bottom:80px}@media (max-width:768px){.messages-container{padding-bottom:70px}}@media (max-width:480px){.messages-container{padding-bottom:60px}}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:white;padding:10px 2%;border-top:1px solid #eee;box-sizing:border-box;z-index:1001}.input-wrapper{display:flex;align-items:flex-end;gap:10px;width:100%;max-width:100%}.message-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:20px;resize:none;font-size:16px;max-height:120px;min-height:44px;width:100%;box-sizing:border-box;overflow-y:auto}.send-button{background:#f79e1b;color:white;border:none;padding:10px 15px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:5px;min-height:44px;white-space:nowrap;flex-shrink:0;margin-bottom:2px}.send-button:disabled{opacity:0.5;cursor:not-allowed}.chat-messages{flex:1;overflow-y:auto;padding:15px;padding-bottom:80px;height:calc(100vh - 140px)}@media (min-width:769px){.chat-input-container{position:absolute;bottom:0;left:0;right:0;padding:10px 2%;background:transparent;border-top:1px solid #eee}.chat-messages{padding-bottom:70px;height:calc(100% - 120px)}.assistant-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:500px;border-radius:12px}}@media (max-width:768px){.chat-input-container{position:fixed;bottom:0;left:0;right:0;padding:10px 2%;background:white;border-top:1px solid #eee}.chat-messages{padding-bottom:80px;height:calc(100vh - 140px)}@supports (padding-bottom:env(safe-area-inset-bottom)){.chat-input-container{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-messages{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}}@media (max-width:320px){.chat-input-container{padding:8px 2%}.message-input{min-height:40px;padding:10px}.send-button{min-height:40px;padding:8px 12px}.chat-messages{padding-bottom:70px}}@media (max-height:500px) and (orientation:landscape){.chat-input-container{padding:6px 2%}.message-input{min-height:36px;padding:8px;max-height:80px}.send-button{min-height:36px;padding:6px 10px}.chat-messages{padding-bottom:60px;height:calc(100vh - 100px)}}.message-input{transition:height 0.2s ease}.assistant-popup{display:flex;flex-direction:column}.popup-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.chat-container{flex:1;display:flex;flex-direction:column;position:relative}@supports (-webkit-touch-callout:none){.chat-input-container{position:fixed}.chat-messages{-webkit-overflow-scrolling:touch}}body.popup-open{overflow:hidden;position:fixed;width:100%;height:100%}.assistant-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#f79e1b,#ff6b00);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px rgba(247,158,27,0.4);z-index:998;display:flex!important;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:1;visibility:visible;pointer-events:auto}.assistant-button.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.8)}@media (max-width:768px){.assistant-button{width:50px;height:50px;bottom:15px;right:15px}.assistant-button img{width:52px;height:52px}}.intense-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px rgba(247,158,27,0.4)}50%{transform:scale(1.1);box-shadow:0 6px 25px rgba(247,158,27,0.8)}100%{transform:scale(1);box-shadow:0 4px 15px rgba(247,158,27,0.4)}}.assistant-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:white;z-index:1000;display:none;flex-direction:column;overflow:hidden;border-radius:0;box-shadow:none}.popup-header{position:fixed;top:0;left:0;right:0;padding:15px;background-color:#f79e1b;color:white;display:flex;justify-content:space-between;align-items:center;z-index:1002;height:60px;box-sizing:border-box}.popup-content{flex:1;padding:0;margin-top:60px;height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-container{height:100%;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:15px;padding-bottom:80px;min-height:calc(100vh - 140px)}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:white;padding:10px 2%;border-top:1px solid #eee;box-sizing:border-box;z-index:1001}@media (min-width:769px){.assistant-popup{top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:500px;max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.15)}.popup-header{position:absolute;top:0;left:0;right:0;border-top-left-radius:12px;border-top-right-radius:12px}.popup-content{margin-top:60px;height:calc(100% - 60px);max-height:calc(500px - 60px)}.chat-messages{padding-bottom:70px;min-height:calc(500px - 140px)}.chat-input-container{position:absolute;bottom:0;background:transparent}}@media (max-width:768px){.popup-header{padding:15px;height:60px}.popup-content{margin-top:60px;height:calc(100vh - 60px)}.chat-messages{padding-bottom:80px;min-height:calc(100vh - 140px)}@supports (padding-top:env(safe-area-inset-top)){.popup-header{padding-top:calc(15px + env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top))}.popup-content{margin-top:calc(60px + env(safe-area-inset-top))}}@supports (padding-bottom:env(safe-area-inset-bottom)){.chat-input-container{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-messages{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}}@media (max-width:320px){.popup-header{padding:12px;height:55px}.popup-content{margin-top:55px;height:calc(100vh - 55px)}.chat-messages{padding:12px;padding-bottom:70px;min-height:calc(100vh - 125px)}}@media (max-height:500px) and (orientation:landscape){.popup-header{padding:10px;height:50px}.popup-content{margin-top:50px;height:calc(100vh - 50px)}.chat-messages{padding:10px;padding-bottom:60px;min-height:calc(100vh - 110px)}.chat-input-container{padding:8px 2%}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.popup-content{overflow:hidden}@supports (-webkit-touch-callout:none){.popup-content{height:-webkit-fill-available;margin-top:60px;height:calc(-webkit-fill-available - 60px)}.chat-messages{-webkit-overflow-scrolling:touch}}.popup-header h3{margin:0;font-size:18px;font-weight:600}.online-indicator{width:10px;height:10px;background-color:#4CAF50;border-radius:50%;border:2px solid white;animation:blink 2s infinite;margin-right:10px}.close-button{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}@media (min-width:769px){.assistant-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:500px;max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.15);overflow:hidden;display:none;flex-direction:column}.popup-header{position:relative;top:auto;left:auto;right:auto;padding:15px;background-color:#f79e1b;color:white;display:flex;justify-content:space-between;align-items:center;z-index:1;height:60px;box-sizing:border-box;border-top-left-radius:12px;border-top-right-radius:12px;flex-shrink:0}.popup-content{flex:1;padding:0;margin-top:0;height:auto;overflow:hidden;display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:15px;padding-bottom:70px}.chat-input-container{position:absolute;bottom:0;left:0;right:0;background:white;padding:10px 15px;border-top:1px solid #eee;box-sizing:border-box;z-index:2}.assistant-popup{display:flex;flex-direction:column}.popup-header{flex-shrink:0}.popup-content{flex:1;min-height:0}.chat-messages{height:calc(100% - 60px - 60px)}}@media (max-width:768px){.assistant-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:white;z-index:1000;display:none;flex-direction:column;overflow:hidden}.popup-header{position:fixed;top:0;left:0;right:0;padding:15px;background-color:#f79e1b;color:white;display:flex;justify-content:space-between;align-items:center;z-index:1002;height:60px;box-sizing:border-box}.popup-content{flex:1;padding:0;margin-top:60px;height:calc(100vh - 60px);overflow-y:auto}.chat-messages{padding:15px;padding-bottom:80px;min-height:calc(100vh - 140px)}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:white;padding:10px 2%;border-top:1px solid #eee;box-sizing:border-box;z-index:1001}}.popup-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.online-indicator{width:10px;height:10px;background-color:#4CAF50;border-radius:50%;border:2px solid white;animation:blink 2s infinite}.close-button{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@media (min-width:769px){.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.assistant-popup{display:flex;flex-direction:column}.popup-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1;overflow-y:auto}