.config-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.config-modal{background:var(--bg-primary);border-radius:1rem;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 25px 50px #00000080}.config-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:1rem 1rem 0 0}.config-header h2{margin:0;font-size:1.25rem;color:var(--text-color)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--error-color)}.config-content{display:flex;flex:1;overflow:hidden}.config-nav{width:180px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:.5rem;overflow-y:auto;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:transparent;color:var(--text-muted);border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:right}.nav-item:hover{background:#ffffff0d;color:var(--text-color)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-icon{font-size:1.1rem}.nav-label{font-size:.875rem;white-space:nowrap}.config-body{flex:1;overflow-y:auto;padding:1.5rem}.config-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.config-section h4{margin:1.5rem 0 .75rem;font-size:.95rem;color:var(--text-muted)}.config-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.config-field{margin-bottom:.75rem}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.config-value{font-size:.95rem;color:var(--text-color);line-height:1.5}.config-value.highlight{color:var(--primary-color);font-weight:600;font-size:1.1rem}.config-value.code{font-family:monospace;background:#0000004d;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.config-value.status.active{color:var(--success-color)}.config-value.status.inactive{color:var(--error-color)}.config-value.speech-bubble{background:#4f46e51a;border:1px solid rgba(79,70,229,.3);padding:.75rem;border-radius:.5rem;font-style:italic}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.config-tags{display:flex;flex-wrap:wrap;gap:.5rem}.config-tag{background:#4f46e533;color:var(--primary-color);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.config-note{margin-top:.75rem;padding:.5rem .75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;font-size:.875rem;color:var(--warning-color)}.config-list{display:flex;flex-direction:column;gap:.75rem}.service-card{border-right:3px solid var(--primary-color)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.service-header h4{margin:0;font-size:1rem;color:var(--text-color)}.service-price{background:var(--success-color);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.service-desc{margin:0;font-size:.875rem;color:var(--text-muted)}.service-duration{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.vehicle-card h4{margin:0 0 .75rem;color:var(--primary-color)}.vehicle-details{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.faq-card{background:var(--bg-secondary)}.faq-question{font-weight:600;color:var(--text-color);margin-bottom:.5rem;display:flex;gap:.5rem}.faq-answer{color:var(--text-muted);font-size:.9rem;display:flex;gap:.5rem}.faq-icon{color:var(--primary-color);font-weight:700}.promo-card{border-right:3px solid var(--success-color)}.promo-card h4{margin:0 0 .5rem;color:var(--success-color)}.promo-card p{margin:0;font-size:.9rem;color:var(--text-muted)}.promo-code{margin-top:.5rem;padding:.25rem .5rem;background:#10b9811a;border-radius:.25rem;display:inline-block;font-size:.85rem}.promo-code span{color:var(--text-muted)}.endpoints-list{display:flex;flex-direction:column;gap:.5rem}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:.25rem}.endpoint-name{font-size:.875rem;color:var(--text-muted);text-transform:capitalize}.endpoint-path{font-family:monospace;font-size:.85rem;color:var(--success-color);background:#10b9811a;padding:.25rem .5rem;border-radius:.25rem}.config-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 1rem 1rem}.footer-note{font-size:.8rem;color:var(--text-muted)}.footer-version{font-size:.75rem;color:var(--text-muted);font-family:monospace}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-loading p{color:var(--text-muted);margin:0}.config-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.config-error span{font-size:3rem}.config-error p{color:var(--error-color);margin:0}.config-error button{padding:.5rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer}@media (max-width: 768px){.config-modal{max-height:95vh}.config-content{flex-direction:column}.config-nav{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:.5rem;display:flex;gap:.25rem}.nav-item{flex-direction:column;padding:.5rem;min-width:70px;text-align:center}.nav-label{font-size:.7rem}.config-grid,.vehicle-details{grid-template-columns:1fr}.service-header{flex-direction:column;gap:.5rem}}.voice-chat{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1rem}.header-row{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;position:relative}.config-btn{position:absolute;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.config-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:rotate(90deg)}.title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0;text-align:center}.subtitle{font-size:1rem;color:var(--text-muted);margin:0}.status-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border-radius:9999px;border:1px solid var(--border-color);transition:all .3s ease}.status-indicator.idle{border-color:var(--border-color)}.status-indicator.connecting{border-color:var(--warning-color);animation:pulse-border 1.5s ease-in-out infinite}.status-indicator.listening{border-color:var(--success-color);box-shadow:0 0 20px #10b9814d}.status-indicator.speaking{border-color:var(--primary-color);box-shadow:0 0 20px #4f46e54d}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.5}}.status-icon{font-size:1.25rem}.status-text{font-weight:500;color:var(--text-color)}.audio-visualizer{display:flex;align-items:center;justify-content:center;height:60px;padding:0 2rem}.wave{display:flex;align-items:center;gap:4px;height:100%}.wave span{display:block;width:6px;height:20px;background:var(--success-color);border-radius:3px;transition:background .3s ease}.wave.listening span{background:var(--success-color);animation:wave-listening 1.2s ease-in-out infinite}.wave.listening span:nth-child(1){animation-delay:0s}.wave.listening span:nth-child(2){animation-delay:.1s}.wave.listening span:nth-child(3){animation-delay:.2s}.wave.listening span:nth-child(4){animation-delay:.3s}.wave.listening span:nth-child(5){animation-delay:.4s}@keyframes wave-listening{0%,to{height:12px;opacity:.5}50%{height:24px;opacity:1}}.wave.speaking span{background:linear-gradient(to top,var(--primary-color),#7c3aed);animation:wave-speaking .5s ease-in-out infinite}.wave.speaking span:nth-child(1){animation-delay:0s}.wave.speaking span:nth-child(2){animation-delay:.1s}.wave.speaking span:nth-child(3){animation-delay:.05s}.wave.speaking span:nth-child(4){animation-delay:.15s}.wave.speaking span:nth-child(5){animation-delay:.08s}@keyframes wave-speaking{0%,to{height:10px}50%{height:50px}}.voice-button{position:relative;width:120px;height:120px;border-radius:50%;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #4f46e566}.voice-button:hover{transform:scale(1.05);box-shadow:0 15px 50px #4f46e580}.voice-button:active{transform:scale(.95)}.voice-button.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 40px #10b98166}.voice-button.active.speaking{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 40px #4f46e566}.voice-button.connecting{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 40px #f59e0b66;animation:pulse-button 1s ease-in-out infinite}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.voice-button:disabled{opacity:.7;cursor:not-allowed}.button-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icon{width:48px;height:48px;fill:#fff;stroke:#fff;stroke-width:1.5}.phone-icon{fill:none}.stop-icon{fill:#fff;stroke:none}.pulse-ring{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:2px solid rgba(79,70,229,.5);animation:pulse 2s ease-out infinite;pointer-events:none}.voice-button.active .pulse-ring{border-color:#10b98180}.voice-button.active.speaking .pulse-ring{border-color:#4f46e580}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.button-label{font-size:.875rem;color:var(--text-muted);margin:0;text-align:center}.conversation-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:.75rem;text-align:center}.conversation-info p{margin:0;font-size:.875rem;color:var(--text-color)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid var(--error-color);border-radius:.5rem;color:var(--error-color);font-size:.875rem}.transcript{width:100%;background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-color)}.transcript h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-muted)}.transcript-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.transcript-item{display:flex;gap:.75rem;padding:.5rem;border-radius:.5rem;background:#ffffff05}.transcript-item .time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.transcript-item .sender{font-size:1rem}.transcript-item .text{font-size:.875rem;flex:1}.transcript-item.system{color:var(--text-muted);font-style:italic}.transcript-item.assistant .text{color:var(--primary-color)}.transcript-item.user .text{color:var(--success-color)}.instructions{text-align:center;color:var(--text-muted);font-size:.875rem;line-height:1.8;padding:1rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.instructions h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color)}.instructions p{margin-bottom:.25rem}.transcript-list::-webkit-scrollbar{width:6px}.transcript-list::-webkit-scrollbar-track{background:transparent}.transcript-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@media (max-width: 480px){.voice-chat{gap:1rem}.title{font-size:1.5rem}.voice-button{width:100px;height:100px}.icon{width:40px;height:40px}.audio-visualizer{height:50px}.wave span{width:5px}.conversation-info{padding:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-header p{color:var(--text-muted);font-size:1.1rem}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:600px}.app-footer{margin-top:2rem;padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-color: #0f172a;--bg-secondary: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: #334155}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;direction:rtl}#root{min-height:100vh;display:flex;flex-direction:column}