*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:800px}.dashboard-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}h1{color:#2d3748;margin-bottom:10px;font-size:28px}.subtitle{color:#718096;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}label{display:block;color:#4a5568;font-weight:600;margin-bottom:8px;font-size:14px}input[type=text],textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}input[type=text]:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}textarea{resize:vertical;min-height:100px}.radio-group{display:flex;gap:20px;padding:10px 0}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px}.radio-option label{margin:0;cursor:pointer;font-weight:500}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .3s;margin-top:10px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.status-panel{margin-top:30px;padding:20px;background:#f7fafc;border-radius:8px;border-left:4px solid #667eea}.status-title{font-weight:600;color:#2d3748;margin-bottom:10px}.status-text{color:#4a5568;font-size:14px;line-height:1.6}.status-text.error{color:#e53e3e}.status-text.success{color:#38a169}.mic-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background:#48bb78;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.speaking-indicators{margin-top:20px;padding:15px;display:flex;align-items:center;justify-content:center;min-height:60px}.ai-speaking{display:flex;flex-direction:column;align-items:center;gap:10px}.sound-wave{display:flex;align-items:center;gap:4px;height:40px}.sound-wave span{display:block;width:6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;animation:soundWave .6s ease-in-out infinite}.sound-wave span:nth-child(1){height:15px;animation-delay:0s}.sound-wave span:nth-child(2){height:25px;animation-delay:.1s}.sound-wave span:nth-child(3){height:35px;animation-delay:.2s}.sound-wave span:nth-child(4){height:25px;animation-delay:.3s}.sound-wave span:nth-child(5){height:15px;animation-delay:.4s}@keyframes soundWave{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.user-speaking{display:flex;flex-direction:column;align-items:center;gap:10px}.mic-pulse{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.mic-icon{font-size:28px;z-index:2;animation:micBounce .5s ease-in-out infinite}.pulse-ring{position:absolute;width:50px;height:50px;border-radius:50%;border:3px solid #48bb78;animation:pulseRing 1.5s ease-out infinite}.pulse-ring.delay{animation-delay:.5s}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes micBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.speaking-label{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:1px}.speaking-label.active{color:#e53e3e;animation:labelPulse .5s ease-in-out infinite}@keyframes labelPulse{0%,to{opacity:1}50%{opacity:.7}}.user-speaking.active .mic-icon{animation:micBounceActive .3s ease-in-out infinite}.pulse-ring.active{border-color:#e53e3e;animation:pulseRingActive .8s ease-out infinite}.pulse-ring.delay.active{animation-delay:.3s}@keyframes pulseRingActive{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes micBounceActive{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.waiting-label{font-size:12px;font-weight:500;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.feedback-panel{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #4CAF50;border-radius:12px;animation:slideIn .4s ease-out}.feedback-panel h3{font-size:18px;margin-bottom:16px}.feedback-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.feedback-item:last-child{margin-bottom:0}.feedback-item strong{color:#2d3748;font-size:14px;min-width:120px}.feedback-item span{color:#4a5568;font-size:14px;text-align:right;flex:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}