.quiz-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#f5f7fa;min-height:100vh}.quiz-header{text-align:center;margin-bottom:32px;padding:32px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.quiz-header h2{margin-bottom:24px;color:#1a202c;font-size:32px;font-weight:700}.quiz-search{position:relative;max-width:500px;margin:0 auto 24px}.search-input{width:100%;padding:16px 48px 16px 20px;font-size:18px;border:2px solid #cbd5e0;background:#f7fafc;transition:all .3s;border-radius:0}.search-input:focus{outline:none;border-color:#4299e1;background:white;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;font-size:24px;color:#4a5568;cursor:pointer;padding:8px 12px;transition:all .2s}.search-clear:hover{background:#cbd5e0;color:#2d3748}.quiz-controls{display:flex;justify-content:space-around;gap:32px;margin-bottom:32px;padding:24px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.control-group{display:flex;flex-direction:column;gap:8px;align-items:center}.control-group label{font-weight:700;color:#2d3748;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.btn-group{display:flex;gap:8px}.btn{padding:12px 20px;border:2px solid transparent;font-size:16px;cursor:pointer;transition:all .2s;font-weight:600;text-transform:none;display:inline-flex;align-items:center;gap:8px;border-radius:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4299e1;color:white;border-color:#4299e1}.btn-primary:hover:not(:disabled){background:#3182ce;border-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 6px rgba(66,153,225,.3)}.btn-secondary{background:#e2e8f0;color:#2d3748;border-color:#cbd5e0}.btn-secondary:hover:not(:disabled){background:#cbd5e0;border-color:#a0aec0;transform:translateY(-1px)}.btn-success{background:#48bb78;color:white;border-color:#48bb78}.btn-success:hover:not(:disabled){background:#38a169;border-color:#38a169;transform:translateY(-1px)}.btn-danger{background:#f56565;color:white;border-color:#f56565}.btn-danger:hover:not(:disabled){background:#e53e3e;border-color:#e53e3e;transform:translateY(-1px)}.btn-warning{background:#ed8936;color:white;border-color:#ed8936}.btn-warning:hover:not(:disabled){background:#dd6b20;border-color:#dd6b20;transform:translateY(-1px)}.btn-lg{padding:16px 32px;font-size:20px}.quiz-progress{margin-bottom:24px;padding:16px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.progress-bar-container{margin-bottom:16px}.progress-bar{width:100%;height:20px;background:#e2e8f0;border:2px solid #cbd5e0;border-radius:0}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#667eea);transition:width .5s ease}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0,transparent);background-size:50px 50px;animation:progress-animation 1s linear infinite}@keyframes progress-animation{0%{background-position:0 0}to{background-position:50px 50px}}.progress-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.progress-text{font-size:18px;font-weight:600;color:#2d3748;min-width:300px;text-align:center;display:inline-block}.btn-sm{padding:8px 16px;font-size:16px}.progress-stats{gap:12px;flex-wrap:wrap}.progress-stats,.stat-item{display:flex;justify-content:center}.stat-item{flex-direction:row;align-items:center;gap:6px;padding:8px 16px;min-width:100px;background:#f7fafc;border:2px solid #e2e8f0;transition:all .2s;font-size:14px;border-radius:0}.stat-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-value{font-weight:700;font-size:14px}.stat-label{font-size:14px;color:#4a5568}.stat-item.correct{background:#c6f6d5;border-color:#68d391}.stat-item.correct .stat-value{color:#22543d}.stat-item.incorrect{background:#fed7d7;border-color:#fc8181}.stat-item.incorrect .stat-value{color:#742a2a}.stat-item.unanswered{background:#feebc8;border-color:#f6ad55}.stat-item.unanswered .stat-value{color:#744210}.stat-item.accuracy{background:#e6fffa;border-color:#81e6d9}.stat-item.time{background:#e9d8fd;border-color:#b794f4}.quiz-question{background:white;padding:40px;margin-bottom:24px;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s}.image-placeholder{display:flex;justify-content:center;align-items:center;margin:32px 0;padding:0;background:#f8fafc;border:2px solid #e2e8f0;min-height:500px;position:relative}.quiz-question:hover{box-shadow:0 8px 12px rgba(0,0,0,.1)}.quiz-question.answered{border-color:#cbd5e1;background:#f8fafc}.question-image{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:0;background:#f8fafc;border:2px solid #e2e8f0;min-height:500px;position:relative}.question-image img{max-width:100%!important;height:auto!important;max-height:500px;-o-object-fit:contain;object-fit:contain}.question-label{margin-top:24px;font-size:32px;font-weight:700;color:#1a202c;background:white;padding:16px 24px;display:inline-block;border:2px solid #cbd5e0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.question-text{text-align:center;margin-bottom:32px}.question-text h3{font-size:28px;color:#1a202c;font-weight:600}.answer-form{margin-bottom:32px}.answer-input{width:100%;padding:20px 24px;font-size:20px;border:3px solid #cbd5e0;background:#f7fafc;margin-bottom:20px;transition:all .3s;border-radius:0}.answer-input:focus{outline:none;border-color:#4299e1;background:white;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.answer-input.disabled,.answer-input:disabled{background:#e2e8f0;border-color:#cbd5e0;color:#718096;cursor:not-allowed}.answer-actions{display:flex;gap:16px;justify-content:center}.answer-display{margin-top:16px;margin-bottom:16px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-top:3px solid #e2e8f0}.answer-result{padding:24px;margin-bottom:20px;border:2px solid;font-size:18px}.answer-result.correct{background:#c6f6d5;border-color:#68d391;color:#22543d}.answer-result.incorrect{background:#fed7d7;border-color:#fc8181;color:#742a2a}.correct-answer,.user-answer{margin:8px 0;font-size:20px}.answer-image{text-align:center;margin:32px 0;padding:24px;background:#f7fafc;border:2px solid #e2e8f0}.answer-image img{max-width:100%;max-height:400px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:2px solid #cbd5e0}.answer-description{margin-top:24px;padding:24px;background:#edf2f7;border:2px solid #cbd5e0}.answer-description h4{margin-bottom:12px;color:#2d3748;font-size:20px;font-weight:700}.answer-description p{font-size:16px;line-height:1.6;color:#4a5568}.self-assessment{display:flex;gap:16px;justify-content:center;margin-top:24px}.self-assessment .btn{font-size:16px;padding:12px 24px}.self-assessment p{width:100%;text-align:center;margin-bottom:.5rem;font-weight:500}.answer-actions.oral-mode{display:flex;gap:1rem;justify-content:center;margin-top:1rem;margin-bottom:7px}.self-assessment.oral-assessment{margin-top:8px;margin-bottom:8px;padding:0}.self-assessment.oral-assessment .assessment-buttons{display:flex;gap:100px;justify-content:center}.self-assessment.oral-assessment .btn-wide{min-width:120px;padding:12px 32px;font-size:18px;font-weight:500}.question-text-header{text-align:center;margin-bottom:1rem}.question-text-header span{font-size:18px;font-weight:500;color:#2d3748}.show-image-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;padding:20px 40px}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.quiz-counter{font-size:24px;font-weight:700;color:#1a202c;padding:12px 24px;background:#f7fafc;border:2px solid #cbd5e0}.quiz-results{max-width:1000px;margin:0 auto;padding:24px}.results-header{text-align:center;margin-bottom:48px;padding:40px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.results-header h2{font-size:48px;color:#1a202c;margin-bottom:16px;font-weight:700}.quiz-title{font-size:24px;color:#4a5568}.results-summary{text-align:center;margin-bottom:48px}.grade-circle{width:250px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 8px 16px rgba(0,0,0,.2);border:4px solid white;position:relative}.grade-letter{font-size:90px;font-weight:700;color:white;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.grade-percent{font-size:32px;color:white;opacity:.95;font-weight:600}.grade-text{font-size:32px;font-weight:700;margin-top:24px;color:#1a202c}.grade-a{background:linear-gradient(135deg,#48bb78,#38a169)}.grade-b{background:linear-gradient(135deg,#4299e1,#3182ce)}.grade-c{background:linear-gradient(135deg,#ed8936,#dd6b20)}.grade-d{background:linear-gradient(135deg,#f56565,#e53e3e)}.grade-f{background:linear-gradient(135deg,#e53e3e,#c53030)}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:white;padding:32px;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05);text-align:center;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px rgba(0,0,0,.1)}.stat-card .stat-value{font-size:48px;font-weight:700;color:#4299e1;margin-bottom:8px}.stat-card .stat-label{font-size:18px;color:#4a5568;text-transform:uppercase;letter-spacing:1px}.results-review{margin-bottom:48px}.results-review h3{font-size:32px;margin-bottom:32px;color:#1a202c;font-weight:700;padding:20px;background:white;border:2px solid #e2e8f0;text-align:center}.review-list{display:flex;flex-direction:column;gap:24px}.review-item{display:flex;gap:24px;padding:32px;background:white;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s}.review-item:hover{box-shadow:0 8px 12px rgba(0,0,0,.1)}.review-image{flex-shrink:0}.review-image img{width:150px!important;height:150px!important;-o-object-fit:cover;object-fit:cover;border:2px solid #cbd5e0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.review-content{flex:1}.review-question{font-size:22px;font-weight:700;margin-bottom:16px;color:#1a202c}.review-answer{margin:8px 0;font-size:18px;padding:8px 16px;border-left:4px solid}.review-answer.incorrect{color:#742a2a;background:#fed7d7;border-color:#e53e3e}.review-answer.correct{color:#22543d;background:#c6f6d5;border-color:#38a169}.review-description{margin-top:16px;padding:16px;background:#f7fafc;border:1px solid #e2e8f0;font-size:16px;color:#4a5568;line-height:1.6}.results-actions{text-align:center;margin-top:48px;padding:32px;background:white;border:2px solid #e2e8f0}.quiz-multiple-questions{display:flex;flex-direction:column;gap:2rem}.multiple-answers-section{order:1}.shared-image-container{order:2;background:#f8fafc;padding:0;display:flex;justify-content:center;align-items:center;min-height:500px;border:2px solid #e2e8f0;position:relative}.shared-image-container img{width:100%;height:100%;max-height:500px;-o-object-fit:contain;object-fit:contain}.multiple-questions-list{order:3;display:flex;flex-direction:column;gap:1rem}.multiple-questions-list .quiz-question{padding:24px;margin-bottom:16px;border:1px solid #e2e8f0;box-shadow:none}.multiple-questions-list .quiz-question:last-child{margin-bottom:0}.multiple-questions-list .quiz-question:hover{box-shadow:0 2px 4px rgba(0,0,0,.05)}.all-answers-display{background:white;border:1px solid #e2e8f0;border-radius:0;padding:0;margin-top:1rem;overflow:hidden}.answers-table{width:100%;border-collapse:collapse;font-size:16px}.answers-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.answers-table th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.answers-table tbody tr{border-bottom:1px solid #e2e8f0}.answers-table tbody tr:nth-child(2n){background-color:#f8fafc}.answers-table tbody tr:hover{background-color:#f1f5f9}.answers-table td{padding:10px 16px;color:#1e293b}.question-cell{font-weight:600;width:240px;color:#475569}.answer-cell{color:#1e293b}.user-answer-cell{color:#64748b}.correct-mark{color:#22c55e;font-weight:600}.incorrect-mark{color:#ef4444;font-weight:600}.all-answers-display .assessment-buttons{margin:1rem 1.5rem 1.5rem}.quiz-no-questions{text-align:center;padding:80px 24px;background:white;border:2px solid #e2e8f0;margin:40px auto;max-width:600px}.quiz-no-questions p{font-size:20px;color:#4a5568;margin-bottom:24px}@media (max-width:768px){.quiz-container{padding:16px}.quiz-header{padding:24px 16px}.quiz-header h2{font-size:24px}.quiz-controls{flex-direction:column;gap:16px;padding:16px}.control-group{width:100%}.btn-group{width:100%;justify-content:center}.quiz-question{padding:24px 16px}.question-image img{max-height:300px}.question-label{font-size:24px}.question-text h3{font-size:28px}.grade-circle{width:200px;height:200px}.grade-letter{font-size:72px}.grade-percent{font-size:24px}.review-item{flex-direction:column;padding:24px 16px}.review-image img{width:100%;height:auto;max-height:250px}.stat-card .stat-value{font-size:36px}.quiz-navigation{flex-direction:column;gap:16px;padding:24px 16px}.quiz-counter{font-size:20px}}