*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;padding:1.5rem 2rem;position:sticky;top:0;z-index:1000}.header-content{margin-bottom:1rem;text-align:center}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.25rem}.tagline{color:#666;font-size:.9rem;font-weight:500}.main-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.app-footer{background:#fffffff2;box-shadow:0 -4px 20px #0000001a;color:#666;font-size:.9rem;padding:1.5rem;text-align:center}@media (max-width:768px){.brand{font-size:2rem}.main-nav{gap:.5rem}.nav-link{font-size:.9rem;padding:.5rem 1rem}.main-content{padding:1rem}}.dashboard{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.welcome-section h2{color:#667eea;font-size:2rem;margin-bottom:.5rem}.welcome-section p{color:#666;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-label{font-size:1rem}.features-section{margin-bottom:2rem}.features-section h3{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.feature-icon{font-size:3.5rem;margin-bottom:1rem}.feature-card h4{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.feature-link{color:#667eea;display:inline-block;font-weight:600;text-decoration:none;transition:all .3s ease}.feature-link:hover{color:#764ba2;transform:translateX(5px)}.quick-tips{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.quick-tips h3{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.quick-tips ul{list-style:none}.quick-tips li{border-bottom:1px solid #eee;color:#666;font-size:1.05rem;padding:.75rem 0}.quick-tips li:last-child{border-bottom:none}@media (max-width:768px){.features-grid,.stats-grid{grid-template-columns:1fr}.welcome-section h2{font-size:1.5rem}}.training-manager{animation:fadeIn .5s ease-in}.training-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.training-header h2{color:#fff;font-size:2rem}.btn-add{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 15px #ffffff4d;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 20px #fff6;transform:translateY(-2px)}.training-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;text-align:center}.stat-number{color:#667eea;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-text{color:#666;font-size:.9rem}.modules-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.module-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.module-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.module-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.module-header h3{color:#333;flex:1 1;font-size:1.3rem}.status-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .85rem;white-space:nowrap}.module-description{color:#666;line-height:1.6;margin-bottom:1rem}.module-info{margin-bottom:1rem}.info-item{color:#555;font-size:.95rem;margin-bottom:.75rem}.info-item strong{color:#333;display:block;margin-bottom:.35rem}.topics-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.topic-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;padding:.25rem .75rem}.progress-section{margin-bottom:1.5rem;margin-top:auto}.progress-header{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#e5e7eb;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.module-actions{display:flex;gap:.75rem}.btn-delete,.btn-edit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.65rem;transition:all .3s ease}.btn-edit{background:#667eea;color:#fff}.btn-edit:hover{background:#5568d3;transform:translateY(-2px)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000b3;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-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#667eea;font-size:1.5rem}.btn-close{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;height:30px;line-height:1;padding:0;width:30px}.btn-close:hover{color:#333}.modal-content form{padding:1.5rem}.upload-section{background:#f0f4ff;border:2px dashed #667eea;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.upload-label{color:#667eea;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;transition:all .3s ease}.upload-label:hover{color:#5568d3}.file-input{background:#fff;border:1px solid #667eea;border-radius:8px;cursor:pointer;display:block;font-size:.9rem;margin:1rem auto 0;padding:.5rem}.file-input::file-selector-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.5rem 1rem}.file-input::file-selector-button:hover{opacity:.9}.upload-hint{color:#666;font-size:.85rem;line-height:1.5;margin-top:.75rem}.selected-topics{background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:50px;padding:1rem}.topic-chip{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.remove-topic-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;transition:all .2s ease;width:20px}.remove-topic-btn:hover{background:#ffffff80;transform:rotate(90deg)}.topic-input-container{display:flex;gap:.5rem;margin-bottom:.5rem}.topic-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem;transition:all .3s ease}.topic-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-add-topic{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-add-topic:hover{background:#5568d3;transform:translateY(-2px)}.topic-suggestions{animation:dropDown .3s ease;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:300px;overflow:hidden}@keyframes dropDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.suggestions-title{font-size:.9rem;font-weight:600}.btn-close-suggestions{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:24px;line-height:1;transition:all .2s ease;width:24px}.btn-close-suggestions:hover{background:#ffffff4d}.suggestions-list{max-height:250px;overflow-y:auto}.suggestion-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f0f4ff}.suggestion-text{color:#333;cursor:pointer;flex:1 1;padding-right:1rem}.suggestion-text:hover{color:#667eea;font-weight:600}.btn-delete-topic{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:.25rem .5rem;transition:all .2s ease}.btn-delete-topic:hover{opacity:1;transform:scale(1.2)}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.85rem;transition:all .3s ease}.btn-cancel{background:#e5e7eb;color:#666}.btn-cancel:hover{background:#d1d5db}@media (max-width:768px){.form-row,.modules-grid{grid-template-columns:1fr}.training-header{align-items:stretch;flex-direction:column}.btn-add{width:100%}}.assessment-generator{animation:fadeIn .5s ease-in}.assessment-generator h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.assessment-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.create-section,.existing-assessments{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.create-section h3,.existing-assessments h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.questions-section{margin-top:2rem}.questions-section h4{color:#667eea;margin-bottom:1rem}.question-builder{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.question-header{align-items:center;display:flex;justify-content:space-between}.question-number{color:#667eea;font-size:1.1rem;font-weight:700}.btn-remove-question{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:28px;transition:all .3s ease;width:28px}.btn-remove-question:hover{background:#dc2626;transform:rotate(90deg)}.options-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:.5rem}.option-item{align-items:center;display:flex;gap:.75rem}.option-item input[type=radio]{cursor:pointer;width:auto}.option-item input[type=text]{flex:1 1}.hint{color:#666;font-size:.85rem;font-style:italic}.btn-add-question{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.btn-add-question:hover{background:#5568d3;transform:translateY(-2px)}.btn-create-assessment{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem;transition:all .3s ease;width:100%}.btn-create-assessment:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.assessment-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.assessment-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.assessment-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.assessment-header h4{color:#333;flex:1 1;font-size:1.1rem}.difficulty-badge{background:#667eea;border-radius:15px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.assessment-info p{color:#666;font-size:.9rem;margin-bottom:.5rem}.btn-take-test{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.65rem;transition:all .3s ease;width:100%}.btn-take-test:hover{background:#5568d3;transform:translateY(-2px)}.test-results,.test-taking{animation:fadeIn .5s ease-in;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.results-header,.test-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.results-header h2,.test-header h2{color:#667eea;font-size:1.8rem}.btn-back{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:all .3s ease}.btn-back:hover{background:#4b5563}.test-progress{background:#f9fafb;border-radius:10px;padding:1.5rem}.test-progress,.test-questions{margin-bottom:2rem}.test-question{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.test-question h3{color:#667eea;font-size:1.2rem;margin-bottom:1rem}.question-text{color:#333;font-size:1.05rem;margin-bottom:1.5rem}.answer-options{grid-gap:1rem;display:grid;gap:1rem}.answer-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.answer-option:hover{background:#f0f4ff;border-color:#667eea}.answer-option.selected{background:#667eea;border-color:#667eea;color:#fff}.answer-option input[type=radio]{cursor:pointer}.answer-option span{flex:1 1}.test-actions{text-align:center}.btn-submit-test{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.btn-submit-test:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-submit-test:disabled{cursor:not-allowed;opacity:.5}.warning-text{color:#ef4444;font-weight:600;margin-top:1rem}.grade-display,.results-summary{margin-bottom:2rem}.grade-display{border-radius:15px;padding:2rem;text-align:center}.grade-display.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.grade-display.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.grade-letter{font-size:4rem;font-weight:700;margin-bottom:.5rem}.grade-percentage{font-size:2rem;font-weight:600;margin-bottom:.5rem}.grade-status{font-size:1.5rem;font-weight:700}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem;text-align:center}.stat-box.correct{background:#d1fae5;border-color:#10b981}.stat-box.wrong{background:#fee2e2;border-color:#ef4444}.stat-value{font-size:2.5rem}.stat-box.correct .stat-value{color:#10b981}.stat-box.wrong .stat-value{color:#ef4444}.result-info{background:#f9fafb;border-radius:10px;padding:1.5rem}.result-info p{color:#666;margin-bottom:.5rem}.detailed-results{margin-bottom:2rem}.detailed-results h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem}.result-item{background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.result-item.correct{background:#d1fae5;border-left-color:#10b981}.result-item.incorrect{background:#fee2e2;border-left-color:#ef4444}.result-question{color:#333;display:flex;font-weight:500;gap:.75rem;margin-bottom:.75rem}.question-num{color:#667eea;font-weight:700}.result-answer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.correct-badge{color:#10b981;font-weight:700}.incorrect-badge{color:#ef4444;font-weight:700}.correct-answer-hint{color:#666;font-size:.9rem;font-style:italic}.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-print,.btn-retake{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.btn-retake{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-retake:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.assessment-sections{grid-template-columns:1fr}}@media (max-width:768px){.form-row,.stats-grid{grid-template-columns:1fr}.grade-letter{font-size:3rem}.grade-percentage{font-size:1.5rem}}@media print{.btn-back,.results-actions{display:none}}.mock-interview{animation:fadeIn .5s ease-in}.mock-interview h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.interview-intro{margin-bottom:2rem}.intro-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem;text-align:center}.intro-card h3{color:#667eea;font-size:1.8rem;margin-bottom:1rem}.intro-card p{color:#666;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px}.intro-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.feature-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-weight:600;padding:1rem}.interview-setup{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem}.interview-setup h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.setup-form{margin:0 auto;max-width:600px}.btn-start-interview{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:1.25rem;transition:all .3s ease;width:100%}.btn-start-interview:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.interview-tips{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.interview-tips h3{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.interview-tips ul{list-style:none}.interview-tips li{color:#666;padding:.75rem 0 .75rem 1.5rem;position:relative}.interview-tips li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}.interview-feedback,.interview-session{animation:fadeIn .5s ease-in;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.interview-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.interview-info h3{color:#667eea;font-size:1.8rem;margin-bottom:.5rem}.interview-meta{color:#666;font-size:.95rem}.timer{align-items:center;background:#f0f4ff;border-radius:10px;color:#667eea;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.timer.warning{animation:pulse 1s infinite;background:#fee2e2;color:#ef4444}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question-progress{background:#f9fafb;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.progress-info{color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.interview-question{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:2rem;padding:2rem}.question-header{margin-bottom:1rem}.question-label{background:#fff3;border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.question-text{font-size:1.3rem;font-weight:500;line-height:1.6}.answer-section{margin-bottom:2rem}.answer-section label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.answer-section textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.answer-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.answer-stats{color:#666;display:flex;font-size:.9rem;gap:1.5rem;justify-content:flex-end;margin-top:.5rem}.interview-navigation{display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.btn-finish,.btn-nav,.btn-submit{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.btn-nav{background:#6b7280;color:#fff}.btn-nav:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}.btn-nav:disabled{cursor:not-allowed;opacity:.5}.btn-finish{background:#f59e0b;color:#fff}.btn-finish:hover{background:#d97706;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.question-indicator{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.indicator-dot{background:#e5e7eb;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator-dot.active{background:#667eea;transform:scale(1.3)}.indicator-dot.answered{background:#10b981}.indicator-dot:hover{transform:scale(1.2)}.feedback-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.feedback-header h2{color:#667eea;font-size:1.8rem}.feedback-score{grid-gap:2rem;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:grid;gap:2rem;grid-template-columns:auto 1fr;margin-bottom:2rem;padding:2rem}.score-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.score-value{color:#667eea;font-size:3rem;font-weight:700}.score-label{color:#666;font-size:.9rem;font-weight:600}.score-details{color:#fff}.score-details p{font-size:1.05rem;margin-bottom:.75rem}.feedback-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#667eea;transform:translateY(-3px)}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.feedback-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.feedback-section{background:#f9fafb;border-radius:10px;padding:1.5rem}.feedback-section.strengths{border-left:4px solid #10b981}.feedback-section.improvements{border-left:4px solid #f59e0b}.feedback-section h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.feedback-section ul{list-style:none}.feedback-section li{color:#666;line-height:1.6;padding:.75rem 0 .75rem 1.5rem;position:relative}.feedback-section.strengths li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.feedback-section.improvements li:before{color:#f59e0b;content:"→";font-weight:700;left:0;position:absolute}.detailed-responses{margin-bottom:2rem}.detailed-responses h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem}.response-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.response-question{color:#333;display:flex;font-weight:600;gap:.75rem;margin-bottom:1rem}.q-number{color:#667eea;font-weight:700}.response-answer{border-top:1px solid #e5e7eb;padding-top:1rem}.response-answer strong{color:#333;display:block;margin-bottom:.75rem}.response-answer p{color:#666;line-height:1.6;white-space:pre-wrap}.no-answer{color:#999}.feedback-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-print,.btn-retry{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.85rem 2rem;transition:all .3s ease}.btn-retry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-retry:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-print{background:#6b7280;color:#fff}.btn-print:hover{background:#4b5563;transform:translateY(-2px)}@media (max-width:1024px){.feedback-sections{grid-template-columns:1fr}}@media (max-width:768px){.interview-header{align-items:stretch;flex-direction:column}.timer{justify-content:center}.feedback-score{grid-template-columns:1fr;text-align:center}.score-circle{margin:0 auto}.interview-navigation{flex-direction:column}.btn-finish,.btn-nav,.btn-submit{width:100%}.question-text{font-size:1.1rem}}@media print{.btn-back,.feedback-actions{display:none}.interview-feedback{box-shadow:none}}
/*# sourceMappingURL=main.0940d0e4.css.map*/