.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}.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-selector,.gender-selector{display:flex;gap:.5rem}.voice-button,.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}.voice-button:hover,.gender-button:hover{border-color:#667eea;background:#f7fafc}.voice-button.active,.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}}.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}.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}