:root{--color-primary:#3d93fb;--color-primary-dark:#031a40;--color-primary-hover:#4da3fb;--color-success:#4caf50;--color-success-dark:#2e7d32;--color-warning:#ffd54f;--color-warning-bg:#fff8e1;--color-error:#f44336;--color-error-bg:#ffebee;--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#888;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-bg:#fff;--color-bg-soft:#fafbfc;--color-bg-muted:#f9f9f9;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.3;--line-height-base:1.6;--line-height-relaxed:1.8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 10px 40px #00000026;--shadow-primary:0 4px 15px #3d93fb59;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-primary-hover:linear-gradient(135deg,var(--color-primary-hover) 0%,#052a50 100%);--gradient-primary-soft:linear-gradient(135deg,#3d93fb14,#031a4014)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-base);min-height:100vh}:focus-visible{border-radius:3px;outline:3px solid var(--color-primary);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.App{background:#fff;display:flex;flex-direction:column;min-height:100vh}.App-header{grid-gap:1rem;align-items:center;background:#fff;border-bottom:2px solid #e8eef5;box-shadow:0 2px 12px #00000014;color:#1a1a1a;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;padding:.75rem 1.5rem;position:relative}.header-logo{align-items:center;display:flex;justify-content:flex-start}.logo-image{height:60px;object-fit:contain;width:auto}.header-content{grid-column:2;text-align:center}.App-header h1{font-size:1.5rem;margin-bottom:.25rem;text-shadow:2px 2px 4px #0003}.App-header p{font-size:.9rem;opacity:.9}.header-actions{grid-column:3;justify-content:flex-end}.App-main{align-items:center;background:#fafbfc;flex:1 1;justify-content:center}.App-footer,.App-main{display:flex;padding:1rem}.App-footer{background:#fff;border-top:2px solid #e8eef5;box-shadow:0 -2px 12px #0000000a;color:#555;flex-direction:column;font-size:.9rem;gap:.5rem;text-align:center}.App-footer a{color:#3d93fb;text-decoration:none}.App-footer a:hover{text-decoration:underline}.logo-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;padding:0;transition:opacity .2s}.logo-btn:hover{opacity:.8}.logo-btn:active{opacity:.6}.logo-btn:focus-visible{outline:3px solid #3d93fb;outline:3px solid var(--color-primary,#3d93fb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.logo-btn{transition:none}}.header-actions{min-width:80px}@media (max-width:1024px){.App-header h1{font-size:1.3rem}}@media (max-width:768px){.App-header{gap:1rem;grid-template-columns:1fr;padding:1.5rem 1rem;position:relative}.header-logo{justify-content:center}.header-content,.header-logo{grid-column:1}.header-actions{grid-column:1;justify-content:center}.logo-image{height:50px}.App-header h1{font-size:1.2rem}.App-header p{font-size:.85rem}.App-main{padding:1rem}.admin-link-button{font-size:.85rem;padding:.4rem .8rem}}.error-boundary{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:1rem}.error-boundary__card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f;max-width:480px;padding:3rem 2rem;text-align:center;width:100%}.error-boundary__icon{font-size:3rem;margin-bottom:1rem}.error-boundary__title{color:#031a40;font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.error-boundary__message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.error-boundary__detail{background:#f5f5f5;border-radius:8px;color:#e53935;font-size:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-all}.error-boundary__btn{background:linear-gradient(135deg,#3d93fb,#031a40);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:filter .2s}.error-boundary__btn:hover{filter:brightness(1.1)}.interview-panel{max-width:820px;width:100%}.panel-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:1.5rem;padding:var(--space-6,1.5rem)}.panel-header{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--color-border-light,#f0f0f0);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding-bottom:1rem;padding-bottom:var(--space-4,1rem)}.panel-header h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.interview-info{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem)}.info-badge{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;padding:.35rem .9rem}.progress-section{margin-top:1rem;margin-top:var(--space-4,1rem)}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.progress-label{color:#555;color:var(--color-text-secondary,#555);font-weight:500}.progress-label,.progress-percentage{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.progress-percentage{color:#031a40;color:var(--color-primary-dark,#031a40);font-weight:700}.progress-bar-container{background:#e0e0e0;background:var(--color-border,#e0e0e0);height:8px;overflow:hidden;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full,9999px)}.progress-bar-fill{background:linear-gradient(90deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(90deg,#3d93fb,#031a40));height:100%;position:relative;transition:width .4s ease}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.progress-bar-fill:after{display:none}.panel-card{animation:none}}.question-section{margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem)}.question-layout{grid-gap:1rem;grid-gap:var(--space-4,1rem);align-items:start;display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:1fr 2fr}.interviewer-3d-wrapper{width:100%}.question-card{align-items:center;background:#3d93fb0f;background:var(--gradient-primary-soft,#3d93fb0f);border:2px solid #3d93fb33;border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center;min-height:110px;padding:1.25rem;padding:var(--space-5,1.25rem);text-align:center}.question-icon{font-size:1.75rem}.question-text{color:#333;color:var(--color-text,#333);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;line-height:1.6;line-height:var(--line-height-base,1.6);margin:0}.listen-hint{color:#888;color:var(--color-text-muted,#888);margin:0}.listen-hint,.repeat-button{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.repeat-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 3px 10px #3d93fb4d;box-shadow:var(--shadow-primary,0 3px 10px #3d93fb4d);color:#fff;cursor:pointer;font-weight:600;padding:.45rem 1.1rem;transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.repeat-button:hover:not(:disabled){box-shadow:0 5px 16px #3d93fb73;transform:translateY(-2px)}.repeat-button:disabled{cursor:not-allowed;opacity:.55}.transcript-section{background:#f9f9f9;background:var(--color-bg-muted,#f9f9f9);border-left:4px solid #3d93fb;border-left:4px solid var(--color-primary,#3d93fb);border-radius:10px;border-radius:var(--radius-md,10px);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding:1rem;padding:var(--space-4,1rem)}.transcript-label{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.transcript-text{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;line-height:var(--line-height-base,1.6)}.controls-section{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.status-indicator{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot--initializing{animation:pulse 2s infinite;background:#f59e0b}.status-dot--ready{background:#4caf50;background:var(--color-success,#4caf50)}.status-dot--listening,.status-dot--processing{animation:pulse 1s infinite;background:#3d93fb;background:var(--color-primary,#3d93fb)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.status-text{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500}.mic-error{background:#ffebee;background:var(--color-error-bg,#ffebee);border:1px solid #f44336;border:1px solid var(--color-error,#f44336);border-radius:6px;border-radius:var(--radius-sm,6px);color:#c62828;color:var(--color-error,#c62828);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.mic-error,.speaking-hint{font-size:.875rem;font-size:var(--font-size-sm,.875rem);text-align:center}.speaking-hint{color:#888;color:var(--color-text-muted,#888);font-style:italic}.control-buttons{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center;min-height:60px}.record-button{border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md,0 4px 16px #0000001a);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:.9rem 2rem;transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.record-button--start{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.record-button--start:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.record-button--stop{animation:pulse-scale 1.5s infinite;background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));color:#fff}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.record-button--stop{animation:none}.record-button:hover{transform:none}}.processing-indicator{align-items:center;color:#555;color:var(--color-text-secondary,#555);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.75rem;gap:var(--space-3,.75rem)}.spinner{border:3px solid #e0e0e0;border:3px solid var(--color-border,#e0e0e0);border-top-color:var(--color-primary,#3d93fb);height:28px;width:28px}.interview-complete-message{background:#4caf5014;border:2px solid #4caf50;border:2px solid var(--color-success,#4caf50);border-radius:10px;border-radius:var(--radius-md,10px);color:#2e7d32;color:var(--color-success-dark,#2e7d32);font-weight:600;padding:1.25rem;padding:var(--space-5,1.25rem);text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:center}.cancel-button,.end-button{border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;padding:.55rem 1.25rem;transition:transform .15s,box-shadow .15s;transition:transform var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s)}.end-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));color:#fff}.end-button:hover:not(:disabled){box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);transform:translateY(-2px)}.cancel-button{background:#f5f5f5;background:var(--color-bg-muted,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);color:#666;color:var(--color-text-secondary,#666)}.cancel-button:hover:not(:disabled){background:#e0e0e0;background:var(--color-border,#e0e0e0)}.cancel-button:disabled,.end-button:disabled{cursor:not-allowed;opacity:.45}.manual-transcript-section{background:#fff8e1;background:var(--color-warning-bg,#fff8e1);border:1px solid #ffd54f;border:1px solid var(--color-warning,#ffd54f);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);padding:1rem;padding:var(--space-4,1rem);width:100%}.manual-transcript-label{color:#795548;font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin:0}.manual-transcript-input{border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;font-family:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);padding:.75rem;padding:var(--space-3,.75rem);resize:vertical;width:100%}.manual-transcript-input:focus{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);outline:none}@media (max-width:1024px){.interview-panel{max-width:700px}}@media (max-width:768px){.question-layout{grid-template-columns:1fr}.interviewer-3d-wrapper{order:2}.question-card{order:1}.panel-card{padding:1rem;padding:var(--space-4,1rem)}.action-buttons{flex-direction:column}.record-button{width:100%}}@media (max-width:480px){.panel-header h2{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.question-text{font-size:1rem;font-size:var(--font-size-base,1rem)}}.interviewer-video-container{align-items:center;background:linear-gradient(135deg,#3d93fb0d,#031a400d);border:2px solid #3d93fb1a;border-radius:15px;display:flex;height:300px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.interviewer-video{height:100%;object-fit:cover;object-position:center;width:100%}.video-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-icon{font-size:3rem;margin-bottom:.5rem}.video-placeholder p{font-size:.9rem;margin:0}@media (max-width:768px){.interviewer-video-container{height:250px}}.interview-config{max-width:600px;width:100%}.config-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2rem;padding:var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.config-card{animation:none}}.config-card h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-align:center}.config-description{color:#888;color:var(--color-text-muted,#888);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);text-align:center}.config-form{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5,1.25rem)}.form-group{gap:var(--space-2,.5rem)}.form-group label{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700}.optional-label{color:#888;color:var(--color-text-muted,#888);font-weight:400}.form-group input,.form-group select{background:#fff;background:var(--color-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);color:#333;color:var(--color-text,#333);font-family:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:border-color .15s;transition:border-color var(--transition-fast,.15s);width:100%}.form-group input:focus,.form-group select:focus{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 0 0 3px #3d93fb26;outline:none}.form-group--error input,.form-group--error select{border-color:#f44336;border-color:var(--color-error,#f44336)}.field-error{color:#c62828;color:var(--color-error,#c62828);font-weight:600}.field-error,.field-hint{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.field-hint{color:#888;color:var(--color-text-muted,#888);line-height:1.4}.company-options{gap:.5rem;gap:var(--space-2,.5rem)}.company-option,.company-options{display:flex;flex-direction:column}.company-option{border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);cursor:pointer;gap:2px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:border-color .15s,background .15s;transition:border-color var(--transition-fast,.15s),background var(--transition-fast,.15s)}.company-option:hover{background:#3d93fb0a}.company-option--selected,.company-option:hover{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb)}.company-option--selected{background:#3d93fb0f}.company-option strong{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700}.company-option span{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.start-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;margin-top:.5rem;margin-top:var(--space-2,.5rem);padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.start-button:hover{box-shadow:0 8px 24px #3d93fb66;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.company-option,.start-button{transition:none}.start-button:hover{transform:none}}.config-info{background:#3d93fb0f;border-radius:10px;border-radius:var(--radius-md,10px);color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-top:1.25rem;margin-top:var(--space-5,1.25rem);padding:1rem;padding:var(--space-4,1rem)}@media (max-width:480px){.config-card{padding:1.25rem;padding:var(--space-5,1.25rem)}.config-card h2{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}}.feedback-panel{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6,1.5rem);max-width:960px;width:100%}.fb-hero{animation:slideIn .4s ease-out;background:linear-gradient(135deg,#031a40,#1a4080 50%,#3d93fb);border-radius:20px;border-radius:var(--radius-xl,20px);color:#fff;overflow:hidden;padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem);position:relative;text-align:center}@media (prefers-reduced-motion:reduce){.fb-hero{animation:none}}.fb-hero:before{background:radial-gradient(ellipse at 70% 30%,#ffffff14 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.fb-hero-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:3px solid #fff6;border-radius:50%;display:inline-flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4,1rem);width:64px}.fb-hero-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.fb-hero-sub{font-size:1rem;font-size:var(--font-size-base,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);opacity:.8}.fb-score-pill{align-items:center;background:#4caf50;background:var(--score-color,#4caf50);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 20px #00000040;display:inline-flex;gap:.4rem;margin-bottom:1rem;margin-bottom:var(--space-4,1rem);padding:.5rem 1.5rem}.fb-score-num{font-size:2rem;font-weight:900;line-height:1}.fb-score-denom{font-size:1rem;margin-top:.4rem;opacity:.8}.fb-score-label{border-left:1px solid #fff6;font-weight:700;letter-spacing:.08em;padding-left:.5rem;text-transform:uppercase}.fb-score-detail,.fb-score-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.fb-score-detail{line-height:1.6;margin:0 auto;max-width:560px;opacity:.75}.fb-body{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:280px 1fr}.fb-skills-panel{background:#fff;border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);padding:1.5rem;padding:var(--space-6,1.5rem);position:-webkit-sticky;position:sticky;top:1rem}.fb-panel-title{border-bottom:2px solid #f0f0f0;color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:800;margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem)}.skill-bars{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.skill-bar-row{grid-gap:.5rem;grid-gap:var(--space-2,.5rem);align-items:center;display:grid;gap:.5rem;gap:var(--space-2,.5rem);grid-template-columns:110px 1fr 36px}.skill-bar-label{color:#555;color:var(--color-text-secondary,#555);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-bar-track{background:#f0f0f0;height:8px;overflow:hidden}.skill-bar-fill,.skill-bar-track{border-radius:9999px;border-radius:var(--radius-full,9999px)}.skill-bar-fill{transition:width .8s ease}@media (prefers-reduced-motion:reduce){.skill-bar-fill{transition:none}}.skill-bar-pct{font-size:.75rem;font-weight:800;text-align:right}.fb-skills-note{color:#aaa;color:var(--color-text-muted,#aaa);font-size:.72rem;font-style:italic;margin:0;text-align:center}.fb-sections{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.fb-section{background:#f9f9f9;background:var(--bg,#f9f9f9);border-left:5px solid #3d93fb;border-left:5px solid var(--accent,#3d93fb);border-radius:16px;border-radius:var(--radius-lg,16px);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem);transition:box-shadow .2s}.fb-section:hover{box-shadow:0 2px 8px #00000012;box-shadow:var(--shadow-sm,0 2px 8px #00000012)}@media (prefers-reduced-motion:reduce){.fb-section{transition:none}}.fb-section-title{align-items:center;color:#031a40;color:var(--color-primary-dark,#031a40);display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:800;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.fb-section-icon{font-size:1.1rem}.fb-section-body{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.fb-para{line-height:1.75;margin:0}.fb-list-item,.fb-para{color:#333;color:var(--color-text,#333);font-size:1rem;font-size:var(--font-size-base,1rem)}.fb-list-item{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3,.75rem);line-height:1.6}.fb-bullet{color:#3d93fb;color:var(--accent,#3d93fb);margin-top:2px}.fb-bullet,.fb-num{flex-shrink:0;font-weight:800}.fb-num{align-items:center;background:#3d93fb;background:var(--accent,#3d93fb);border-radius:50%;color:#fff;display:inline-flex;font-size:.72rem;height:22px;justify-content:center;margin-top:1px;width:22px}.fb-quote{background:#0000000a;border-radius:4px;color:#555;color:var(--color-text-secondary,#555);font-style:italic;padding:.1em .4em}.fb-download-error{background:#ffebee;border:1px solid #f44336;border-radius:6px;border-radius:var(--radius-sm,6px);color:#c62828;font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:center}.fb-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:center}.fb-btn-primary{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 16px #3d93fb59;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:1rem 2rem;padding:var(--space-4,1rem) var(--space-8,2rem);transition:transform .2s,box-shadow .2s}.fb-btn-primary:hover{box-shadow:0 8px 24px #3d93fb73;transform:translateY(-2px)}.fb-btn-secondary{background:#fff;border:2px solid #e0e0e0;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#031a40;color:var(--color-primary-dark,#031a40);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:calc(1rem - 2px) 2rem;padding:calc(var(--space-4, 1rem) - 2px) var(--space-8,2rem);transition:border-color .2s,background .2s}.fb-btn-secondary:hover:not(:disabled){background:#f0f7ff;border-color:#3d93fb;border-color:var(--color-primary,#3d93fb)}.fb-btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.fb-btn-primary,.fb-btn-secondary{transition:none}.fb-btn-primary:hover{transform:none}}.fb-tips{background:#fff;border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);padding:1.5rem;padding:var(--space-6,1.5rem)}.fb-tips-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:800;margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);text-align:center}.fb-tips-grid{grid-gap:.75rem;grid-gap:var(--space-3,.75rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.fb-tip-card,.fb-tips-grid{gap:.75rem;gap:var(--space-3,.75rem)}.fb-tip-card{align-items:flex-start;background:#fafbfc;background:var(--color-bg-soft,#fafbfc);border:1px solid #f0f0f0;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.fb-tip-icon{flex-shrink:0;font-size:1.2rem;margin-top:1px}.fb-tip-text{color:#555;color:var(--color-text-secondary,#555);font-size:.82rem;line-height:1.5;margin:0}@media (max-width:768px){.fb-body{grid-template-columns:1fr}.fb-skills-panel{position:static}.fb-hero{padding:2rem 1.25rem;padding:var(--space-8,2rem) var(--space-5,1.25rem)}.fb-actions{align-items:stretch;flex-direction:column}.fb-btn-primary,.fb-btn-secondary{text-align:center}.fb-tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.fb-hero-title{font-size:1.4rem}.fb-score-num{font-size:1.6rem}}.admin-login{margin:0 auto;max-width:450px;width:100%}.login-card{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:3rem}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:#031a40;font-size:2rem;margin-bottom:.5rem}.login-header p{color:#666;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus{border-color:#3d93fb;outline:none}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-size:.9rem;padding:.75rem}.login-button{background:linear-gradient(135deg,#3d93fb,#031a40);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4da3fb,#052a50);box-shadow:0 5px 20px #3d93fb80;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-info{background:#f5f5f5;border-radius:10px;margin-top:2rem;padding:1rem;text-align:center}.login-info p{color:#666;font-size:.9rem;margin:0}.admin-dashboard{padding:2rem}.admin-page-error,.admin-page-loading{color:#666}.admin-page-error button{padding:.6rem 1.4rem}.spinner{height:36px;width:36px}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.75rem}.stat-card{align-items:center;background:#fff;border-left:4px solid #3d93fb;border-left:4px solid var(--accent,#3d93fb);border-radius:12px;box-shadow:0 1px 4px #00000014;display:flex;gap:1rem;padding:1.25rem;transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.stat-card:hover{transform:none}}.stat-card__icon{flex-shrink:0;font-size:2rem}.stat-card__label{color:#888;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin:0 0 .2rem;text-transform:uppercase}.stat-card__value{color:#031a40;font-size:1.9rem;font-weight:800;line-height:1;margin:0}.stat-card__sub{color:#aaa;font-size:.72rem;margin:.25rem 0 0}.charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.chart-card h3{font-size:.95rem}.chart-sub{color:#aaa;font-size:.8rem;font-weight:400}.no-data{color:#bbb;font-style:italic;padding:3rem 1rem;text-align:center}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}}@media (max-width:600px){.admin-dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}}.confirm-overlay{align-items:center;animation:fadeIn .15s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.confirm-box,.confirm-overlay{animation:none}}.confirm-icon{font-size:2.5rem;margin-bottom:1rem}.confirm-title{color:#031a40;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.confirm-message{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-cancel{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;transition:background .15s}.confirm-cancel:hover{background:#e0e0e0}.confirm-ok{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.6rem 1.4rem;transition:filter .15s}.confirm-ok--danger{background:#e53935}.confirm-ok--info{background:#3d93fb}.confirm-ok:hover{filter:brightness(1.1)}.interviews-management{padding:2rem}.btn-ghost{align-self:flex-end;color:#888;font-size:.85rem;padding:.5rem .9rem;transition:background .15s,color .15s}.btn-ghost:hover{background:#fff0f0;border-color:#f44336;color:#f44336}.admin-page-error,.admin-page-loading{min-height:250px}.filter-group input,.filter-group select{background:#fff;color:#333}.table-wrapper{margin-bottom:1rem}.admin-table{min-width:640px}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{background:#ffffff14}.sort-hint{opacity:.4}.admin-table td{color:#333}.cell-main{color:#031a40;font-weight:600}.cell-center{text-align:center}.cell-muted{font-size:.82rem}.level-tag{background:#eff6ff;border-radius:20px;color:#3d93fb;display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .65rem}.status-pill--completed{background:#4caf501f;color:#388e3c}.status-pill--active{background:#ff98001f;color:#e65100}.btn-icon{font-size:.95rem;height:32px;width:32px}.btn-icon--view{background:#3d93fb1a;color:#3d93fb}.btn-icon:hover{filter:brightness(.85)}.pagination-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;display:flex;font-size:.875rem;gap:1rem;justify-content:center;padding:.85rem 1rem}.pagination-bar button{background:#3d93fb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem 1rem;transition:filter .15s}.pagination-bar button:hover:not(:disabled){filter:brightness(1.1)}.pagination-bar button:disabled{cursor:not-allowed;opacity:.4}.pagination-bar span{color:#666}.modal-box{max-height:88vh;max-width:720px}.modal-head{align-items:flex-start;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-head h3{font-size:1.15rem;margin:0 0 .25rem}.modal-sub{color:#888;font-size:.85rem;margin:0}.close-btn{padding:0}.modal-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.modal-section h4{border-bottom:2px solid #f0f0f0;color:#031a40;font-size:.9rem;font-weight:700;letter-spacing:.06em;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.skills-list{display:flex;flex-direction:column;gap:.6rem}.skill-row{align-items:center;display:flex;gap:.75rem}.skill-name{color:#555;flex-shrink:0;font-size:.82rem;width:130px}.skill-bar-bg{background:#f0f0f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.skill-bar-fill{border-radius:4px;height:100%;transition:width .4s ease}.skill-pct{color:#333;flex-shrink:0;font-size:.82rem;font-weight:700;text-align:right;width:36px}.feedback-text{background:#f9fafb;border-left:4px solid #3d93fb;border-radius:8px;max-height:220px;overflow-y:auto;padding:1rem}.feedback-heading{color:#031a40;font-size:.9rem;font-weight:700;margin:.75rem 0 .25rem}.feedback-para{color:#444;font-size:.875rem;line-height:1.6;margin:0 0 .4rem}.conversation{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.msg{border-radius:8px;padding:.75rem 1rem}.msg--user{background:#3d93fb14;border-left:3px solid #3d93fb}.msg--assistant{background:#031a400f;border-left:3px solid #031a40}.msg strong{color:#555;display:block;font-size:.78rem;letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase}.msg p{color:#333;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.interviews-management{padding:1rem}.filters-bar{flex-direction:column}.filter-group--grow{width:100%}}.admin-analysis{padding:2rem}.page-header{margin-bottom:1.75rem}.refresh-btn{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:.85rem;font-weight:600;padding:.45rem 1rem;transition:all .15s}.refresh-btn:hover{background:#f0f4ff;border-color:#3d93fb;color:#3d93fb}.admin-page-error,.admin-page-loading{min-height:300px}.analysis-kpis{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.75rem}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:1.25rem;text-align:center}.kpi-label{color:#888;font-size:.78rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.kpi-value{color:#031a40;font-size:2rem;font-weight:800;margin:0}.score-badge{border-radius:20px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:800;padding:.2rem .75rem}.score-na{color:#aaa;font-size:1.1rem}.no-data-block{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;color:#888;padding:3rem;text-align:center}.no-data-block p{font-size:1rem;margin:.5rem 0}.analysis-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:1.5rem}.chart-card--tall{grid-row:span 2}.chart-card h3{color:#031a40;font-size:.9rem;font-weight:700;margin:0 0 1.25rem}.skill-scores{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.skill-score-row{align-items:center;display:flex;gap:.75rem}.skill-score-label{color:#555;flex-shrink:0;font-size:.8rem;width:120px}.skill-mini-bar-bg{background:#f0f0f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.skill-mini-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.skill-score-pct{color:#333;font-size:.8rem;font-weight:700;text-align:right;width:34px}.top-list{display:flex;flex-direction:column;gap:.5rem}.top-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.75rem;padding:.6rem}.top-list--green .top-item{border-left:3px solid #4caf50}.top-list--red .top-item{border-left:3px solid #ff7043}.top-rank{color:#aaa;flex-shrink:0;font-size:.75rem;font-weight:700;width:24px}.top-name{color:#333;flex:1 1;font-size:.875rem;font-weight:600}.top-score{color:#031a40;font-size:.875rem;font-weight:800}@media (max-width:900px){.analysis-grid{grid-template-columns:1fr}.chart-card--tall{grid-row:auto}}@media (max-width:600px){.admin-analysis{padding:1rem}.analysis-kpis{grid-template-columns:1fr 1fr}}.codes-management{padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h2{color:#031a40;font-size:1.5rem;font-weight:800;margin:0}.btn-primary{background:linear-gradient(135deg,#3d93fb,#031a40);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.55rem 1.25rem;transition:filter .15s}.btn-primary:hover{filter:brightness(1.12)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.btn-ghost:hover{background:#f5f5f5}.btn-outline{background:#fff;border:1.5px solid #3d93fb;border-radius:8px;color:#3d93fb;cursor:pointer;font-size:.8rem;font-weight:700;padding:.4rem 1rem;transition:background .15s}.btn-outline:hover{background:#eff6ff}.modal-box--md{max-width:580px}.model-select-step{padding:1.5rem}.model-select-hint{color:#888;font-size:.875rem;margin-bottom:1.25rem;text-align:center}.model-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.model-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:left;transition:border-color .15s,box-shadow .15s}.model-card:hover{border-color:#3d93fb;box-shadow:0 2px 12px #3d93fb26}.model-card--selected{background:#eff6ff;border-color:#3d93fb;box-shadow:0 0 0 2px #3d93fb}.model-card-icon{font-size:1.75rem}.model-card-title{color:#031a40;font-size:.95rem;font-weight:800}.model-card-desc{color:#555;font-size:.8rem;line-height:1.5;margin:0}.model-card-example{color:#3d93fb;font-size:.75rem;font-style:italic;font-weight:600;margin:0}.model-selected-badge{align-items:center;background:#eff6ff;border:1.5px solid #3d93fb4d;border-radius:20px;color:#3d93fb;display:inline-flex;font-size:.82rem;font-weight:700;gap:.5rem;margin-bottom:.5rem;padding:.35rem .9rem}.modal-back{background:none;border:none;color:#3d93fb;cursor:pointer;font-size:.78rem;font-weight:600;margin-top:2px;padding:0}.modal-back:hover{text-decoration:underline}.generate-form .filter-group small{color:#aaa;font-size:.75rem;line-height:1.4}.required{color:#f44336}.generated-result{border:2px solid;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.generated-result--grupal{background:#e8f5e9;border-color:#4caf50}.generated-result--individual{background:#e8f0fe;border-color:#3d93fb}.generated-result-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.generated-result-icon{flex-shrink:0;font-size:1.5rem}.generated-result-title{color:#031a40;font-size:.95rem;font-weight:800;margin:0 0 .2rem}.generated-result-sub{color:#666;font-size:.78rem;margin:0}.generated-code-display{align-items:center;background:#fff;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.generated-code-value{color:#031a40;flex:1 1;font-size:1.75rem;letter-spacing:4px}.generated-bulk-actions{display:flex;gap:.75rem;margin-bottom:.75rem}.generated-codes-list{background:#fff;border:1px solid #00000014;border-radius:8px;margin-bottom:1rem;max-height:240px;overflow-y:auto}.generated-code-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.75rem;padding:.5rem .75rem}.generated-code-item:last-child{border-bottom:none}.generated-code-num{color:#aaa;flex-shrink:0;font-size:.72rem;font-weight:700;width:22px}.generated-code-value-sm{color:#031a40;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;letter-spacing:2px}.copy-btn-sm{background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:.2rem .5rem;transition:background .1s}.copy-btn-sm:hover{background:#3d93fb;color:#fff}.type-pill{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:.2rem .65rem;white-space:nowrap}.type-pill--individual{background:#eff6ff;color:#3d93fb}.type-pill--grupal{background:#e8f5e9;color:#388e3c}.type-pill--ilimitado{background:#f3e5f5;color:#9c27b0}@media (max-width:600px){.model-cards{grid-template-columns:1fr}}.admin-page-error,.admin-page-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.admin-page-error button{background:#3d93fb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.55rem 1.25rem}.spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#3d93fb;height:34px;width:34px}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.empty-state{color:#aaa;padding:3rem;text-align:center}.code-stats-bar,.empty-state{background:#fff;border-radius:12px}.code-stats-bar{box-shadow:0 1px 4px #00000012;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.5rem}.code-stat{align-items:center;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;padding:0 1rem}.code-stat:last-child{border-right:none}.code-stat__value{color:#031a40;font-size:1.6rem;font-weight:800}.code-stat__label{color:#888;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.generated-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.generated-code-banner{background:#f0f9f0;border:2px solid #4caf50;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.generated-code-label{color:#388e3c;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.generated-code-row{align-items:center;display:flex;gap:1rem}.generated-code-value{color:#1b5e20;font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;letter-spacing:3px}.copy-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:.35rem .9rem;transition:filter .15s}.copy-btn:hover{filter:brightness(1.1)}.generated-close{align-self:flex-start;background:none;border:none;color:#888;cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.filters-bar{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:1.25rem}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group--grow{flex:1 1;min-width:160px}.filter-group label{color:#888;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.filter-group input,.filter-group select{border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.45rem .75rem;transition:border-color .15s}.filter-group input:focus,.filter-group select:focus{border-color:#3d93fb;outline:none}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden;overflow-x:auto}.admin-table{border-collapse:collapse;min-width:600px;width:100%}.admin-table thead{background:#031a40}.admin-table th{color:#ffffffe6;font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:.85rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{border-bottom:1px solid #f4f4f4;font-size:.9rem;padding:.85rem 1rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#f7f9ff}.admin-table tbody tr.row-alt td{background:#fafbfc}.admin-table tbody tr.row-alt:hover td{background:#f0f4ff}.cell-muted{color:#888;font-size:.85rem}.expired{color:#f44336!important;font-weight:700}.code-copy-btn{align-items:center;background:none;border:1px dashed #e0e0e0;border-radius:6px;cursor:pointer;display:inline-flex;gap:.5rem;padding:.25rem .6rem;transition:border-color .15s,background .15s}.code-copy-btn:hover{background:#f0f4ff;border-color:#3d93fb}.code-copy-btn strong{color:#031a40;font-family:Courier New,monospace;font-size:.95rem;letter-spacing:1px}.copy-icon{color:#aaa;font-size:.85rem}.usage-wrap{align-items:center;display:flex;gap:.6rem;min-width:120px}.usage-bar-bg{background:#f0f0f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.usage-bar-fill{border-radius:3px;height:100%;transition:width .4s ease}.usage-text{color:#555;font-size:.8rem;font-weight:600;white-space:nowrap}.usage-unlimited{color:#aaa;font-size:.82rem}.status-pill{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .75rem}.status-pill--active{background:#4caf501f;color:#388e3c}.status-pill--inactive{background:#9e9e9e1f;color:#9e9e9e}.row-actions{display:flex;gap:.4rem}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:filter .15s;width:30px}.btn-icon--play{background:#4caf501a;color:#388e3c}.btn-icon--pause{background:#ff98001a;color:#e65100}.btn-icon--delete{background:#f443361a;color:#f44336}.btn-icon:hover{filter:brightness(.8)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;overflow-y:auto;width:92%}.modal-box--sm{max-width:480px}.modal-head{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-head h3{color:#031a40;font-size:1.05rem;font-weight:800;margin:0}.close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.75rem;line-height:1}.close-btn:hover{color:#333}.generate-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}@media (max-width:768px){.codes-management{padding:1rem}.code-stats-bar{gap:.5rem}.code-stat{padding:0 .5rem}}.voice-settings{margin:0 auto;max-width:800px;padding:2rem}.voice-settings h2{color:#031a40;font-size:2rem;margin-bottom:.5rem}.settings-description{color:#666;font-size:1rem;margin-bottom:2rem}.voice-settings-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.voice-settings-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3d93fb;height:40px;width:40px}.settings-message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.settings-message.success{background:#4caf501a;border:2px solid #4caf50;color:#4caf50}.settings-message.error{background:#f443361a;border:2px solid #f44336;color:#f44336}.settings-form{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-group input[type=range],.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-family:Montserrat,sans-serif;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group select:focus{border-color:#3d93fb;box-shadow:0 0 0 3px #3d93fb1a;outline:none}.form-group input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:4px;height:8px;outline:none;padding:0}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3d93fb;border-radius:50%;cursor:pointer;height:20px;width:20px}.form-group input[type=range]::-moz-range-thumb{background:#3d93fb;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.range-labels{color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-top:.25rem}.form-group small{color:#666;font-size:.85rem;margin-top:-.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.save-button,.test-button{border:none;border-radius:8px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.test-button{background:#f5f5f5;border:2px solid #e0e0e0;color:#333}.test-button:hover{background:#e0e0e0;transform:translateY(-2px)}.save-button{background:linear-gradient(135deg,#3d93fb,#031a40);color:#fff}.save-button:hover:not(:disabled){box-shadow:0 5px 15px #3d93fb80;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.settings-info{background:#f9f9f9;border-left:4px solid #3d93fb;border-radius:15px;padding:1.5rem}.settings-info h3{color:#031a40;font-size:1.2rem;margin-bottom:1rem}.settings-info ul{list-style:none;margin:0;padding:0}.settings-info li{color:#666;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.settings-info li:before{color:#3d93fb;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.settings-info li:last-child{margin-bottom:0}.voice-selection-section{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;margin-top:1rem;padding:1.5rem}.voice-section-title{color:#031a40;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.voice-selector-container{align-items:stretch;display:flex;gap:.5rem}.voice-selector-container select{flex:1 1}.test-voice-button{background:#3d93fb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .3s;white-space:nowrap}.test-voice-button:hover{background:#2d7ddb;transform:translateY(-1px)}.test-voice-button:active{transform:translateY(0)}@media (max-width:768px){.voice-settings{padding:1rem}.settings-form{padding:1.5rem}.form-actions{flex-direction:column}.save-button,.test-button{width:100%}.voice-selector-container{flex-direction:column}.test-voice-button{width:100%}}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-width:360px;position:fixed;right:1.5rem;width:calc(100vw - 3rem);z-index:9999}.toast{align-items:center;animation:toast-in .25s ease;border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 4px 20px #00000026;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1rem}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#2e7d32}.toast--error{background:#c62828}.toast--info{background:#1565c0}.toast--warning{background:#e65100}.toast__icon{flex-shrink:0;font-size:1rem;font-weight:700}.toast__message{flex:1 1;line-height:1.4}.toast__close{background:none;border:none;color:#fffc;cursor:pointer;flex-shrink:0;font-size:1.2rem;line-height:1;padding:0 .25rem;transition:color .15s}.toast__close:hover{color:#fff}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.admin-panel{background:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.admin-header{align-items:center;background:#031a40;box-shadow:0 2px 8px #0000004d;display:flex;flex-shrink:0;height:60px;padding:0 1.5rem;z-index:100}.admin-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.admin-header h1{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin:0}.header-actions{align-items:center;display:flex;gap:.75rem}.exit-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffd9;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:background .15s}.exit-button:hover{background:#fff3}.logout-button{background:#0000;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .15s}.logout-button:hover{background:#f4433633;border-color:#f44336;color:#ff8a80}.admin-body{display:flex;flex:1 1;overflow:hidden}.admin-nav{background:#fff;border-right:1px solid #e8eaf0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;padding:1.25rem 0;width:220px}.nav-button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0;color:#555;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.75rem 1.25rem;text-align:left;transition:background .15s,color .15s;width:100%}.nav-button .nav-icon{flex-shrink:0;font-size:1.1rem}.nav-button:hover{background:#f0f4ff;color:#3d93fb}.nav-button.active{background:#eff6ff;border-left-color:#3d93fb;color:#3d93fb;font-weight:700}.admin-main{background:#f0f2f5;flex:1 1;overflow-y:auto}@media (max-width:900px){.admin-body{flex-direction:column}.admin-nav{border-bottom:1px solid #e8eaf0;border-right:none;box-shadow:0 2px 4px #0000000f;flex-direction:row;overflow-x:auto;padding:0;width:100%}.nav-button{border-bottom:3px solid #0000;border-left:none;flex-direction:column;flex-shrink:0;font-size:.75rem;gap:.2rem;padding:.65rem 1rem;white-space:nowrap}.nav-button.active{border-bottom-color:#3d93fb;border-left-color:#0000}.nav-button .nav-icon{font-size:1.2rem}}@media (max-width:480px){.admin-header h1{font-size:.9rem}.exit-button{display:none}}.access-code-entry{max-width:480px;width:100%}.code-entry-card{animation:slideIn .35s ease-out;background:#fff;border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.code-entry-card{animation:none}}.code-hero{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);text-align:center}.code-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:800;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.code-subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.6;margin:0 auto;max-width:320px}.code-benefits{background:#3d93fb0a;border:1px solid #3d93fb1f;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:1rem;padding:var(--space-4,1rem)}.code-benefit{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.code-benefit-icon{flex-shrink:0;font-size:1rem;text-align:center;width:28px}.code-benefit-text{color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500}.code-form{gap:1rem;gap:var(--space-4,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.code-form,.code-input-wrapper{display:flex;flex-direction:column}.code-input-wrapper{gap:.5rem;gap:var(--space-2,.5rem)}.code-input-label{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.code-input{background:#fafbfc;background:var(--color-bg-soft,#fafbfc);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);color:#031a40;color:var(--color-primary-dark,#031a40);font-family:Montserrat,monospace,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:6px;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem);text-align:center;text-transform:uppercase;transition:border-color .15s,box-shadow .15s,background .15s;transition:border-color var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s),background var(--transition-fast,.15s);width:100%}.code-input::placeholder{color:#ccc;font-weight:400;letter-spacing:4px}.code-input:focus{background:#fff;border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 0 0 4px #3d93fb1a;outline:none}.code-input--error{background:#fff8f8;border-color:#f44336;border-color:var(--color-error,#f44336)}.code-input--error:focus{box-shadow:0 0 0 4px #f4433614}.code-error{align-items:center;animation:shake .35s ease;background:#ffebee;border-radius:6px;border-radius:var(--radius-sm,6px);color:#c62828;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.code-error{animation:none}}.code-submit-btn{align-items:center;background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;letter-spacing:.02em;padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s);width:100%}.code-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #3d93fb73;transform:translateY(-2px)}.code-submit-btn:active:not(:disabled){transform:translateY(0)}.code-submit-btn:disabled{cursor:not-allowed;opacity:.45}.code-submit-btn:focus-visible{outline:3px solid #3d93fb;outline:3px solid var(--color-primary,#3d93fb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.code-submit-btn{transition:none}.code-submit-btn:hover{transform:none}}.code-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.code-spinner{animation:none;border-color:#fff}}.code-contact{border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-light,#f0f0f0);padding-top:1.25rem;padding-top:var(--space-5,1.25rem);text-align:center}.code-contact-label{color:#aaa;color:var(--color-text-muted,#aaa);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;letter-spacing:.07em;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);text-transform:uppercase}.code-contact-link{align-items:center;background:#3d93fb08;border:1.5px solid #3d93fb40;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#3d93fb;color:var(--color-primary,#3d93fb);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1.25rem;padding:var(--space-2,.5rem) var(--space-5,1.25rem);text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;transition:background var(--transition-fast,.15s),border-color var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s)}.code-contact-link:hover{background:#3d93fb14;border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 2px 12px #3d93fb26;text-decoration:none}@media (max-width:480px){.code-entry-card{padding:1.5rem;padding:var(--space-6,1.5rem)}.code-title{font-size:1.35rem}.code-input{font-size:1.25rem;letter-spacing:4px}.code-benefits{gap:.75rem;gap:var(--space-3,.75rem)}}.interviewer-selection{max-width:680px;width:100%}.selection-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2rem;padding:var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.selection-card{animation:none}}.selection-card h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-align:center}.selection-description{color:#888;color:var(--color-text-muted,#888);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;text-align:center}.interviewer-options,.selection-description{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.interviewer-options{grid-gap:1rem;grid-gap:var(--space-4,1rem);display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:1fr 1fr}.interviewer-card{background:#fff;background:var(--color-bg,#fff);border:3px solid #e0e0e0;border:3px solid var(--color-border,#e0e0e0);border-radius:16px;border-radius:var(--radius-lg,16px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:border-color .25s,transform .25s,box-shadow .25s;transition:border-color var(--transition-base,.25s),transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.interviewer-card:hover{box-shadow:0 8px 24px #3d93fb33;transform:translateY(-4px)}.interviewer-card--selected,.interviewer-card:hover{border-color:#3d93fb;border-color:var(--accent,#3d93fb)}.interviewer-card--selected{box-shadow:0 0 0 2px #3d93fb,0 8px 24px #3d93fb33;box-shadow:0 0 0 2px var(--accent,#3d93fb),0 8px 24px #3d93fb33}@media (prefers-reduced-motion:reduce){.interviewer-card{transition:none}.interviewer-card:hover{transform:none}}.interviewer-video-wrapper{aspect-ratio:4/3;background:#f0f4fa;overflow:hidden;position:relative;width:100%}.interviewer-preview-video{display:block;height:100%;object-fit:cover;width:100%}.interviewer-selected-badge{align-items:center;background:#3d93fb;background:var(--accent,#3d93fb);border-radius:50%;box-shadow:0 2px 8px #00000040;color:#fff;display:flex;font-size:.95rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:.6rem;top:.6rem;width:28px}.interviewer-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);padding:1rem;padding:var(--space-4,1rem)}.interviewer-name{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:800}.interviewer-role{color:#3d93fb;color:var(--accent,#3d93fb);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.interviewer-desc{color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;margin:.25rem 0 0;margin:var(--space-1,.25rem) 0 0}.continue-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s);width:100%}.continue-button:hover:not(:disabled){box-shadow:0 5px 20px #3d93fb66;box-shadow:var(--shadow-primary,0 5px 20px #3d93fb66);transform:translateY(-2px)}.continue-button:disabled{cursor:not-allowed;opacity:.4}.continue-button:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.continue-button{transition:none}.continue-button:hover{transform:none}}@media (max-width:600px){.interviewer-options{grid-template-columns:1fr}.selection-card{padding:1.25rem;padding:var(--space-5,1.25rem)}}.welcome-screen{max-width:560px;width:100%}.welcome-card{animation:slideIn .35s ease-out;background:#fff;border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-card{animation:none}}.welcome-hero{margin-bottom:2rem;margin-bottom:var(--space-8,2rem);text-align:center}.welcome-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.welcome-subtitle{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;line-height:1.6;margin:0 auto;max-width:380px}.welcome-steps{flex-direction:column;margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.welcome-step,.welcome-steps{display:flex;gap:1rem;gap:var(--space-4,1rem)}.welcome-step{align-items:flex-start;background:#3d93fb0d;background:var(--gradient-primary-soft,#3d93fb0d);border:1px solid #3d93fb26;border-radius:10px;border-radius:var(--radius-md,10px);padding:1rem;padding:var(--space-4,1rem)}.step-icon{flex-shrink:0;font-size:1.75rem;line-height:1;margin-top:2px}.step-content{display:flex;flex-direction:column;gap:2px}.step-number{color:#3d93fb;color:var(--color-primary,#3d93fb);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.step-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.95rem;font-weight:700}.step-desc{color:#555;color:var(--color-text-secondary,#555);font-size:.85rem;line-height:1.5;margin:0}.welcome-cta{text-align:center}.welcome-start-btn{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);padding:1rem 2rem;padding:var(--space-4,1rem) var(--space-8,2rem);transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-base,.25s ease),box-shadow var(--transition-base,.25s ease);width:100%}.welcome-start-btn:hover{box-shadow:0 8px 24px #3d93fb73;transform:translateY(-2px)}.welcome-start-btn:active{transform:translateY(0)}.welcome-start-btn:focus-visible{outline:3px solid #3d93fb;outline:3px solid var(--color-primary,#3d93fb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.welcome-start-btn{transition:none}.welcome-start-btn:hover{transform:none}}.welcome-hint{color:#888;color:var(--color-text-muted,#888);font-size:.8rem;line-height:1.5;margin:0}@media (max-width:480px){.welcome-card{padding:1.5rem;padding:var(--space-6,1.5rem)}.welcome-title{font-size:1.5rem}}
/*# sourceMappingURL=main.d262625f.css.map*/