:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;background-color:#f9fafb}.login-container{width:100%;max-width:400px;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:2.5rem}.login-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.login-subtitle{font-size:.9375rem;color:#6b7280;margin:0 0 1.75rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.625rem .875rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.login-error{font-size:.875rem;color:#dc2626;margin:0}.login-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:#4f46e5;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.login-btn:hover:not(:disabled){background:#4338ca}.login-btn:disabled{opacity:.8;cursor:not-allowed}.speaker-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px}.avatar-circle{position:relative;width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 20px #0000004d}.speaker-avatar.agent .avatar-circle{background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-initials{font-size:3.25rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;pointer-events:none;z-index:1}.halo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,0);opacity:0}.avatar-halo.active .halo-ring-1{width:187px;height:187px;border-color:#ffffff80;animation:halo-pulse 2.5s ease-out infinite}.avatar-halo.active .halo-ring-2{width:213px;height:213px;border-color:#ffffff59;animation:halo-pulse 2.5s ease-out infinite .4s}.avatar-halo.active .halo-ring-3{width:240px;height:240px;border-color:#ffffff40;animation:halo-pulse 2.5s ease-out infinite .8s}@keyframes halo-pulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.6}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.call-view{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000;color:#fff;z-index:2000;display:flex;flex-direction:column;padding:2rem;overflow:hidden;box-sizing:border-box}.call-view .conversation-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:visible;gap:1rem}.call-view .speakers-container{display:flex;justify-content:center;align-items:center;gap:4rem;margin-top:2rem;margin-bottom:1.5rem;padding:2rem;flex-wrap:wrap;flex-shrink:0;min-height:260px;position:relative;z-index:2}@media(max-width:768px){.call-view .speakers-container{gap:2rem;padding:1.5rem 1rem;min-height:240px}}.call-view .speaker-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.call-view .speaker-name{color:#fff;font-size:1rem;font-weight:500;margin:0;text-align:center}.call-view .conversation-transcription{width:100%;height:280px;max-height:280px;min-height:280px;padding:1.5rem;display:flex;align-items:flex-end;justify-content:center;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.call-view .conversation-transcription::-webkit-scrollbar{display:none}.call-view .conversation-transcription:before{content:"";position:sticky;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#000,#000c,#0000);pointer-events:none;z-index:1}.call-view .transcription-text{color:#fff;font-size:1.125rem;line-height:1.6;text-align:center;max-width:800px;word-wrap:break-word;width:100%;padding-top:1rem}.call-view .transcription-cursor{display:inline-block;margin-left:2px;animation:call-view-blink 1s infinite;color:#fffc}@keyframes call-view-blink{0%,50%{opacity:1}51%,to{opacity:0}}.call-view .conversation-controls{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;padding:1rem 1rem 0;flex-shrink:0;margin-top:auto}.call-view .timer-display{color:#fff;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;flex:1}.call-view .end-session-btn{padding:.75rem 1.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;left:50%;transform:translate(-50%)}.call-view .end-session-btn:hover{background-color:#dc2626;transform:translate(-50%) translateY(-1px);box-shadow:0 4px 6px -1px #ef44444d}.training-page{width:100%;min-height:100vh;display:flex;flex-direction:column;padding:32px 40px;max-width:1200px;margin:0 auto;background-color:#fff;overflow:auto;box-sizing:border-box}.training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.training-logo{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.logout-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s}.logout-btn:hover{color:#374151;border-color:#9ca3af}.training-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.training-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.training-description{font-size:1rem;color:#374151;line-height:1.6;margin:0}.training-start{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.start-description{font-size:1rem;color:#6b7280;margin:0;text-align:center}.start-session-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:#4f46e5;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.start-session-btn:hover:not(:disabled){background:#4338ca}.start-session-btn:disabled{opacity:.8;cursor:not-allowed}.training-error{font-size:.875rem;color:#dc2626;margin:0}.training-loading{padding:2rem;text-align:center;color:#6b7280}.training-error-block{padding:1rem;background:#fef2f2;border-radius:.5rem;color:#dc2626}.training-error-block button{margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;background:#dc2626;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.training-error-block button:hover{background:#b91c1c}#root{width:100%;min-height:100vh;margin:0;padding:0}