body{margin:0;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}*:focus,*:focus-visible{outline:none!important}button:focus,button:focus-visible,input:focus,textarea:focus,select:focus,a:focus{outline:none!important;box-shadow:none!important}button{outline:none!important;transition:background-color .2s ease,border-color .2s ease}button:hover{outline:none!important}button:focus{outline:none!important;box-shadow:none!important}button:active{outline:none!important}button:hover:not(.custom-hover){border-color:var(--border-medium, #dee2e6)!important}.dark-mode button:hover:not(.custom-hover){border-color:var(--border-light, #404040)!important}html,body,#root{height:100%;margin:0;padding:0;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}@media(prefers-color-scheme:dark){html,body,#root{background-color:#0a0a0a!important}}.App{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:#fff}@media(prefers-color-scheme:dark){.App{background-color:#0a0a0a!important}}.app-container{height:100%;background-color:#fff}@media(prefers-color-scheme:dark){.app-container{background-color:#0a0a0a!important}}.chat-container{height:100%;display:flex;flex-direction:column;background-color:#fff}@media(prefers-color-scheme:dark){.chat-container{background-color:#0a0a0a!important}}.navigation{flex-shrink:0;background:#fff;box-shadow:0 1px 3px #0000001a;z-index:100}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.navigation{background:#fff;padding:1rem;box-shadow:0 1px 10px #0000001a;border-bottom:1px solid #e0e0e0}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#333;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:#666;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{color:#667eea;background:#667eea1a}.chat-interface{width:100%;height:100%;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0 auto}.entry-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:1.5rem}@media(prefers-color-scheme:dark){.entry-landing{background:#1a1a1a!important}.entry-card{background:#2d2d2d!important;border-color:#fff!important}.entry-header h2{color:#fff!important}.entry-input{background:#3a3a3a!important;border:1px solid #ffffff!important;color:#fff!important}.entry-input:focus{background:#404040!important;border:1px solid #ffffff!important}.entry-input:-webkit-autofill,.entry-input:-webkit-autofill:hover,.entry-input:-webkit-autofill:focus,.entry-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #3a3a3a inset!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 0 0 30px #3a3a3a inset!important}.btn.primary{background:#fff!important;color:#111827!important}.btn.primary:hover{background:#e5e7eb!important}.demo-admin-landing{background:#1a1a1a!important}.demo-card{background:#2d2d2d!important;border-color:#fff!important}.demo-card .entry-header h2{color:#fff!important}.demo-card .entry-header .subtitle{color:#b0b0b0!important}.demo-form .entry-input{background:#3a3a3a!important;border:1px solid #ffffff!important;color:#fff!important}.demo-form .entry-input:focus{background:#404040!important;border:1px solid #ffffff!important}.demo-form .entry-input::placeholder{color:#b0b0b0!important}.bw-table{border-color:#fff!important}.bw-table th,.bw-table td{border:1px solid #ffffff!important;color:#fff!important}.bw-table thead th{background:#3a3a3a!important;color:#fff!important}.bw-table tbody tr:nth-child(2n){background:#3a3a3a!important}.bw-table tbody tr:nth-child(odd){background:#2d2d2d!important}.btn.ghost{background:#2d2d2d!important;color:#fff!important;border:1px solid #ffffff!important}.btn.ghost:hover{background:#fff!important;color:#111827!important}.entry-error{background:#3a1f1f!important;color:#ffb3b3!important;border:1px solid #ff6b6b!important}.btn.telegram-btn{background:linear-gradient(135deg,#08c,#0077b5)!important}.btn.telegram-btn:hover{background:linear-gradient(135deg,#0077b5,#069)!important}.btn.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)!important}.btn.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#0d6b5f)!important}}.demo-admin-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:1.5rem}.demo-card{width:100%;max-width:720px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0000000f;padding:1.25rem}.demo-form{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:start}.demo-form .entry-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.bw-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.bw-table th,.bw-table td{border:1px solid #e5e7eb;padding:.6rem .75rem;text-align:left}.bw-table thead th{background:#fafafa;color:#111827;font-weight:700}.bw-table tbody tr:nth-child(2n){background:#fafafa}.btn.small{padding:.5rem .7rem;border-radius:10px;font-weight:600;font-size:.85rem}@media(max-width:720px){.demo-card{max-width:540px}.demo-form{grid-template-columns:1fr}.demo-form .entry-actions{justify-content:stretch}}.entry-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0000000f;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.entry-card.compact{padding:1rem 1.1rem}.entry-header{text-align:center;margin-bottom:.25rem}.entry-header .butterfly{width:180px;height:auto;display:block;margin:0 auto .25rem;object-fit:contain;object-position:center}.entry-header h2{margin:0;font-size:1.25rem;color:#111827;font-weight:700}.entry-header .subtitle{margin:0;color:#6b7280;font-size:.9rem}.entry-fields{display:flex;flex-direction:column;gap:.6rem}.input-wrap{position:relative}.entry-input{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid #e5e7eb;background:#fafafa;font-size:.95rem;outline:none;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.entry-input:focus{border-color:#111827;background:#fff;box-shadow:0 0 0 3px #11182714}.entry-error{background:#fde8e8;color:#c53030;border:1px solid #feb2b2;border-radius:10px;padding:.6rem .75rem;font-size:.9rem;text-align:center}.entry-actions{display:flex;gap:.6rem;margin-top:.2rem}.btn{flex:1;padding:.75rem 1rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:#111827;color:#fff;box-shadow:none}.btn.primary:hover{transform:none;box-shadow:none;opacity:.9}.btn.danger{background:#dc3545;color:#fff;box-shadow:none}.btn.danger:hover{transform:none;box-shadow:none;background:#c82333}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:#fff;color:#111827;border:1px solid #111827}.btn.ghost:hover{background:#111827;color:#fff}.btn.telegram-btn{background:linear-gradient(135deg,#08c,#0077b5)!important;border:none!important}.btn.telegram-btn:hover{background:linear-gradient(135deg,#0077b5,#069)!important}.btn.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)!important;border:none!important}.btn.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#0d6b5f)!important}@media(max-width:420px){.entry-card{max-width:360px;padding:.9rem;border-radius:14px}.entry-header h2{font-size:1.15rem}.entry-input{padding:.7rem .85rem}.btn{padding:.7rem .9rem;border-radius:10px}}.admin-container{margin-top:2rem}.pdf-analysis{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.analyze-button{background:#28a745;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.analyze-button:hover:not(:disabled){background:#218838}.analyze-button:disabled{background:#6c757d;cursor:not-allowed}.pdf-info{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.pdf-info h4{margin:0 0 .5rem;color:#495057}.pdf-info ul{margin:0;padding-left:1.5rem}.pdf-info li{margin-bottom:.3rem}.file-info{margin-top:.5rem;padding:.5rem;background:#e9ecef;border-radius:4px;font-size:.9rem;color:#495057}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h1{color:#333;margin-bottom:.5rem}.admin-header p{color:#666}.training-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333}.form-group select,.form-group input[type=file]{padding:1rem;border:2px solid #eee;border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s ease}.form-group select:focus,.form-group input[type=file]:focus{border-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.submit-button:hover{transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:12px;border-left:4px solid #28a745}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){body{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.main-content{padding:2rem;align-items:center}.chat-interface{max-width:800px;width:90%;height:85vh;border-radius:16px;box-shadow:0 8px 30px #0000001a;border:1px solid #e0e0e0}.chat-header{padding:.5rem 1rem;border-radius:0}.chat-header h1{font-size:1rem}.chat-header .butterfly-logo{width:70px;height:70px;object-fit:contain;object-position:center;margin:-15px -20px -15px -15px}.chat-messages{padding:1.2rem}.message{max-width:80%;padding:1.2rem 1.5rem;font-size:1rem}.chat-input{padding:1.2rem;border-radius:0 0 16px 16px}.chat-input input{padding:1rem 1.3rem;font-size:1rem}.chat-input button{padding:1rem 1.5rem;font-size:.95rem}.navigation{padding:1rem 2rem}}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.form-row{grid-template-columns:1fr}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.lock-icon{width:60px;height:60px;background:#667eea;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.lock-icon:before{content:"🔒"}.login-container{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;min-width:350px}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#333;margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.login-header p{color:#666;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{font-weight:500;color:#333;font-size:.9rem}.login-form input{padding:1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#f8f9fa}.login-form input:focus{outline:none;border-color:#667eea;background:#fff}.login-form input:disabled{background:#f1f3f4;cursor:not-allowed}.login-button{padding:1.2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.login-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.login-info{margin-top:1.5rem;text-align:center}.login-info p{color:#666;font-size:.85rem;margin-bottom:.5rem}.credentials-hint{background:#f7fafc;padding:.8rem;border-radius:6px;border-left:4px solid #667eea}.credentials-hint small{color:#4a5568;font-size:.8rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logout-button{background:#e53e3e;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.logout-button:hover{background:#c53030}.upload-form{display:flex;flex-direction:column;gap:1.5rem}.message{padding:1rem;border-radius:8px;margin-top:1rem}.message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.tab-navigation{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef;margin-bottom:0;padding:0 1rem}.tab-button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#6c757d;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative}.tab-button:hover{color:#495057;background:#0000000d}.tab-button.active{color:#000;border-bottom-color:#000;background:#fff}.tab-content{background:#fff;min-height:500px}.analytics-tab{padding:2rem;max-width:1400px;margin:0 auto}.tab-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.tab-header h2{font-size:2.5rem;color:#333;margin-bottom:.5rem}.tab-header p{color:#6c757d;font-size:1.2rem}.analytics-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;flex-wrap:wrap;gap:1rem}.controls-left{display:flex;gap:1rem;align-items:center}.controls-right{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.refresh-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #ee5a524d}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#dc5650);transform:translateY(-1px);box-shadow:0 4px 8px #ee5a5266}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auto-refresh-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #7f8c8d4d;margin-left:10px}.auto-refresh-button.enabled{background:#007bff;color:#fff}.auto-refresh-button.disabled{background:#6c757d;color:#fff}.auto-refresh-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.auto-refresh-status{color:#007bff;font-size:.9rem;font-weight:500;background:#e3f2fd;padding:.5rem 1rem;border-radius:20px;white-space:nowrap}.last-updated{color:#6c757d;font-size:1rem;font-style:italic}.analytics-content{display:flex;flex-direction:column;gap:2.5rem}.analytics-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.analytics-section h3{font-size:1.8rem;color:#333;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.loading-placeholder{text-align:center;padding:3rem;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-item{display:flex;align-items:flex-start;background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:2rem;transition:all .3s ease;position:relative}.question-item:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.question-rank{background:#007bff;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;margin-right:2rem;flex-shrink:0}.question-content{flex:1}.question-text{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem;line-height:1.4}.question-stats{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:1rem}.question-count,.question-percentage,.question-hotels,.question-languages{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.95rem}.question-count{background:#28a745;color:#fff}.question-percentage{background:#17a2b8;color:#fff}.question-hotels{background:#fd7e14;color:#fff}.question-languages{background:#6f42c1;color:#fff}.no-data{text-align:center;padding:3rem;color:#6c757d}.no-data p{font-size:1.2rem;margin-bottom:.5rem}.no-data small{font-size:1rem;opacity:.8}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.feature-card h4{color:#333;margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#6c757d;font-size:1.1rem;line-height:1.4}.training-tab{padding:2.5rem;max-width:1200px;margin:0 auto}.tab-button{background:none;border:none;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;color:#6c757d;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative}@media(max-width:768px){.analytics-tab{padding:1rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.analytics-section{padding:1.5rem}.question-item{flex-direction:column;text-align:center}.question-rank{margin-right:0;margin-bottom:1rem;align-self:center}.question-stats{justify-content:center}.coming-soon-grid{grid-template-columns:1fr}.analytics-controls{flex-direction:column;align-items:stretch;text-align:center}}.coming-soon{border:2px dashed #dee2e6;background:#f8f9fa}.coming-soon h3{color:#6c757d}@media(max-width:1024px){.analytics-tab,.training-tab{padding:1.5rem}.tab-header h2{font-size:2rem}.question-item{padding:1.5rem}.question-rank{width:45px;height:45px;font-size:1.2rem;margin-right:1.5rem}.question-text{font-size:1.2rem}.coming-soon-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.analytics-tab,.training-tab{padding:1rem}.tab-header h2{font-size:1.5rem}.analytics-controls{flex-direction:column;align-items:stretch}.question-item{flex-direction:column;text-align:center}.question-rank{margin-right:0;margin-bottom:1rem;align-self:center}.question-stats{justify-content:center}.coming-soon-grid{grid-template-columns:1fr}}.clear-cache-button{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #f39c124d;margin-left:10px}.clear-cache-button:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d68910);transform:translateY(-1px);box-shadow:0 4px 8px #f39c1266}.clear-cache-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-controls{display:flex;align-items:center;gap:8px;margin-right:12px}.voice-input-btn,.voice-output-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;justify-content:center}.voice-input-btn:hover:not(:disabled),.voice-output-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.voice-input-btn:disabled,.voice-output-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-input-btn.listening{background:linear-gradient(135deg,#ff6b6b,#ee5a52);animation:pulse-listening 1.5s infinite}.voice-output-btn.playing{background:linear-gradient(135deg,#4ecdc4,#44a08d);animation:pulse-playing 1s infinite}.listening-animation{display:flex;align-items:center;gap:4px}.pulse{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-dot 1s infinite}.voice-status{position:absolute;bottom:60px;left:10px;background:#667eeae6;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.listening-text{animation:pulse-text 1.5s infinite}.tts-loading-text{color:#4ecdc4;animation:pulse-text 1.5s infinite}.voice-controls-unsupported{color:#7f8c8d;font-size:12px;padding:8px;text-align:center}.chat-input{display:flex;align-items:center;padding:15px;border-top:1px solid #e2e8f0;background:#fff;position:relative}.chat-input input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:25px;outline:none;font-size:14px;background:#f8fafc;transition:all .3s ease}.chat-input input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.chat-input button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:45px;height:45px;border-radius:50%;margin-left:10px;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.chat-input button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.chat-input button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes pulse-listening{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-playing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse-text{0%,to{opacity:.8}50%{opacity:1}}@media(max-width:768px){.voice-controls{gap:6px;margin-right:8px}.voice-input-btn,.voice-output-btn{width:36px;height:36px;font-size:14px}.voice-status{left:5px;bottom:65px;font-size:11px}}@media(max-width:768px){.voice-input-btn,.voice-output-btn{min-width:60px!important;min-height:60px!important;font-size:1.8rem!important;touch-action:manipulation;margin:0 5px!important}.chat-input button{min-width:50px!important;min-height:50px!important;touch-action:manipulation;font-size:1.2rem!important}.chat-input input{font-size:16px!important;min-height:50px!important;padding:15px 20px!important;border-radius:25px!important}.message{max-width:90%!important;font-size:1.1rem!important;padding:1rem 1.2rem!important;margin-bottom:.8rem!important}.chat-input{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:2px solid #e0e0e0!important;padding:1rem!important;z-index:1000!important;box-shadow:0 -5px 15px #0000001a!important}.chat-messages{padding-bottom:120px!important;padding-top:1rem!important}.voice-status{font-size:1.1rem!important;padding:.8rem!important;background:#f0f0f0!important;border-radius:15px!important;margin:.5rem 0!important}.chat-header{padding:.5rem 1rem!important;position:sticky!important;top:0!important;background:transparent!important;z-index:999!important;border-bottom:none!important}.chat-header h1{font-size:1rem!important}.chat-header .butterfly-logo{width:70px!important;height:70px!important;object-fit:contain!important;object-position:center!important;margin:-15px -20px -15px -15px!important}.chat-interface{height:100vh!important;overflow:hidden!important}.chat-messages{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;height:calc(100vh - 180px)!important}.voice-controls{gap:1rem!important;justify-content:center!important;flex-wrap:wrap!important}}@media(max-width:430px){.chat-input{padding:.8rem!important}.voice-controls{gap:.8rem!important}.message{max-width:85%!important;font-size:1rem!important}.chat-header h1{font-size:1rem!important}.voice-input-btn,.voice-output-btn{min-width:55px!important;min-height:55px!important;font-size:1.6rem!important}}@media(max-width:768px){.chat-input input:focus{transform:none!important;transition:none!important}.voice-controls{position:relative!important;z-index:1001!important}}.support-button-no:hover{background-color:#333}.live-text-animation{display:inline-block;margin-left:5px;color:#000;font-weight:600;font-size:1.05em}.live-text-animation>span{display:inline-block;animation:wave-animation 1.5s infinite ease-in-out}@keyframes wave-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-input-form::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.chat-input-form::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.chat-input-form::-ms-clear{display:none}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.admin-tab-item-info-icon svg,.admin-tab-item-button svg{display:inline-block;vertical-align:middle;stroke-width:2;color:inherit}.admin-tab-item-info-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.loading -fallback{display:flex;align-items:center;justify-content:center;height:100vh;font-family:Helvetica Neue,Arial,sans-serif;font-size:18px;color:#666}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}