body{background:#0f172a;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}header{background:#1e293b;box-shadow:0 2px 8px #0000000d;justify-content:space-between;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-logo,header{align-items:center;display:flex}.header-logo{color:#38bdf8;font-size:1.5rem;font-weight:700;margin-left:2rem;text-decoration:none}.logo-image{height:32px;margin-right:12px}.header-nav{display:flex;gap:2rem;margin-right:2rem;transition:max-height .3s}.header-link{background:#0000;border:none;border-radius:6px;color:#38bdf8;font-size:1rem;font-weight:600;padding:.4rem 1.2rem;transition:background .2s,color .2s}.header-link:focus,.header-link:hover{background:#334155;color:#fff;outline:none}main{box-sizing:border-box;flex:1 0 auto;margin:0 auto;max-width:1200px;padding:2rem 1rem 3rem;width:100%}footer{background:#1e293b;color:#cbd5e1;font-size:1rem;margin-top:auto;padding:1.5rem 0 1rem;text-align:center}.footer-links{margin-bottom:.5rem}.footer-link{background:#0000;border:none;border-radius:6px;color:#38bdf8;cursor:pointer;font-size:1rem;font-weight:600;padding:.3rem 1rem;transition:background .2s,color .2s}.footer-link:focus,.footer-link:hover{background:#334155;color:#fff;outline:none;text-decoration:none}@media (max-width:700px){.header-logo{font-size:1.1rem;margin-left:1rem}.header-nav{display:none;gap:1rem;margin-right:1rem}main{padding:1rem .5rem 2rem}}.btn-primary{padding:.75rem 2rem}.card{background:#1e293b;border-radius:1.5rem;box-shadow:0 4px 24px #1e293b1f;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.card,.homepage-card{max-width:95%;width:100%}.homepage-card ul{list-style:none;margin-left:0;padding-left:0}.text-center{text-align:center}.interview-page{justify-content:center;min-height:70vh;padding:2rem 0}.interview-page,.video-container{align-items:center;display:flex;flex-direction:column}.video-container{background:#1e293b;border-radius:1.5rem;box-shadow:0 4px 24px #1e293b1f;margin-bottom:2rem;padding:1.5rem}video.camera-on{background:#000;box-shadow:0 2px 12px #38bdf826}video.camera-off,video.camera-on{border-radius:1rem;height:240px;margin-bottom:1rem;object-fit:cover;width:320px}video.camera-off{background:#334155;filter:grayscale(1);opacity:.5}.controls{gap:1.5rem;margin-bottom:1.5rem}.controls,.controls button{display:flex;justify-content:center}.controls button{align-items:center;background:#334155;border:none;border-radius:50%;box-shadow:0 2px 8px #1e293b1a;color:#38bdf8;cursor:pointer;font-size:1.7rem;height:56px;transition:background .2s,transform .2s;width:56px}.controls button:hover{background:#0ea5e9;color:#fff;transform:scale(1.08)}.error{background:#1e293b;border-radius:.75rem;color:#f87171;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem}.candidate-label{background:#0ea5e9;border-radius:999px;box-shadow:0 2px 8px #0ea5e980;color:#fff;font-size:1rem;font-weight:600;left:12px;padding:.4rem 1.2rem;position:absolute;top:12px;z-index:2}.register-form{gap:1rem}.form-group,.register-form{display:flex;flex-direction:column}.form-group{gap:.3rem;margin-bottom:.3rem}.form-label{color:#cbd5e1;font-size:1rem;font-weight:500;margin-bottom:.1rem}.form-input{border:1.2px solid #334155;border-radius:.5rem;font-size:1.05rem;padding:.5rem .8rem;width:100%}.form-input:focus{border:2px solid #38bdf8;box-shadow:0 0 0 2px #38bdf880}.card{padding:1.2rem 1rem}.card h1,.card h2{margin-top:0}.card h1,.card h2,.card p{margin-bottom:.7rem}.user-name{background:#0000;border-radius:6px;color:#38bdf8;cursor:default;font-size:1rem;font-weight:700;padding:.4rem 1.2rem}.contact-email{color:#38bdf8;font-weight:500;text-decoration:underline}.contact-email:focus,.contact-email:hover{color:#0ea5e9;outline:none}.interview-page-root{background:linear-gradient(135deg,#0f172a,#334155);min-height:100vh;padding:2rem 0}.interview-title{color:#38bdf8;font-size:2rem;font-weight:500;letter-spacing:1px;margin-bottom:2rem;margin-top:-1rem;text-align:center}.interview-main-grid{align-items:stretch;display:flex;flex-direction:row;gap:2.5rem;height:480px;max-width:100vw;min-height:420px;overflow-x:hidden}.candidate-panel-with-transcript,.candidate-video-wrapper,.interviewer-panel,.transcript-panel{box-sizing:border-box;flex:1 1;height:100%;margin-left:10px;max-width:60.33%;min-height:0;min-width:0}.candidate-panel-with-transcript{align-items:stretch;height:100%}.candidate-video-wrapper,.transcript-panel{display:flex;flex-direction:column;justify-content:flex-start}@media (max-width:1200px){.interview-main-grid{flex-direction:column;height:auto;min-height:0}.candidate-panel-with-transcript,.candidate-video-wrapper,.interviewer-panel,.transcript-panel{height:auto;max-width:100%;min-width:0}.candidate-panel-with-transcript{flex-direction:column;gap:1.5rem}.candidate-video-wrapper,.transcript-panel{height:auto;min-height:180px}}.interviewer-panel{align-items:center;background:#1e293bf2;border-radius:2rem;box-shadow:0 8px 32px #1e293b40;display:flex;flex:1 1;flex-direction:column;max-width:400px;min-width:320px;padding:2.5rem 1.5rem}.interviewer-label{background:#0ea5e9;border-radius:999px;box-shadow:0 2px 8px #0ea5e980;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:.4rem 1.2rem}.interviewer-image-wrapper{border:4px solid #38bdf8;border-radius:50%;box-shadow:0 4px 24px #38bdf880;height:160px;margin-bottom:1.5rem;overflow:hidden;width:160px}.interviewer-image{height:100%;object-fit:cover;width:100%}.interviewer-info{margin-bottom:1.5rem;text-align:center}.interviewer-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.interviewer-role{color:#38bdf8;margin:0}.interviewer-status{background:#334155;border-radius:999px;box-shadow:0 2px 8px #33415580;color:#cbd5e1;font-size:1.1rem;font-weight:500;margin-top:auto;padding:.6rem 1.5rem}.candidate-panel{background:#334155f2;border-radius:2rem;box-shadow:0 8px 32px #1e293b2e;display:flex;flex:2 1;flex-direction:column;max-width:650px;min-width:340px;padding:2.5rem 1.5rem}.candidate-panel-with-transcript{align-items:flex-start;display:flex;flex-direction:row;gap:2rem}.candidate-video-wrapper{background:#1e293b;border-radius:1.5rem;box-shadow:0 2px 12px #38bdf880;flex:none;height:400px;margin-bottom:1.5rem;margin-top:.1rem;max-width:650px;min-width:320px;overflow:hidden;position:relative;width:97%}.transcript-panel{background:#0f172aeb;border-radius:1.2rem;box-shadow:0 2px 12px #33415580;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:420px;min-height:220px;min-width:280px;padding:1.5rem}.transcript-title{border-bottom:1px solid #334155;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.transcript-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.transcript-row{display:flex}.transcript-row.from-interviewer{justify-content:flex-start}.transcript-row.from-candidate{justify-content:flex-end}.transcript-bubble{border-radius:1.2rem;box-shadow:0 1px 4px #0ea5e930;font-size:1rem;margin-bottom:2px;max-width:420px;padding:.6rem 1.2rem}.interviewer-bubble{background:#0369a1;border-bottom-left-radius:0;color:#fff}.candidate-bubble{background:#334155;border-bottom-right-radius:0;color:#e2e8f0}.candidate-answer-form{display:flex;gap:12px;margin-top:18px}.form-input{background:#0f172a;border:1.5px solid #334155;border-radius:.8rem;box-sizing:border-box;flex:1 1;outline:none;padding:.7rem 1.2rem;transition:border .2s,box-shadow .2s}.btn-primary,.form-input{color:#fff;font-size:1.1rem}.btn-primary{background:#38bdf8;border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:.7rem 2rem;transition:background .2s,transform .2s}.btn-primary:hover{background:#0ea5e9;transform:translateY(-2px) scale(1.03)}.interview-controls{background:#1e293bb3;border-radius:999px;box-shadow:0 2px 12px #33415580;gap:24px;margin-left:12px;margin-top:32px;padding:18px;width:95%}.control-btn,.interview-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:#334155;border:none;border-radius:50%;box-shadow:0 2px 8px #1e293b1a;color:#fff;font-size:1.5rem;height:56px;padding:0;transition:background .3s,color .3s,opacity .3s;width:56px}.control-btn:disabled{cursor:not-allowed;opacity:.5}.mute-btn.muted,.video-btn.video-off-btn{background:#ef4444;color:#fff}.end-btn{align-items:center;background:linear-gradient(90deg,#dc2626 60%,#b91c1c);border:none;border-radius:2rem;box-shadow:0 4px 16px #dc262680,inset 0 1.5px 0 #fff2;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;gap:.7rem;justify-content:center;margin-left:1.2rem;margin-right:1.2rem;min-height:48px;min-width:60px;padding:.7rem 2.2rem;transition:background .2s,box-shadow .2s,transform .1s}.end-btn:active{background:linear-gradient(90deg,#b91c1c 60%,#dc2626);transform:scale(.97)}.end-btn:disabled{cursor:not-allowed;opacity:.7}.end-btn svg{font-size:2rem;margin-right:.5rem}.ending-overlay{align-items:center;background:#1e293bd9;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ending-overlay h2{font-size:2rem;margin-bottom:1rem}.ending-overlay p{font-size:1.2rem;margin-bottom:1.5rem}@media (max-width:900px){.candidate-panel-with-transcript,.interview-main-grid{flex-direction:column;gap:1.5rem}.candidate-panel-with-transcript,.interviewer-panel{height:auto;min-height:0}.candidate-video-wrapper,.transcript-panel{height:auto;min-height:180px}.transcript-panel.single-row{padding:1rem .5rem;width:95%}.transcript-panel.single-row .transcript-row{max-width:90vw}}.transcript-panel.single-row{background:#0f172aeb;border-radius:1.2rem;box-shadow:0 2px 12px #33415580;display:flex;flex-direction:column;margin:2rem auto 0;max-width:100vw;min-height:120px;padding:1.5rem 2.5rem;width:100%}.transcript-panel.single-row .transcript-list{flex-direction:row;flex-wrap:wrap;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.transcript-panel.single-row .transcript-row{flex:0 0 auto;max-width:40vw}.menu-toggle{background:none;border:none;color:#38bdf8;cursor:pointer;display:none;font-size:2rem;margin-right:1.5rem;z-index:20}@media (max-width:900px){.menu-toggle{display:block}.header-nav{align-items:flex-start;background:#1e293b;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 16px #0008;display:none;flex-direction:column;gap:1.2rem;padding:1.5rem 0 1rem;position:absolute;right:0;top:60px;width:100vw;z-index:15}.header-nav.mobile-visible{display:flex}.header-link{background:none;border:none;border-radius:0;box-shadow:none;color:#38bdf8;font-size:1.2rem;margin-left:1.5rem;padding:.7rem 2.5rem;text-align:left;width:100%}.user-name{color:#fff;font-weight:700;padding-left:2.5rem}}@media (min-width:901px){.header-nav{align-items:center;display:flex!important;flex-direction:row;gap:2rem;padding:0;position:static}.header-link,.header-nav{background:none;box-shadow:none;width:auto}.header-link{border:none;border-radius:999px;color:#38bdf8;font-size:1rem;padding:.5rem 1.2rem;text-align:center}.user-name{color:#fff;font-weight:700;padding-left:0}}.greyed-out{background:#1e293bbf;filter:grayscale(.7) blur(1.5px);height:100vh;left:0;pointer-events:all;position:fixed!important;top:0;transition:background .3s,filter .3s;width:100vw;z-index:9999}
/*# sourceMappingURL=main.fc9fb985.css.map*/