.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;padding:.75rem 2rem;flex-shrink:0}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem}.logo{height:40px;width:auto}.header-text h1{font-size:1.3rem;color:#2d3748;margin-bottom:.1rem}.header-text p{font-size:.85rem;color:#718096}@media(max-width:768px){.header{padding:1rem}.logo{height:45px}.header-text h1{font-size:1.3rem}.header-text p{font-size:.85rem}}.configuration-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;flex:1;min-height:0;overflow-y:auto}.configuration-panel h2{color:#2d3748;margin-bottom:1rem;font-size:1.25rem}.ai-config-section{background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border:2px solid #e0e7ff;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.ai-config-title{font-size:1rem;font-weight:700;color:#4338ca;margin:0 0 .75rem}.ai-config-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem 1rem}.ai-config-grid .full-width{grid-column:1 / -1}.ai-config-row{display:flex;flex-direction:column;gap:.3rem}.method-selector{display:flex;gap:.4rem;flex-wrap:wrap}.method-button{padding:.4rem .75rem;border:2px solid #c7d2fe;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;white-space:nowrap}.method-button:hover{border-color:#667eea;background:#f7fafc}.method-button.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.method-button.small{padding:.35rem .6rem;font-size:.8rem}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}.config-grid .full-width{grid-column:1 / -1}.form-section{margin-bottom:0}.form-label{display:block;font-weight:600;color:#4a5568;margin-bottom:.3rem;font-size:.85rem}.form-label .error{color:#e53e3e;font-weight:400;font-size:.78rem;margin-left:.4rem}.form-input{width:100%;padding:.45rem .65rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#667eea}.voice-dropdown{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;background:#fff}.voice-dropdown:focus{outline:none;border-color:#667eea}.gender-selector{display:flex;gap:.5rem}.gender-button{flex:1;padding:.4rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.gender-button:hover{border-color:#667eea;background:#f7fafc}.gender-button.active{background:#667eea;color:#fff;border-color:#667eea}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:.3rem}.time-slot{padding:.3rem;border:2px solid #e2e8f0;border-radius:5px;background:#fff;cursor:pointer;font-size:.8rem;transition:all .2s;text-align:center}.time-slot:hover{border-color:#667eea;background:#f7fafc}.time-slot.selected{background:#667eea;color:#fff;border-color:#667eea}.helper-text{font-size:.78rem;color:#718096;margin-top:.3rem}.config-actions{grid-column:1 / -1;display:flex;gap:1rem;align-items:center}.start-button{flex:1;padding:.65rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.start-button:disabled{opacity:.5;cursor:not-allowed}.call-mode-selector{display:flex;gap:.5rem}.mode-button{flex:1;padding:.4rem .75rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.mode-button:hover{border-color:#667eea;background:#f7fafc}.mode-button.active{background:#667eea;color:#fff;border-color:#667eea}.phone-status{padding:.5rem .75rem;border-radius:8px;font-weight:500;text-align:center;margin-top:.5rem}.phone-status.calling{background:#fefcbf;color:#744210}.phone-status.success{background:#c6f6d5;color:#22543d}.phone-status.error{background:#fed7d7;color:#742a2a}@media(max-width:900px){.config-grid{grid-template-columns:1fr}}.prompt-textarea{width:100%;min-height:200px;max-height:500px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-family:Menlo,Monaco,Courier New,monospace;line-height:1.5;resize:vertical;transition:border-color .2s}.prompt-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prompt-textarea::placeholder{color:#a0aec0;font-family:inherit}.method-button:disabled{opacity:.5;cursor:not-allowed}.start-button:disabled{opacity:.6;cursor:not-allowed}.hybrid-warning{margin-top:8px;padding:8px 12px;border-radius:6px;background:#fefcbf;color:#744210}.catalog-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;border-radius:6px;background:#fed7d7;color:#742a2a}.latency-timeline{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-top:12px}.latency-timeline h4{margin:0 0 8px}.lt-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lt-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#edf2f7;color:#2d3748}.lt-badge.strong{background:#e9d8fd;color:#44337a}.lt-badge.muted{color:#718096}.lt-badge.warn{background:#fed7d7;color:#742a2a}.lt-turns{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.lt-turn{border-left:4px solid #cbd5e0;padding:8px 10px;border-radius:6px;background:#f7fafc}.lt-turn.fast{border-left-color:#38a169}.lt-turn.medium{border-left-color:#d69e2e}.lt-turn.slow,.lt-turn.no-response{border-left-color:#e53e3e}.lt-turn-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.lt-turn-index{font-weight:600}.lt-speed{font-weight:600;font-size:13px}.lt-speed.fast{color:#276749}.lt-speed.medium{color:#975a16}.lt-speed.slow{color:#9b2c2c}.lt-strip{position:relative;height:10px;background:#edf2f7;border-radius:4px;margin:6px 0;overflow:hidden}.lt-seg{position:absolute;top:0;height:100%}.lt-legend .lt-seg{position:static;display:inline-block;width:12px;height:8px;margin-right:4px;vertical-align:middle}.lt-seg.customer{background:#3182ce}.lt-seg.endpointing{background:#a0aec0}.lt-seg.gemini{background:#805ad5}.lt-seg.playout{background:#d69e2e}.lt-seg.ai{background:#38a169}.lt-row{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:4px 0}.lt-row.warn{color:#9b2c2c;font-family:inherit}.lt-chips{display:flex;flex-wrap:wrap;gap:4px}.lt-chip{font-size:11px;padding:2px 6px;border-radius:4px;background:#fff;border:1px solid #e2e8f0}.lt-chip.tool{border-color:#d6bcfa}.lt-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11px;color:#4a5568}.latency-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.ls-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.ls-header h3{margin:0}.ls-meta{font-size:13px;color:#4a5568}.ls-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.ls-table caption{text-align:left;font-weight:600;margin-bottom:6px}.ls-table th,.ls-table td{padding:6px 8px;border-bottom:1px solid #edf2f7;text-align:right}.ls-table th[scope=row],.ls-table thead th:first-child{text-align:left}.ls-table thead th{background:#f7fafc}.ls-singles{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;font-size:13px}.ls-counters{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0}.ls-counter{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;background:#f7fafc;border-radius:4px;font-size:12px}.ls-counter dt{color:#4a5568}.ls-counter dd{margin:0;font-weight:600}.ls-actions{display:flex;gap:8px;margin-top:12px}.ls-button{padding:6px 12px;border:1px solid #805ad5;border-radius:6px;background:#fff;color:#553c9a;cursor:pointer;font-size:13px;text-decoration:none}.ls-button:hover{background:#faf5ff}.live-session-panel{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #0000001a;flex:1;min-height:0;display:flex;flex-direction:column}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid #e2e8f0;flex-shrink:0}.live-indicator{display:flex;align-items:center;gap:.6rem}.pulse-dot{width:10px;height:10px;background:#e53e3e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.live-text{font-weight:700;color:#e53e3e;font-size:1rem}.duration{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;color:#2d3748}.ended-dot{width:10px;height:10px;background:#48bb78;border-radius:50%}.ended-text{font-weight:700;color:#48bb78;font-size:1rem}.new-session-button{padding:.5rem 1.25rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.new-session-button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.end-button{padding:.5rem 1.25rem;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.end-button:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.session-body{flex:1;display:grid;grid-template-columns:280px 1fr;gap:1rem;min-height:0;min-width:0;overflow:hidden}.session-left{display:flex;flex-direction:column;gap:1rem}.audio-visualizer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.25rem;text-align:center}.waveform{display:flex;justify-content:center;align-items:center;gap:5px;height:50px;margin-bottom:.5rem}.bar{width:5px;background:#fff;border-radius:3px;animation:wave 1s ease-in-out infinite}.bar:nth-child(1){animation-delay:0s}.bar:nth-child(2){animation-delay:.08s}.bar:nth-child(3){animation-delay:.16s}.bar:nth-child(4){animation-delay:.24s}.bar:nth-child(5){animation-delay:.32s}.bar:nth-child(6){animation-delay:.4s}.bar:nth-child(7){animation-delay:.48s}@keyframes wave{0%,to{height:12px}50%{height:46px}}.audio-visualizer p{color:#fff;font-size:.85rem;margin:0}.session-info-card{background:#f7fafc;border-radius:8px;padding:1rem;font-size:.85rem;color:#4a5568;line-height:1.6}.session-info-card strong{color:#2d3748}.event-log{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.event-log h3{color:#2d3748;margin-bottom:.6rem;font-size:1rem;flex-shrink:0}.events-container{flex:1;overflow-y:auto;overflow-x:hidden;border:2px solid #e2e8f0;border-radius:8px;padding:.6rem;min-height:0;min-width:0}.no-events{text-align:center;color:#a0aec0;padding:2rem}.event-item{background:#f7fafc;border-left:4px solid #cbd5e0;padding:.4rem .6rem;margin-bottom:.35rem;border-radius:0 6px 6px 0;min-width:0;overflow:hidden}.event-item.function-call{border-left-color:#667eea;background:#ebf4ff}.event-item.user-speech{border-left-color:#48bb78;background:#f0fff4}.event-item.agent-speech{border-left-color:#ed8936;background:#fffaf0}.event-item.error-event{border-left-color:#e53e3e;background:#fff5f5}.transcription-text{margin-top:.2rem;color:#2d3748;font-size:.85rem;line-height:1.4}.event-header{display:flex;align-items:center;gap:.4rem}.event-type{font-weight:600;color:#2d3748;flex:1;font-size:.82rem}.event-time{font-family:Courier New,monospace;color:#a0aec0;font-size:.72rem}.event-data{margin-top:.3rem;padding:.35rem .5rem;background:#fff;border-radius:4px;font-size:.72rem;overflow-x:auto;overflow-wrap:break-word;word-break:break-all;white-space:pre-wrap;color:#4a5568;line-height:1.3;max-width:100%}@media(max-width:900px){.session-body{grid-template-columns:1fr}}.summary-card{background:linear-gradient(135deg,#f0fff4,#ebf8ff);border:2px solid #c6f6d5;border-radius:12px;padding:1rem}.summary-card h3{margin:0 0 .6rem;color:#2d3748;font-size:.95rem}.outcome-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-weight:600;font-size:.85rem;margin-bottom:.6rem;background:#e2e8f0;color:#2d3748}.outcome-badge.randevu_olusturuldu{background:#c6f6d5;color:#22543d}.outcome-badge.musteri_ilgilenmedi{background:#fed7d7;color:#742a2a}.outcome-badge.yanlis_kisi{background:#fefcbf;color:#744210}.outcome-badge.musteri_mesgul{background:#bee3f8;color:#2a4365}.summary-details{margin-top:.4rem}.summary-details .detail-row{display:flex;gap:.4rem;font-size:.82rem;padding:.15rem 0}.summary-details .label{color:#718096;min-width:70px}.summary-details .value{color:#2d3748;font-weight:500}.sms-info{margin-top:.5rem}.sms-badge{font-size:.82rem;color:#2d3748}.summary-notes{margin-top:.4rem;font-size:.82rem;color:#4a5568;font-style:italic}.turn-latency-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;margin-top:.75rem}.turn-latency-card h4{margin:0 0 .5rem;font-size:.85rem;color:#4a5568}.no-latency{font-size:.78rem;color:#a0aec0;margin:0}.latency-list{display:flex;flex-direction:column;gap:.25rem}.latency-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.latency-item.fast{background:#c6f6d5;color:#22543d}.latency-item.medium{background:#fefcbf;color:#744210}.latency-item.slow{background:#fed7d7;color:#742a2a}.latency-label{font-weight:500}.latency-value{font-weight:700;font-family:Menlo,monospace}.latency-avg{margin-top:.5rem;padding-top:.4rem;border-top:1px solid #e2e8f0;font-size:.8rem;color:#4a5568;text-align:center}.end-button:disabled{opacity:.6;cursor:not-allowed}.waiting-text{font-size:14px;color:#4a5568}.event-log-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.timing-filter{font-size:12px;color:#4a5568;cursor:pointer}.event-item.latency-event{border-left:3px solid #805ad5}.event-item.latency-event .event-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.post-call-view{display:flex;flex-direction:column;gap:16px}.pcv-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.pcv-header h2{margin:0}.pcv-error{padding:10px 14px;border-radius:6px;background:#fed7d7;color:#742a2a}.pcv-recent{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.pcv-recent h3{margin:0 0 8px}.pcv-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:13px}.pcv-table{width:100%;border-collapse:collapse;font-size:13px}.pcv-table caption{text-align:left;font-weight:600;margin-bottom:6px}.pcv-table th,.pcv-table td{padding:6px 8px;border-bottom:1px solid #edf2f7;text-align:left}.pcv-table thead th{background:#f7fafc}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:1rem 2rem;max-width:1400px;margin:0 auto;width:100%;min-height:0;display:flex;flex-direction:column;gap:1rem}.error-banner{background:#fed7d7;color:#742a2a;padding:.6rem 1.25rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:500;flex-shrink:0}.error-banner button{background:none;border:none;color:#742a2a;font-size:1.2rem;cursor:pointer;padding:0 .5rem}@media(max-width:900px){.main-content{padding:.75rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)}#root{height:100%;display:flex;flex-direction:column}