*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px}.card,.card h2{margin-bottom:20px}.card h2{color:#4a5568;font-size:1.8rem;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-call{background:linear-gradient(135deg,#48bb78,#38a169);font-size:18px;padding:16px 32px}.btn-call:hover{box-shadow:0 8px 25px #48bb784d}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e)}.btn-danger:hover{box-shadow:0 8px 25px #f565654d}.status{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.status.success{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.status.error{background:#fed7d7;border:1px solid #feb2b2;color:#742a2a}.status.info{background:#ebf8ff;border:1px solid #90cdf4;color:#2a4365}.call-status{background:#f7fafc;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.call-status.connected{background:#f0fff4;border:2px solid #48bb78}.call-status.disconnected{background:#fed7d7;border:2px solid #f56565}.call-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.volume-indicator{background:#f7fafc;border-radius:8px;height:60px;margin:20px 0;overflow:hidden;position:relative;width:100%}.volume-bar{background:linear-gradient(90deg,#48bb78,#667eea);border-radius:8px;height:100%;transition:width .1s ease}.volume-label{color:#4a5568;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.container{padding:15px}.card{padding:20px}.call-controls{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}.sample-response{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.sample-response h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.json-display{background:#2d3748;border-radius:6px;margin:10px 0;overflow-x:auto;padding:15px}.json-display pre{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;margin:0}.json-display code{background:none;color:inherit;padding:0}.sample-note{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:10px}.sample-note small{color:#1976d2;line-height:1.4}.config-description{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:25px;padding:20px}.config-description p{color:#4a5568;line-height:1.6;margin:0}.config-form{margin-bottom:30px}.form-help{color:#718096;display:block;font-size:14px;font-style:italic;margin-top:8px}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568;box-shadow:0 8px 25px #7180964d}.current-config{background:#f0fff4;border:1px solid #9ae6b4;border-radius:12px;padding:20px}.current-config h3{color:#22543d;font-size:1.3rem;margin-bottom:15px}.config-display{background:#fff;border:1px solid #9ae6b4;border-radius:8px;margin-bottom:15px;padding:12px}.url-display{background:#f7fafc;border-radius:6px;color:#2d3748;display:block;font-family:monospace;margin-top:8px;padding:8px 12px;word-break:break-all}.config-info{background:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;padding:15px}.config-info p{color:#2a4365;font-weight:500;margin:0}.workflow{display:flex;flex-direction:column;gap:25px}.workflow-step{align-items:flex-start;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.workflow-step:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#2d3748;font-size:1.1rem;margin-bottom:8px}.step-content p{color:#4a5568;line-height:1.6;margin:0}@media (max-width:768px){.form-actions{align-items:stretch;flex-direction:column}.workflow-step{flex-direction:column;gap:15px;text-align:center}.step-number{align-self:center}}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:20px;margin:0 auto 15px;width:20px}@keyframes pulse{0%{box-shadow:0 0 0 0 #48bb78b3}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 0 0 #48bb7800}}.call-description{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:25px;padding:20px}.call-description p{color:#4a5568;line-height:1.6;margin:0}.call-progress-container{margin:20px 0;text-align:center}.call-progress-bar{background-color:#e2e8f0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.call-progress-fill{background:linear-gradient(90deg,#48bb78,#667eea);border-radius:10px;height:100%;transition:width .5s ease}.call-progress-text{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}.call-duration{color:#22543d;font-size:1.2rem;font-weight:600;margin-top:10px}.call-id{background:#f7fafc;border-radius:4px;color:#718096;display:inline-block;font-family:monospace;font-size:.9rem;margin-top:8px;padding:4px 8px}.call-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:25px;padding:20px}.call-info h3{color:#2d3748;font-size:1.3rem;margin-bottom:15px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.info-item strong{color:#4a5568}.integration-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.integration-info p{color:#4a5568;line-height:1.6;margin-bottom:20px}.integration-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.feature:hover{border-color:#667eea;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.feature span:last-child{color:#2d3748;font-weight:500}@media (max-width:768px){.info-grid,.integration-features{grid-template-columns:1fr}.feature{flex-direction:column;gap:10px;text-align:center}}.App{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.nav-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.nav-links{display:flex;gap:20px}.nav-link{border:1px solid #0000;border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.nav-link.active{background:#fff3;border-color:#ffffff80}.main-content{padding-top:20px}@media (max-width:768px){.nav-content{flex-direction:column;gap:15px;text-align:center}.nav-links{gap:15px}.nav-title{font-size:1.5rem}}
/*# sourceMappingURL=main.c3cf2294.css.map*/