*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a2733;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.welcome-page{background:#1a2733;flex-direction:column;min-height:100vh;padding:20px;text-align:center}.welcome-content,.welcome-page{align-items:center;display:flex;justify-content:center}.welcome-content{flex:1 1;flex-direction:column;gap:40px}.welcome-avatar{background:#ffffff1a;border:3px solid #fff3;border-radius:50%;height:120px;overflow:hidden;width:120px}.welcome-avatar .avatar-img{height:100%;object-fit:cover;width:100%}.welcome-avatar .avatar-placeholder{align-items:center;color:#ffffff80;display:flex;height:100%;justify-content:center;width:100%}.welcome-buttons{display:flex;flex-direction:column;gap:16px;max-width:280px;width:100%}.welcome-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:16px 24px;text-decoration:none;transition:all .2s ease}.welcome-btn.talk-btn{background:#2d9d8a;color:#fff}.welcome-btn.talk-btn:hover{background:#3bb5a0;transform:translateY(-1px)}.welcome-btn.whatsapp-btn{background:#25d366;color:#fff}.welcome-btn.whatsapp-btn:hover{background:#22c55e;transform:translateY(-1px)}.welcome-footer{color:#fff6;font-size:12px;padding:20px}:root{--color-teal:#2d9d8a;--color-teal-light:#3bb5a0;--color-teal-dark:#248b7a;--color-navy:#1a2733;--color-navy-light:#243442;--color-navy-dark:#0f1a24;--color-red:#e74c3c;--color-red-hover:#c0392b;--color-green:#4caf50;--color-white:#fff;--color-white-muted:#ffffffb3;--color-white-faint:#ffffff1a}.whatsapp-call-screen{background:#1a2733;background:var(--color-navy);bottom:0;color:#fff;color:var(--color-white);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;overflow:hidden;position:fixed;right:0;top:0}.call-header{background:#2d9d8a;background:var(--color-teal);gap:12px;padding:16px 20px}.call-header,.header-icon{align-items:center;display:flex}.header-icon{background:#ffffff1a;background:var(--color-white-faint);border-radius:12px;height:48px;justify-content:center;width:48px}.header-icon svg{fill:#fff;fill:var(--color-white);height:28px;width:28px}.header-profile-img{border-radius:12px;height:100%;object-fit:cover;width:100%}.header-info{flex:1 1}.header-title{font-size:18px;font-weight:600;margin:0 0 4px}.header-status,.header-title{color:#fff;color:var(--color-white)}.header-status{align-items:center;display:flex;font-size:14px;gap:6px}.status-dot{background:#4caf50;background:var(--color-green);border-radius:50%;height:8px;width:8px}.status-dot.connecting{animation:pulse 1.5s ease-in-out infinite;background:#ff9800}.status-dot.disconnected{background:#757575}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.call-main{flex:1 1;justify-content:center;padding:40px 20px}.audio-button-container,.call-main{align-items:center;display:flex;flex-direction:column;position:relative}.audio-button-container{gap:24px}.profile-icon-overlay{align-items:center;background:#243442;background:var(--color-navy-light);border:3px solid #1a2733;border:3px solid var(--color-navy);border-radius:50%;bottom:0;box-shadow:0 2px 12px #0000004d;display:flex;height:56px;justify-content:center;position:absolute;right:0;width:56px;z-index:2}.profile-icon-overlay svg{fill:#ffffffb3;fill:var(--color-white-muted);height:28px;width:28px}.profile-overlay-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.audio-rings{height:160px;left:50%;opacity:.3;pointer-events:none;top:0;transform:translateX(-50%);width:160px}.audio-rings,.audio-rings:before{border:1px solid #248b7a;border:1px solid var(--color-teal-dark);border-radius:50%;position:absolute}.audio-rings:before{bottom:-20px;content:"";left:-20px;opacity:.6;right:-20px;top:-20px}.audio-rings:after{border:1px solid #248b7a;border:1px solid var(--color-teal-dark);border-radius:50%;bottom:-40px;content:"";left:-40px;opacity:.4;position:absolute;right:-40px;top:-40px}.audio-button{align-items:center;background:#2d9d8a;background:var(--color-teal);border:none;border-radius:50%;box-shadow:0 4px 30px #2d9d8a66;cursor:default;display:flex;height:160px;justify-content:center;position:relative;width:160px;z-index:1}.audio-button.speaking{animation:speakingPulse 1s ease-in-out infinite}@keyframes speakingPulse{0%,to{box-shadow:0 4px 30px #2d9d8a66;transform:scale(1)}50%{box-shadow:0 4px 40px #2d9d8a99;transform:scale(1.02)}}.audio-waves{align-items:center;display:flex;gap:6px;height:60px}.audio-wave{animation:wave .8s ease-in-out infinite;background:#fff;background:var(--color-white);border-radius:3px;width:6px}.audio-wave:first-child{animation-delay:0s;height:20px}.audio-wave:nth-child(2){animation-delay:.1s;height:35px}.audio-wave:nth-child(3){animation-delay:.2s;height:50px}.audio-wave:nth-child(4){animation-delay:.15s;height:45px}.audio-wave:nth-child(5){animation-delay:.25s;height:30px}.audio-wave:nth-child(6){animation-delay:.1s;height:40px}.audio-wave:nth-child(7){animation-delay:.2s;height:25px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.audio-button.idle .audio-wave{animation:none;height:30px}.caller-name-main{color:#fff;color:var(--color-white);font-size:24px;font-weight:600;margin:24px 0 8px;text-align:center}.call-status-text{align-items:center;color:#ffffffb3;color:var(--color-white-muted);display:flex;font-size:18px;gap:8px;justify-content:center}.call-status-text,.error-text{margin:8px 0 0;text-align:center}.error-text{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:20px;color:#e74c3c;color:var(--color-red);font-size:14px;max-width:300px;padding:8px 16px}.request-call-btn{background:#2d9d8a;background:var(--color-teal);border:none;border-radius:20px;color:#fff;color:var(--color-white);cursor:pointer;font-size:14px;margin-top:12px;padding:10px 20px;transition:background .2s}.request-call-btn:hover{background:#3bb5a0;background:var(--color-teal-light)}.transcript-overlay{background:#243442;background:var(--color-navy-light);border:1px solid #ffffff1a;border:1px solid var(--color-white-faint);border-radius:16px;bottom:140px;left:20px;max-height:180px;overflow:hidden;position:absolute;right:20px}.transcript-content{padding:16px}.transcript-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.transcript-header .speaker-label{color:#2d9d8a;color:var(--color-teal);font-size:14px;font-weight:500}.transcript-header .mic-icon{fill:#2d9d8a;fill:var(--color-teal);height:16px;width:16px}.transcript-messages{display:flex;flex-direction:column;gap:8px;max-height:100px;overflow-y:auto}.transcript-message{border-radius:12px;font-size:14px;line-height:1.4;max-width:85%;padding:8px 12px}.transcript-message.user{align-self:flex-end;background:#2d9d8a33;color:#fff;color:var(--color-white)}.transcript-message.agent{align-self:flex-start;background:#ffffff1a;background:var(--color-white-faint);color:#ffffffb3;color:var(--color-white-muted)}.transcript-message.interim{opacity:.7}.call-controls{align-items:center;display:flex;flex-direction:column;gap:24px;padding:24px 20px 40px}.control-grid{display:flex;flex-wrap:wrap;gap:28px 20px;justify-content:center;max-width:450px;padding:0 20px;width:100%}.grid-btn{align-items:center;background:#0000;border:none;color:#fff;color:var(--color-white);cursor:pointer;display:flex;flex:0 0 80px;flex-direction:column;gap:10px;padding:8px;transition:all .2s ease;width:80px}.grid-btn:hover:not(.disabled){transform:scale(1.05)}.grid-btn svg{height:40px;transition:all .2s ease;width:40px}.grid-btn:hover:not(.disabled) svg{opacity:.8}.grid-btn span{color:#ffffffb3;color:var(--color-white-muted);font-size:13px;font-weight:400;line-height:1.3;text-align:center}.grid-btn.disabled{cursor:not-allowed;opacity:.4}.grid-btn.active svg{color:#2d9d8a;color:var(--color-teal)}.end-call-container{display:flex;justify-content:center;margin-top:8px}.continue-talking-btn,.end-call-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:12px 24px;transition:all .2s ease}.continue-talking-btn:hover,.end-call-btn:hover{transform:scale(1.05)}.end-call-btn svg{background:#e74c3c;background:var(--color-red);border-radius:50%;box-shadow:0 4px 16px #e74c3c66;color:#fff;color:var(--color-white);height:56px;padding:16px;width:56px}.end-call-btn:hover svg{background:#c0392b;background:var(--color-red-hover)}.continue-talking-btn span,.end-call-btn span{color:#ffffffb3;color:var(--color-white-muted);font-size:13px;font-weight:400}.continue-talking-btn svg{background:#2d9d8a;background:var(--color-teal);border-radius:50%;box-shadow:0 4px 16px #2d9d8a66;color:#fff;color:var(--color-white);height:56px;padding:16px;width:56px}.continue-talking-btn:hover svg{background:#3bb5a0;background:var(--color-teal-light)}.permission-overlay{align-items:center;background:#0f1a24f2;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.permission-content{background:#243442;background:var(--color-navy-light);border:1px solid #ffffff1a;border:1px solid var(--color-white-faint);border-radius:20px;max-width:320px;padding:40px;text-align:center}.mic-icon{color:#2d9d8a;color:var(--color-teal);margin-bottom:20px}.permission-text p{color:#ffffffb3;color:var(--color-white-muted);font-size:16px;line-height:1.5;margin:0 0 24px}.permission-grant-btn{background:#2d9d8a;background:var(--color-teal);border:none;border-radius:25px;box-shadow:0 4px 12px #2d9d8a4d;color:#fff;color:var(--color-white);cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s ease}.permission-grant-btn:hover:not(:disabled){background:#3bb5a0;background:var(--color-teal-light);transform:translateY(-2px)}.permission-grant-btn.no-accent{background:#ffffff1a;background:var(--color-white-faint);border:1px solid #fff3;box-shadow:none}.permission-grant-btn.no-accent:hover:not(:disabled){background:#fff3}.permission-grant-btn:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;transform:none}.status-indicator-wrapper{display:none}.call-ended .audio-wave{animation:none;height:6px!important}.call-ended .audio-button{opacity:.6}.avatar-image,.avatar-placeholder,.call-background,.contact-avatar,.contact-details,.contact-info,.contact-name{display:none}@media (max-width:480px){.call-header{padding:14px 16px}.header-icon{height:44px;width:44px}.header-title{font-size:16px}.audio-button,.audio-rings{height:140px;width:140px}.profile-icon-overlay{height:48px;width:48px}.profile-icon-overlay svg{height:24px;width:24px}.control-btn{height:56px;width:56px}.transcript-overlay{bottom:120px;left:16px;right:16px}.call-controls{padding:20px 16px 32px}}.google-signin-container{align-items:center;background:#1a2733;display:flex;justify-content:center;min-height:100vh;padding:20px}.signin-card{background:#243442;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:48px 40px;text-align:center;width:100%}.signin-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.signin-header p{color:#ffffffb3;font-size:16px;margin:0 0 32px}.signin-error{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:24px;padding:12px}.auth-instructions{background:#ffffff0d;border-radius:8px;margin:24px 0;padding:20px;text-align:left}.auth-instructions h3{color:#fff;font-size:16px;margin:0 0 12px}.auth-instructions ul{list-style:none;margin:0 0 16px;padding:0}.auth-instructions li{color:#fffc;font-size:14px;padding:8px 0}.auth-instructions .note{color:#fff9;font-size:13px;font-style:italic;margin:0}.signin-loading{padding:40px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#2d9d8a;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signin-loading p{color:#ffffffb3;font-size:14px;margin:0}.signin-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#1a2733;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;justify-content:center;margin:24px auto;max-width:280px;padding:12px 24px;transition:all .2s;width:100%}.signin-btn:hover:not(:disabled){background:#f0f0f0;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.signin-btn:disabled{cursor:not-allowed;opacity:.6}.spinner-small{animation:spin 1s linear infinite;border:2px solid #1a273333;border-radius:50%;border-top-color:#1a2733;height:18px;margin-right:8px;width:18px}.user-info{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;margin:24px 0;padding:24px 0}.user-info h2{color:#fff;font-size:20px;font-weight:600}.user-info p{color:#ffffffb3;font-size:14px}.signin-footer{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.signin-footer p{color:#ffffff80;font-size:12px;line-height:1.5;margin:0}@media (max-width:480px){.signin-card{padding:32px 24px}.signin-header h1{font-size:24px}.signin-header p{font-size:14px}}
/*# sourceMappingURL=main.f25b610a.css.map*/