.admin-login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-shape{animation:float 6s ease-in-out infinite;border-radius:50%;opacity:.03;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);height:8rem;left:10%;top:10%;width:8rem}.shape-2{animation-delay:2s;background:linear-gradient(135deg,#f8fafc,#f1f5f9);height:6rem;right:15%;top:60%;width:6rem}.shape-3{animation-delay:4s;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);bottom:20%;height:4rem;left:20%;width:4rem}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;max-width:400px;padding:3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2.5rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.login-icon svg{color:#fff;height:2rem;width:2rem}.login-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#6b7280;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-labelw{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#1f2937;padding:.875rem 1rem;transition:all .3s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f9fafb;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.password-input-container{position:relative}.password-input{padding-right:3rem}.password-toggle{background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.password-toggle:hover{background:#f3f4f6;color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;padding:.75rem 1rem}.error-message,.login-button{align-items:center;display:flex;gap:.5rem}.login-button{background:#3b82f6;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.login-button:hover:not(:disabled){background:#2563eb;box-shadow:0 6px 10px -2px #00000026;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{height:1rem;width:1rem}.success-state{padding:2rem 0;text-align:center}.success-icon{animation:bounce 1s infinite;color:#059669;height:4rem;margin:0 auto 1rem;width:4rem}.success-state h2{color:#059669;font-size:1.5rem;margin-bottom:.5rem}.success-state p{color:#6b7280;font-size:1rem}.login-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}.footer-text{margin:0}@media (max-width:480px){.login-card{margin:1rem;padding:2rem}.login-title{font-size:1.75rem}.form-input{padding:.75rem}.login-button{padding:.875rem 1.5rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}::-webkit-scrollbar-corner{background:#f8fafc}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.modal-content{box-shadow:0 25px 50px -12px #00000026;max-width:900px;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin;width:90%}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem 1rem 0 0;padding:1.5rem 2rem}.modal-header h2{font-weight:600}.modal-actions,.modal-actions .action-btn{align-items:center;display:flex;gap:.75rem}.modal-actions .action-btn{border:none;border-radius:.875rem;box-shadow:0 6px 20px #0006;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.8px;overflow:hidden;padding:.875rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-actions .action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-actions .action-btn:hover:before{left:100%}.modal-actions .action-btn.save{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0000;color:#fff}.modal-actions .action-btn.save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 30px #10b98180;transform:translateY(-3px) scale(1.02)}.modal-actions .action-btn.cancel{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000;color:#fff}.modal-actions .action-btn.cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 30px #ef444480;transform:translateY(-3px) scale(1.02)}.modal-actions .action-btn:active{box-shadow:0 4px 15px #0000004d;transform:translateY(-1px) scale(.98)}.modal-actions .action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.close-button{border-radius:.25rem;padding:.25rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem}.detail-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;gap:.5rem;padding:1rem;transition:all .2s ease}.detail-item:hover{background:#f1f5f9;border-color:#3b82f6;transform:translateY(-1px)}.detail-item label{color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.detail-item span{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;padding:.75rem}.editable-cell{position:relative}.editable-cell:hover{background:#e5e7eb!important;border-color:#3b82f6!important;transform:translateY(-1px)}.editable-cell:after{content:"✏️";font-size:.75rem;opacity:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.editable-cell:hover:after{opacity:1}.edit-select{background:#fff;border:2px solid #3b82f6;border-radius:.5rem;color:#1f2937;outline:none;padding:.75rem;transition:all .2s ease}.edit-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.feedback-textarea{background:#fff;border:2px solid #3b82f6;font-size:.875rem;min-height:100px;outline:none;transition:all .2s ease}.feedback-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.editable-feedback{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;cursor:pointer;min-height:60px;padding:.75rem;position:relative;transition:all .2s ease}.editable-feedback:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-1px)}.editable-feedback:after{content:"✏️";font-size:.75rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s ease}.editable-feedback:hover:after{opacity:1}.hr-review-cell{padding:.75rem;text-align:left}.hr-review-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;cursor:pointer;font-size:.875rem;min-width:100px;outline:none;padding:.5rem .75rem;text-align:left;transition:all .2s ease;width:100%}.hr-review-select:hover{background:#f9fafb;border-color:#3b82f6;transform:translateY(-1px)}.hr-review-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.hr-review-select option{background:#fff;color:#1f2937;padding:.5rem}.status-badge.accepted{background:linear-gradient(135deg,#059669,#047857);color:#fff}.status-badge.rejected{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-dashboard{background:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:1rem}.admin-error,.admin-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-icon{color:#3b82f6}.error-icon,.loading-icon{height:3rem;margin-bottom:1rem;width:3rem}.error-icon{color:#ef4444}.retry-button{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#2563eb;box-shadow:0 6px 10px -2px #00000026;transform:translateY(-1px)}.admin-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-left{display:flex;flex-direction:column}.admin-title{align-items:center;color:#1f2937;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.admin-icon{color:#3b82f6;height:2rem;width:2rem}.admin-subtitle{color:#6b7280;font-size:1rem;margin:.25rem 0 0}.header-right{display:flex;gap:1rem}.export-button,.logout-button,.refresh-button{align-items:center;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.refresh-button:hover{background:#f3f4f6;box-shadow:0 6px 10px -2px #00000026;color:#374151;transform:translateY(-1px)}.export-button{background:#10b981;color:#fff}.export-button:hover{background:#059669;transform:translateY(-1px)}.export-button:hover,.logout-button:hover{box-shadow:0 6px 10px -2px #00000026}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.processing .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.interviewed .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-card.attempted .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.hr-review .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.accepted .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.rejected .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.not-attempted .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content h3{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#6b7280;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-box,.search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex:1 1;min-width:250px;padding:.75rem 1rem}.filter-icon,.search-icon{color:#6b7280;margin-right:.75rem}.filter-select,.search-input{color:#1f2937}.filter-select,.filter-select1,.search-input{background:#0000;border:none;flex:1 1;font-size:.875rem;outline:none}.search-input::placeholder{color:#9ca3af}.filter-select,.filter-select1{color:#1f2937;cursor:pointer}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.registrations-table{border-collapse:collapse;color:#6b7280;font-size:.875rem;text-align:left;width:100%}.registrations-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem}.registrations-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:1rem;vertical-align:middle}.registration-row{text-align:middle;transition:all .2s ease}.registration-row:hover{background:#f9fafb}.date-info,.email-info,.name-info{align-items:center;display:flex;gap:.5rem}.date-info,.email-info{color:#6b7280;font-size:.875rem}.id-cell code{background:#f3f4f6;border-radius:.25rem;color:#374151;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.25rem .5rem}.status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.orange{background:#f59e0b26;color:#d97706}.status-badge.blue{background:#3b82f626;color:#2563eb}.status-badge.green{background:#10b98126;color:#059669}.status-badge.purple{background:#8b5cf626;color:#7c3aed}.skills-tags{display:flex;flex-wrap:wrap;gap:.25rem}.skill-tag{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.skill-tag.more{background:#f3f4f6;color:#6b7280}.action-buttons{gap:.5rem}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{border:none;border-radius:.5rem;cursor:pointer;flex-shrink:0;height:2rem;justify-content:center;transition:all .15s ease;width:2rem}.action-btn.view{background:#3b82f626;color:#3b82f6}.action-btn.view:hover{background:#3b82f640;transform:scale(1.06)}.action-btn.feedback{background:#7c3aed26;color:#7c3aed;font-size:.875rem;font-weight:600}.action-btn.feedback.has-feedback{background:#10b98126;color:#059669}.action-btn.feedback:hover{background:#7c3aed40;transform:scale(1.06)}.action-btn.download{background:#22c55e26;color:#16a34a}.action-btn.download:hover{background:#22c55e40;transform:scale(1.06)}.feedback-form{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem;position:relative}.feedback-input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;flex:1 1;font-size:.875rem;min-width:200px;padding:.5rem .75rem;transition:all .2s ease}.feedback-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.feedback-cancel-btn,.feedback-save-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all .15s ease;width:1.75rem}.feedback-save-btn{color:#059669}.feedback-save-btn:hover{background:#10b9811a}.feedback-cancel-btn{color:#dc2626}.feedback-cancel-btn:hover{background:#ef44441a}.status-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;cursor:pointer;font-size:.75rem;min-width:120px;padding:.25rem .5rem}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.feedback-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-style:italic;line-height:1.5;margin-top:.5rem;padding:1rem}.no-data{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-data-icon{color:#6b7280;height:3rem;margin-bottom:1rem;opacity:.6;width:3rem}.feedback-modal{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.feedback-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem}.feedback-modal .modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.feedback-modal .close-button{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.feedback-modal .close-button:hover{background-color:#f3f4f6;color:#374151}.feedback-modal .modal-body{padding:1.5rem}.feedback-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-family:inherit;font-size:.9375rem;line-height:1.5;min-height:150px;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.feedback-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.feedback-modal .modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.save-button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.save-button:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.close-button{background:none;border-radius:.5rem;color:#6b7280;font-size:1.5rem;padding:.5rem;transition:all .15s ease}.close-button:hover{background:#f3f4f6;color:#374151}.modal-body{color:#374151;line-height:1.6;max-height:70vh;overflow-y:auto;padding:2rem;scrollbar-color:#d1d5db #f9fafb;scrollbar-width:thin}.detail-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.detail-section h3{border-bottom:2px solid #3b82f6;color:#3b82f6;font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.75rem;text-transform:uppercase}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{color:#000;flex-direction:column}.detail-item.full-width{grid-column:1/-1}.detail-item label{font-weight:600;margin-bottom:.25rem}.detail-item label,.detail-item span{color:#000;font-size:.875rem}.qa-item{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.qa-item label{color:#1f2937;display:block;font-weight:600;margin-bottom:.5rem}.answer-text{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;font-style:italic;line-height:1.5;padding:.75rem}.tag{border-radius:.75rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.tag-yes{background:#22c55e26;border:1px solid #22c55e4d;color:#059669}.tag-no{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.position-type,.school-type{background:#3b82f626;border:1px solid #3b82f64d;border-radius:.375rem;color:#2563eb;display:inline-block;font-weight:600;padding:.375rem .75rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem}.close-modal-btn{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.close-modal-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.admin-dashboard{padding:.5rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.header-right{justify-content:center;width:100%}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-content h3{font-size:1.5rem}.filters-section{flex-direction:column}.filter-box,.search-box{min-width:auto}.registrations-table{font-size:.75rem}.registrations-table td,.registrations-table th{padding:.75rem .5rem}.modal-content{margin:1rem;max-height:95vh}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.registrations-table{display:block;overflow-x:auto}.action-buttons{flex-direction:column;gap:.25rem}}.similarity-score{border-radius:4px;font-size:14px;font-weight:600;padding:4px 8px}.similarity-score.high{background:#dcfce7;color:#166534}.similarity-score.moderate{background:#fef3c7;color:#92400e}.similarity-score.low{background:#fee2e2;color:#991b1b}.recommendation-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.recommendation-badge.proceed{background:#10b981;color:#064e3b}.recommendation-badge.hold{background:#f59e0b;color:#78350f}.recommendation-badge.reject{background:#ef4444;color:#7f1d1d}.evidence-list{list-style:none;margin:8px 0 0;padding-left:20px}.evidence-list li{font-size:14px;line-height:1.4;margin-bottom:6px;padding:4px 0}.editable-cell{border:1px solid #0000;border-radius:.25rem;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.editable-cell:hover{background:#ffffff0d;border-color:#3b82f64d;color:#93c5fd}.edit-select{background:#0f172acc;border:1px solid #3b82f680;border-radius:.375rem;box-shadow:0 0 0 2px #3b82f633;color:#e2e8f0;cursor:pointer;font-size:.875rem;min-width:120px;padding:.375rem .5rem}.edit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.role-edit-buttons{align-items:center;display:flex;gap:.25rem}.role-cancel-btn,.role-save-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:all .15s ease;width:1.75rem}.role-save-btn{background:#10b9811a;color:#34d399}.role-save-btn:hover{background:#10b98133;transform:scale(1.05)}.role-cancel-btn{background:#ef44441a;color:#f87171}.role-cancel-btn:hover{background:#ef444433;transform:scale(1.05)}.action-btn.edit{background:#f59e0b1f;color:#fbbf24}.action-btn.edit:hover{background:#f59e0b2e;transform:scale(1.06)}.question-indicator{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:.375rem;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;min-width:1.5rem;padding:.25rem .5rem}.user-question-box{background:linear-gradient(135deg,#fff,#fff);border:2px solid #3b82f6;border-radius:.75rem;box-shadow:0 4px 12px #3b82f633;color:#000;font-style:italic;line-height:1.6;padding:1rem}.editable-textarea{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:.5rem;color:#e2e8f0;font-size:.875rem;line-height:1.5;min-height:100px;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.editable-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.editable-textarea::placeholder{color:#64748b}.black-label{color:#000!important}.thankyou-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);color:#1f2937;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.thankyou-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;padding:3rem;text-align:center;width:100%}.thankyou-header{font-size:3rem;line-height:1;margin-bottom:1rem}.thankyou-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .75rem}.thankyou-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto 2rem}.thankyou-actions{align-items:center;display:flex;gap:1rem;justify-content:center}.thankyou-btn{background:#3b82f6;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.thankyou-btn:hover{background:#2563eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.role-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;margin:2rem 0;padding:1.5rem}.role-info h3{color:#3b82f6;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.role-details{display:flex;flex-direction:column;gap:.75rem;text-align:left}.role-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.role-item:last-child{border-bottom:none}.role-item strong{color:#374151;font-weight:600}:root{--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--primary-blue-light:#dbeafe;--success-green:#10b981;--success-green-hover:#059669;--success-green-light:#d1fae5;--warning-orange:#f59e0b;--warning-orange-hover:#d97706;--warning-orange-light:#fef3c7;--error-red:#ef4444;--error-red-hover:#dc2626;--error-red-light:#fee2e2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.speech-interview-app{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);color:#1f2937;color:var(--gray-800);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.app-header{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.app-header,.app-title{align-items:center;display:flex}.app-title{color:#1f2937;color:var(--gray-800);font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.app-icon{color:#3b82f6;color:var(--primary-blue);height:2rem;width:2rem}.logout-button{align-items:center;background:#ef4444;background:var(--error-red);border:none;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.logout-button:hover{background:#dc2626;background:var(--error-red-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.step-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1000px;overflow:hidden;width:90%}.step-header{background:linear-gradient(135deg,#dbeafe,#fff);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--white) 100%);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 2rem;text-align:center}.step-title{color:#1f2937;color:var(--gray-800);font-size:2rem;font-weight:600;margin:0 0 .5rem}.step-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.125rem;margin:0}.step-content{padding:1.2rem}.invitation-content{text-align:center}.welcome-message{color:#374151;color:var(--gray-700);font-size:1.25rem;line-height:1.6;margin-bottom:0}.interview-details{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;margin-bottom:1rem;padding:1rem}.interview-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.interview-details-checklist{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.detail-item{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-weight:500;gap:.75rem;margin-bottom:.5rem}.interview-details-grid .detail-item{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-direction:column;padding:1rem}.interview-details-checklist .detail-item,.interview-details-grid .detail-item{background:#fff;background:var(--white);justify-content:center;margin-bottom:0;text-align:center}.interview-details-checklist .detail-item{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;padding:.75rem}.detail-item:last-child{margin-bottom:0}.detail-icon{color:#3b82f6;color:var(--primary-blue);height:1.25rem;width:1.25rem}.primary-button{align-items:center;background:#3b82f6;background:var(--primary-blue);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.primary-button:hover{background:#2563eb;background:var(--primary-blue-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{align-items:center;background:#fff;background:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:.75rem;color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.secondary-button:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#3b82f6;color:var(--primary-blue);transform:translateY(-1px)}.permission-content{text-align:center}.permission-icon{color:#3b82f6;color:var(--primary-blue);height:4rem;margin:0 auto 1.5rem;width:4rem}.permission-message{color:#374151;color:var(--gray-700);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.permission-steps{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;text-align:left}.permission-steps h4{color:#1f2937;color:var(--gray-800);font-weight:600;margin:0 0 1rem}.permission-steps ol{color:#374151;color:var(--gray-700);margin:0;padding-left:1.5rem}.permission-steps li{line-height:1.5;margin-bottom:.5rem}.interview-content{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem 1rem}.ai-agent-side,.user-side{background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 20px #0000000d;max-width:500px;min-width:300px;padding:2rem;transition:all .3s ease}@media (max-width:768px){.interview-content{align-items:center;flex-direction:column}.ai-agent-side,.user-side{max-width:100%;width:100%}}.audio-controls{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;gap:1rem;padding:2rem}.audio-controls,.mic-button{align-items:center;display:flex;justify-content:center}.mic-button{border:none;border-radius:50%;cursor:pointer;height:4rem;overflow:hidden;position:relative;transition:all .2s ease;width:4rem}.mic-button.listening{animation:pulse 2s infinite;background:#ef4444;background:var(--error-red);color:#fff;color:var(--white)}.mic-button.not-listening{background:#10b981;background:var(--success-green);color:#fff;color:var(--white)}.mic-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.05)}.audio-level{background:#e5e7eb;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden;width:100px}.audio-level-bar{background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);background:linear-gradient(90deg,var(--success-green),var(--warning-orange),var(--error-red));border-radius:4px;height:100%;transition:width .1s ease}.conversation-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;margin-bottom:1rem;max-width:100%;overflow-y:auto;padding:1rem .5rem;scroll-behavior:smooth;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin;width:100%;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:#00000008;border-radius:3px}&::-webkit-scrollbar-thumb{background-color:#3b82f64d;border-radius:3px}@media (min-width:768px){gap:1.5rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.conversation{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;max-height:400px;overflow-y:auto;padding:1rem}.conversation-item{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.conversation-item.ai{background:#dbeafe;background:var(--primary-blue-light);border-color:#3b82f6;border-color:var(--primary-blue);margin-right:2rem}.conversation-item.user{background:#d1fae5;background:var(--success-green-light);border-color:#10b981;border-color:var(--success-green);margin-left:2rem}.conversation-header{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.conversation-header.ai{color:#3b82f6;color:var(--primary-blue)}.conversation-header.user{color:#10b981;color:var(--success-green)}.conversation-text{color:#374151;color:var(--gray-700);line-height:1.5;margin:0}.current-transcript{align-items:center;background:#fef3c7;background:var(--warning-orange-light);border:1px solid #f59e0b;border:1px solid var(--warning-orange);border-radius:.75rem;display:flex;margin-top:1rem;min-height:60px;padding:1rem}.transcript-text{color:#374151;color:var(--gray-700);font-style:italic;margin:0}.transcript-placeholder{color:#6b7280;color:var(--gray-500);font-style:italic;margin:0}.status-message{align-items:center;border-radius:.75rem;display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem}.status-message.success{background:#d1fae5;background:var(--success-green-light);border:1px solid #10b981;border:1px solid var(--success-green);color:#10b981;color:var(--success-green)}.status-message.error{background:#fee2e2;background:var(--error-red-light);border:1px solid #ef4444;border:1px solid var(--error-red);color:#ef4444;color:var(--error-red)}.status-message.info{background:#dbeafe;background:var(--primary-blue-light);border:1px solid #3b82f6;border:1px solid var(--primary-blue);color:#3b82f6;color:var(--primary-blue)}.loading-spinner{border:2px solid #d1d5db;border-top:2px solid #3b82f6;border:2px solid var(--gray-300);border-top-color:var(--primary-blue)}.ai-speaking{align-items:center;background:#dbeafe;background:var(--primary-blue-light);border:1px solid #3b82f6;border:1px solid var(--primary-blue);border-radius:.5rem;color:#3b82f6;color:var(--primary-blue);display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem}.speaking-dots{display:flex;gap:.25rem}.speaking-dot{animation:speaking 1.4s ease-in-out infinite;background:#3b82f6;background:var(--primary-blue);border-radius:50%;height:.5rem;width:.5rem}.speaking-dot:first-child{animation-delay:-.32s}.speaking-dot:nth-child(2){animation-delay:-.16s}@keyframes speaking{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.speech-interview-app{padding:.5rem}.app-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.app-title{font-size:1.5rem}.step-header{padding:1.5rem}.step-title{font-size:1.5rem}.step-content{padding:1.5rem}.conversation-item.ai{margin-right:1rem}.conversation-item.user{margin-left:1rem}.audio-controls{padding:1.5rem}.mic-button{height:3rem;width:3rem}}@media (max-width:480px){.step-container{border-radius:1rem;margin:0}.step-content,.step-header{padding:1rem}.conversation-item.ai,.conversation-item.user{margin-left:0;margin-right:0}.primary-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logout-button:focus,.mic-button:focus,.primary-button:focus,.secondary-button:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-blue);outline-offset:2px}.interview-screen-dark{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);color:#1f2937;color:var(--gray-800);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.screening-title{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:600;margin:0;position:absolute;top:2rem}.avatar-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.conversation-item{align-self:flex-start;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;margin-bottom:1.25rem;max-width:90%;&.ai{align-self:flex-start;.message-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem 1rem 1rem .25rem;color:#1e293b;&:before{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;bottom:0;content:"";height:16px;left:-8px;position:absolute;transform:skew(0,-45deg);transform-origin:0 100%;width:16px}}}&.user{align-self:flex-end;.message-bubble{background:#3b82f6;border-radius:1rem 1rem .25rem 1rem;color:#fff;&:before{background:#3b82f6;border-bottom:1px solid #2563eb;border-right:1px solid #2563eb;bottom:0;content:"";height:16px;position:absolute;right:-8px;transform:skew(0,45deg);transform-origin:100% 100%;width:16px}}}}.avatar-circle{background:#fff;background:var(--white);border:4px solid #d1d5db;border:4px solid var(--gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:200px;width:200px}.avatar-circle.speaking{animation:speaking-pulse 2s infinite;border-color:#3b82f6;border-color:var(--primary-blue)}.avatar-circle.speaking,.avatar-circle.user-speaking{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.avatar-circle.user-speaking{animation:user-speaking-pulse 2s infinite;border-color:#10b981;border-color:var(--success-green)}@keyframes user-speaking-pulse{0%,to{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 0 #10b981b3;box-shadow:var(--shadow-lg),0 0 0 0 #10b981b3;transform:scale(1)}50%{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 20px #10b98100;box-shadow:var(--shadow-xl),0 0 0 20px #10b98100;transform:scale(1.05)}}.conversation-text-display{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;justify-content:center;max-width:600px;min-height:80px;padding:1.5rem;text-align:center}.conversation-text-display p{color:#374151;color:var(--gray-700);font-size:1.125rem;line-height:1.6;margin:0}.conversation-text-display.user-text{background:#d1fae5;background:var(--success-green-light);border-color:#10b981;border-color:var(--success-green)}.conversation-text-display.ai-text{background:#dbeafe;background:var(--primary-blue-light);border-color:#3b82f6;border-color:var(--primary-blue)}.conversation-text-display.transcript{background:#fef3c7;background:var(--warning-orange-light);border:2px dashed #f59e0b;border:2px dashed var(--warning-orange);font-style:italic}.conversation-text-display.empty{color:#6b7280;color:var(--gray-500);font-style:italic}.microphone-controls{align-items:center;display:flex;justify-content:center;margin-top:2rem}.microphone-button{transition:all .2s ease}.microphone-button:hover{background:#2563eb;background:var(--primary-blue-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:scale(1.05)}@keyframes mic-pulse{0%,to{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 0 #ef4444b3;box-shadow:var(--shadow-lg),0 0 0 0 #ef4444b3}50%{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 15px #ef444400;box-shadow:var(--shadow-xl),0 0 0 15px #ef444400}}.microphone-permission{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.permission-message h2{color:#fff;font-size:1.25rem;font-weight:500;margin-bottom:2rem}.permission-icons{align-items:center;display:flex;gap:2rem;justify-content:center}.mic-icon-disabled{background:#666}.close-button,.mic-icon-disabled{align-items:center;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.close-button{background:#f44;border:none;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#f66;transform:scale(1.05)}@media (prefers-contrast:high){:root{--gray-200:#000;--gray-300:#000;--shadow:0 0 0 1px #000;--shadow-md:0 0 0 2px #000;--shadow-lg:0 0 0 3px #000}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ai-agent-side{animation:slideInFromLeft .6s cubic-bezier(.16,1,.3,1) forwards}.user-side{animation:slideInFromRight .6s cubic-bezier(.16,1,.3,1) .2s both}.avatar-circle{transition:all .3s ease;&:hover{animation:float 3s ease-in-out infinite}}.message-bubble{transition:all .3s cubic-bezier(.175,.885,.32,1.275);&:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}}.typing-indicator{background:#f8fafc;border-radius:1.5rem;display:flex;gap:.5rem;margin:.5rem 0;padding:.75rem 1.25rem;width:-webkit-fit-content;width:fit-content;span{animation:bounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;display:inline-block;height:8px;width:8px;&:first-child{animation-delay:-.32s}&:nth-child(2){animation-delay:-.16s}}}@media (max-width:1024px){.interview-content{flex-direction:column;gap:1.5rem;padding:1rem}.ai-agent-side,.user-side{border-radius:.75rem;margin:0;max-width:100%;padding:1.5rem 1rem;width:100%}.avatar-circle{font-size:2.25rem;height:160px;width:160px}.message-bubble{font-size:.95rem;max-width:90%;padding:.75rem 1rem}.microphone-button{height:60px;width:60px}.status-message{font-size:.85rem}.interview-title{font-size:2rem;text-align:center}}@media (max-width:640px){.app-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.app-title{font-size:1.5rem}.interview-title{font-size:1.75rem}.avatar-circle{font-size:2rem;height:140px;width:140px}.message-bubble{font-size:.9rem;max-width:95%;padding:.6rem .9rem}.microphone-button{height:56px;width:56px}.status-message{font-size:.8rem;max-width:90%;padding:.5rem .75rem}.microphone-control-area{padding:1.5rem 1rem}.typing-indicator{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:400px){.app-title{font-size:1.25rem}.interview-title{font-size:1.5rem}.avatar-circle{font-size:1.75rem;height:120px;width:120px}.message-bubble{font-size:.85rem;padding:.5rem .8rem}.microphone-button{height:52px;width:52px}.status-message{font-size:.75rem}}.interview-main-container{background:linear-gradient(to bottom right,#f9fafb,#fff,#eff6ff);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.interview-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:2px solid #3b82f61a;box-shadow:0 4px 16px #ffffff14;padding:1.5rem 0;position:relative;z-index:10}.interview-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;width:-webkit-max-content;width:max-content}.interview-title{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#0000;flex:1 1;font-size:2rem;font-weight:700;letter-spacing:-.02em;text-align:center}.interview-time{background:#ffffffb3;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#6b7280;font-size:1.1rem;font-weight:500;margin-left:650px;padding:.2rem 1rem}.interview-content{margin:0 auto;max-width:1400px;padding:2rem;width:100%;z-index:10}.ai-agent-side,.interview-content{align-items:center;display:flex;flex:1 1;position:relative}.ai-agent-side{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe);border:2px solid #3b82f61a;border-radius:24px;box-shadow:0 20px 40px #3b82f61f;flex-direction:column;justify-content:center;margin-right:1rem;overflow:hidden;padding:1.5rem 3rem}.ai-agent-side:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#3b82f608,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.user-side{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border:2px solid #22c55e1a;border-radius:24px;box-shadow:0 20px 40px #22c55e1f;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:1rem;overflow:hidden;padding:1.5rem 3rem;position:relative}.user-side:before{animation:shimmer 3s ease-in-out infinite;animation-delay:1.5s;background:linear-gradient(45deg,#0000,#22c55e08,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.panel-content{max-width:400px;position:relative;text-align:center;width:100%;z-index:2}.avatar-container{margin-bottom:1rem;position:relative}.avatar-circle{font-size:3rem}.panel-title{color:#111827;font-size:1rem;font-weight:700;margin-bottom:1rem}.speech-bubble{max-height:120px;min-height:40px;padding:1rem}.speech-text{font-size:1.1rem;line-height:1.7}.microphone-control-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #0000000d;border-radius:50px;box-shadow:0 -8px 32px #00000014;margin:.8rem auto;max-height:170px;max-width:400px;padding:1rem 1.5rem;text-align:center;z-index:10}.microphone-control-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 2rem}.status-message{color:#000;font-size:.875rem;font-weight:700;margin-top:.25rem}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}}@keyframes speaking-pulse{0%,to{box-shadow:0 20px 40px #00000026,0 0 0 0 #3b82f666}50%{box-shadow:0 25px 50px #0003,0 0 0 20px #3b82f61a}}.ai-agent-side .avatar-circle.speaking{animation:ai-speaking-pulse 1.5s ease-in-out infinite;box-shadow:0 25px 50px #0003,0 0 0 0 #3b82f666}.user-side .avatar-circle.speaking{animation:user-speaking-pulse 1.5s ease-in-out infinite;box-shadow:0 25px 50px #0003,0 0 0 0 #22c55e66}@keyframes ai-speaking-pulse{0%,to{box-shadow:0 20px 40px #00000026,0 0 0 0 #3b82f666}50%{box-shadow:0 25px 50px #0003,0 0 0 20px #3b82f61a}}.websocket-indicator{animation:websocket-connected-fade-in .5s ease-in-out;background:#dbeafe;background:var(--primary-blue-light);border:2px solid #3b82f6;border:2px solid var(--primary-blue);border-radius:12px;margin:1.5rem 0;padding:1rem;text-align:center}.websocket-status{color:#3b82f6;color:var(--primary-blue);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.websocket-message{color:#374151;color:var(--gray-700);font-size:.9rem;line-height:1.4;margin:0}.manual-display-button{background:#3b82f6;background:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.manual-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.manual-next-button{background:#10b981;background:var(--success-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.manual-next-button:hover{background:#059669;background:var(--success-green-hover)}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.7}.speech-bubble{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 32px #00000014;display:flex;justify-content:center;max-height:250px;min-height:80px;overflow-wrap:break-word;overflow-y:auto;padding:1.25rem;position:relative;transition:all .3s ease}.speech-bubble.ai-bubble{background:linear-gradient(135deg,#3b82f60d,#ffffffe6);border-left:4px solid #3b82f6}.speech-bubble.user-bubble{background:linear-gradient(135deg,#22c55e0d,#ffffffe6);border-left:4px solid #22c55e}.speech-text{color:#374151;font-weight:500;margin:0;padding:.5rem;text-align:center;transition:all .3s ease;width:100%}.speech-text.ai-speaking{animation:ai-glow 2s ease-in-out infinite alternate;color:#2563eb;font-weight:600}.speech-text.user-speaking{animation:user-glow 2s ease-in-out infinite alternate;color:#16a34a;font-style:italic;font-weight:600}@keyframes ai-glow{0%{text-shadow:0 0 5px #2563eb4d;transform:scale(1)}to{text-shadow:0 0 20px #2563eb99;transform:scale(1.02)}}@keyframes user-glow{0%{text-shadow:0 0 5px #16a34a4d;transform:scale(1)}to{text-shadow:0 0 20px #16a34a99;transform:scale(1.02)}}.avatar-circle{align-items:center;border-radius:50%;box-shadow:0 20px 40px #00000026;display:flex;font-size:4rem;height:10rem;justify-content:center;overflow:hidden;position:relative;transition:all .4s ease;width:10rem}.avatar-circle.ai-avatar,.avatar-circle.user-avatar{color:#fff}.avatar-circle.speaking{animation:speaking-pulse 1.5s ease-in-out infinite;transform:scale(1.1)}.microphone-button{align-items:center;background:#3b82f6;background:var(--primary-blue);border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.microphone-button:hover:not(.disabled){background:#2563eb;background:var(--primary-blue-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:scale(1.05)}.microphone-button.listening{animation:mic-pulse 2s infinite;background:#ef4444;background:var(--error-red)}.microphone-button.disabled{cursor:not-allowed;opacity:.5}.microphone-button.disabled,.microphone-button.disabled:hover{background:#9ca3af;background:var(--gray-400);transform:none}.status-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000001a;border-radius:20px;box-shadow:0 2px 8px #0000000d;color:#374151;font-size:.95rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;text-align:center}@media (max-width:768px){.avatar-circle{font-size:3rem;height:8rem;width:8rem}.speech-bubble{max-height:180px;min-height:60px;padding:1rem}.microphone-button{height:70px;width:70px}.speech-text{padding:.25rem}}@media (max-width:640px){.avatar-circle{font-size:2.5rem;height:7rem;width:7rem}.speech-bubble{max-height:150px;min-height:50px;padding:.75rem}.microphone-button{height:60px;width:60px}.interview-content{flex-direction:column;gap:1rem}.ai-agent-side,.user-side{margin:0;padding:1rem 1.5rem}}*{margin:0;padding:0}#root,.app,body,html{height:100vh;overflow-y:auto;position:relative;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1f2937;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow:hidden}.main-container{flex-direction:column;height:100vh;position:relative}.content-container,.main-container{display:flex;overflow:hidden;width:100%}.content-container{flex:1 1;flex-direction:column;margin:0;max-width:100%;padding:.5rem}.complete-card,.form-card,.main-card{box-sizing:border-box;margin:.5rem 0;max-width:100%;overflow:hidden;padding:1rem;width:100%}.interview-container{max-height:100vh}.registration-form{max-width:100%;overflow:hidden;width:100%}*,.registration-form{box-sizing:border-box}.details-grid,.instructions-grid,.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;width:100%}@media (max-width:768px){body,html{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}.content-container{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:.5rem}*{max-width:100vw}html{font-size:14px}.main-title{font-size:1.75rem}.complete-title,.form-title{font-size:1.5rem}}img,svg,video{height:auto}*,img,svg,video{max-width:100%}html{scroll-behavior:smooth}@supports (-webkit-touch-callout:none){body,html{height:-webkit-fill-available}.interview-container,.main-container,body,html{min-height:-webkit-fill-available}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.complete-container,.form-container,.invitation-container,.processing-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:.5rem;position:relative}.complete-container,.form-container,.invitation-container,.processing-container{background:#fff}.background-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-element{border-radius:50%;opacity:.03;position:absolute}.element-1{animation:pulse 3s infinite;background-color:#f1f5f9;height:5rem;left:2.5rem;top:2.5rem;width:5rem}.element-2{animation:bounce 2s infinite;background-color:#e2e8f0;height:4rem;right:5rem;top:8rem;width:4rem}.element-3{animation:pulse 2.5s infinite;background-color:#cbd5e1;bottom:5rem;height:3rem;left:8rem;width:3rem}.form-element-1{animation:float 6s ease-in-out infinite;background-color:#f8fafc;height:8rem;opacity:.5;right:2.5rem;top:5rem;width:8rem}.form-element-2{animation:pulse 4s infinite;background-color:#f1f5f9;bottom:5rem;height:6rem;left:2.5rem;opacity:.5;width:6rem}.complete-element-1{animation:bounce 3s infinite;background-color:#10b981;height:5rem;right:2.5rem;top:2.5rem;width:5rem}.complete-element-2{animation:pulse 2s infinite;background-color:#059669;bottom:5rem;height:4rem;left:5rem;width:4rem}.main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;color:#1f2937;position:relative;z-index:1}.invitation-card{max-width:48rem}.form-card,.invitation-card{max-height:95vh;overflow-y:auto;padding:1.5rem;width:100%}.form-card{max-width:32rem}.processing-card{max-width:32rem}.complete-card,.processing-card{max-height:95vh;overflow-y:auto;padding:2rem;text-align:center;width:100%}.complete-card{max-width:48rem}.header-section{margin-bottom:1.5rem;text-align:center}.company-logo{margin-bottom:1.5rem;position:relative}.logo-circle{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:6rem;justify-content:center;margin:0 auto;width:6rem}.logo-icon{color:#64748b;height:3rem;width:3rem}.premium-badge{align-items:center;background-color:#fbbf24;border-radius:50%;display:flex;height:2rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:2rem}.badge-icon{color:#92400e;height:1rem;width:1rem}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.company-name{color:#94a3b8;font-size:1.125rem;font-weight:500}.rating-section{align-items:center;display:flex;gap:.25rem;justify-content:center;margin-top:1rem}.star-icon{fill:currentColor;color:#fbbf24;height:1rem;width:1rem}.rating-text{color:#6b7280;font-size:.875rem;margin-left:.5rem}.content-section{color:#374151;margin-bottom:1.5rem;text-align:center}.invitation-banner{background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#6366f1);border-radius:1rem;box-shadow:0 10px 25px #00000026;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.award-icon{color:#fbbf24;height:2rem;margin:0 auto 1rem;width:2rem}.banner-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.banner-text{color:#e0e7ff;font-size:1.125rem;line-height:1.75}.position-highlight{background:#fff3;border-radius:.5rem;color:#fff;font-weight:700;margin:0 .25rem;padding:.25rem .5rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.detail-card{border:2px solid;border-radius:.75rem;padding:1.5rem;transition:transform .3s ease}.detail-card:hover{transform:scale(1.05)}.detail-card.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#d8b4fe}.detail-card.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.detail-card.indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc}.detail-header{align-items:center;display:flex;justify-content:center;margin-bottom:.75rem}.detail-icon{height:1.5rem;margin-right:.5rem;width:1.5rem}.purple .detail-icon{color:#a855f7}.blue .detail-icon{color:#3b82f6}.indigo .detail-icon{color:#6366f1}.detail-title{color:#374151;font-weight:700}.detail-value{color:#374151;font-weight:500}.instructions-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.instructions-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.instructions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.instruction-item{align-items:center;color:#374151;font-size:.875rem}.instruction-dot{background-color:#f59e0b;border-radius:50%;height:.5rem;margin-right:.75rem;width:.5rem}.action-section{text-align:center}.start-button{align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#6366f1);background-size:200% 200%;border:none;border-radius:1rem;box-shadow:0 20px 40px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;margin:0 auto;padding:1.25rem 3rem;transition:all .3s ease}.start-button:hover{box-shadow:0 25px 50px #a855f740;transform:scale(1.1)}.button-icon{height:1.5rem;margin:0 .75rem;width:1.5rem}.action-subtitle{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:1.5rem}.admin-link{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.admin-button{align-items:center;background:#0000;border:2px solid #d1d5db;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;margin:0 auto;padding:.75rem 1.5rem;transition:all .3s ease}.admin-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-2px)}.footer-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;text-align:center}.footer-text{color:#9ca3af;font-size:.75rem}.form-header{margin-bottom:1.5rem;text-align:center}.form-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:50%;box-shadow:0 10px 25px #00000026;display:flex;height:5rem;justify-content:center;margin:0 auto 1.5rem;width:5rem}.form-logo-icon{color:#fff;height:2.5rem;width:2.5rem}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;margin-bottom:.75rem}.form-subtitle{color:#6b7280;font-size:1.125rem}.registration-form{gap:1.5rem}.form-group,.registration-form{display:flex;flex-direction:column}.form-group,.form-label{color:#e5e7eb}.form-label{display:block;font-weight:500;margin-bottom:.5rem;text-align:left;width:100%}label{color:#e5e7eb!important}.form-input{background-color:#111827!important;border:1px solid #374151;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}#email,#name,#registrationId,.form-input,input[type=email],input[type=text]{background-color:#fff!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;outline:none}.form-input:hover{border-color:#475569}.form-input.error{background-color:#fef2f2;border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.5rem}#email:focus,#email:hover,#name:focus,#name:hover,#registrationId:focus,#registrationId:hover,input,input[type=email]:focus,input[type=email]:hover,input[type=text]:focus,input[type=text]:hover{color:#000!important}.upload-area{background:#0f172a;border:3px dashed #374151;border-radius:.75rem;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.upload-area:hover{background:#111827;border-color:#60a5fa}.upload-area.success{background:#10b98114;border-color:#10b981}.upload-area.error{background:#ef444414;border-color:#ef4444}.upload-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.upload-content{text-align:center}.upload-icon{color:#94a3b8;height:3rem;margin:0 auto 1rem;width:3rem}.upload-icon.success{color:#10b981}.upload-text{color:#e5e7eb;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.upload-subtext{color:#94a3b8;font-size:.875rem}.upload-hint{color:#94a3b8;font-size:.75rem;margin-top:.5rem}.upload-success-text{color:#059669;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.upload-success-subtext{color:#059669;font-size:.875rem}.submit-section{padding-top:1rem}.submit-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7 50%,#6366f1);border:none;border-radius:.75rem;box-shadow:0 20px 40px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 25px 50px #3b82f640;transform:scale(1.05)}.submit-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.5rem;margin-right:.75rem;width:1.5rem}.form-footer{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem;text-align:center}.form-footer-text{color:#6b7280;font-size:.875rem;font-weight:500}.processing-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:50%;box-shadow:0 10px 25px #00000026;display:flex;height:6rem;justify-content:center;margin:0 auto 2rem;width:6rem}.processing-logo-icon{color:#fff;height:3rem;width:3rem}.processing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.processing-subtitle{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.processing-steps{display:flex;flex-direction:column;gap:1rem}.processing-step{align-items:center;background:#dbeafe;border-radius:.75rem;color:#374151;display:flex;font-size:1.125rem;justify-content:center;padding:1rem}.step-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:1.5rem;margin-right:1rem;width:1.5rem}.step-spinner.purple{border-color:#a855f7 #a855f74d #a855f74d}.step-spinner.indigo{border-color:#6366f1 #6366f14d #6366f14d}.processing-step:nth-child(2){background:#f3e8ff}.processing-step:nth-child(3){background:#e0e7ff}.complete-logo{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 25px #00000026;display:flex;height:7rem;justify-content:center;margin:0 auto 2rem;width:7rem}.complete-logo-icon{color:#fff;height:3.5rem;width:3.5rem}.complete-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.complete-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.summary-box{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.summary-title{color:#065f46;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:left}.summary-item{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1rem}.summary-label{color:#6b7280;font-size:.875rem;font-weight:500}.summary-value{color:#374151;font-size:1.125rem;font-weight:700}.summary-value.success{color:#059669}.interview-button{align-items:center;background:linear-gradient(135deg,#059669,#10b981 50%,#047857);border:none;border-radius:1rem;box-shadow:0 20px 40px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;margin:0 auto;padding:1.5rem 3rem;transition:all .3s ease}.interview-button:hover{box-shadow:0 25px 50px #10b98140;transform:scale(1.1)}.complete-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.complete-footer-text{color:#6b7280;font-size:.875rem;font-weight:500}.interview-container{background:linear-gradient(135deg,#1f2937,#111827);color:#fff}.interview-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937e6;border-bottom:1px solid #4b55634d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.interview-info h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.interview-subtitle{color:#9ca3af;font-size:.875rem}.interview-controls{display:flex;gap:1rem}.control-button{align-items:center;background:#1f2937;border:2px solid #374151;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.control-button:hover{background:#374151;border-color:#6b7280}.control-button.active{background:#059669;border-color:#10b981;color:#fff}.control-icon{height:1.25rem;width:1.25rem}.interview-main{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 300px;overflow:hidden;padding:1rem}.video-section{align-items:center;background:#374151;border-radius:1rem;display:flex;justify-content:center;min-height:300px;overflow:hidden}.video-placeholder{color:#9ca3af;text-align:center}.video-placeholder-icon{height:4rem;margin-bottom:1rem;width:4rem}.interview-sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.candidate-info,.interview-features{background:#1f2937cc;border:1px solid #4b55634d;border-radius:1rem;padding:1rem}.sidebar-title{color:#f9fafb;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.info-item{margin-bottom:.75rem}.feature-item,.info-item{color:#d1d5db;font-size:.875rem}.feature-item{align-items:center;display:flex;margin-bottom:1rem}.feature-icon{color:#10b981;height:1.25rem;margin-right:.75rem;width:1.25rem}.interview-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937e6;border-top:1px solid #4b55634d;justify-content:space-between;padding:1rem 2rem}.interview-footer,.interview-status{align-items:center;display:flex}.status-indicator{background:#6b7280;border-radius:50%;height:.75rem;margin-right:.5rem;width:.75rem}.status-indicator.active{animation:pulse 2s infinite;background:#10b981}.interview-timer{align-items:center;color:#d1d5db;display:flex;font-weight:600}.timer-icon{height:1rem;margin-right:.5rem;width:1rem}@media (max-width:768px){.main-card{margin:.5rem;padding:1rem}.complete-card,.form-card,.invitation-card{max-height:98vh;max-width:100%}.details-grid,.instructions-grid,.summary-grid{grid-template-columns:1fr}.main-title{font-size:1.75rem}.complete-title,.form-title,.processing-title{font-size:1.25rem}.interview-main{grid-template-columns:1fr}.interview-header{flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.complete-container,.form-container,.invitation-container,.processing-container{padding:.25rem}}.interview-container{display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}
/*# sourceMappingURL=main.53a5186f.css.map*/