#root{margin:0;padding:0;top:0}*{margin:0;padding:0}body{background-color:#fff;margin:0;min-height:100vh}a{text-decoration:none;color:#000}.admin-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.admin-box{background:#fff;padding:30px;border-radius:15px;box-shadow:0 6px 15px #0003;width:350px;text-align:center}.admin-box h2{margin-bottom:20px;color:#333}.admin-box input{width:95%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:10px}.admin-box button{width:100%;padding:12px;background:#667eea;color:#fff;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:.3s}.admin-box button:hover{background:#5563c1}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#6a11cb,#2575fc);font-family:Poppins,sans-serif}.auth-box{background:#fff;padding:40px 35px;border-radius:15px;width:350px;box-shadow:0 8px 25px #0003;text-align:center}.auth-box h2{margin-bottom:20px;font-size:26px;color:#333;font-weight:600}.auth-box input{width:90%;padding:12px 15px;margin:10px 0;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:all .3s ease}.auth-box input:focus{border-color:#2575fc;outline:none;box-shadow:0 0 5px #2575fc66}.auth-box button{width:100%;padding:12px;margin-top:15px;background:#2575fc;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:background .3s}.auth-box button:hover{background:#1a5edb}.auth-toggle{margin-top:15px;font-size:14px;color:#555}.auth-toggle span{color:#2575fc;font-weight:600;cursor:pointer;transition:color .3s}.auth-toggle span:hover{color:#1a5edb}.selectDate{width:100%;padding:12px 14px;margin-top:10px;border:2px solid #ddd;border-radius:8px;background-color:#fff;font-size:15px;font-weight:500;color:#333;cursor:pointer;outline:none;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%227%22%20viewBox%3D%220%200%2011%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5.5%207L0.736861%200.75L10.2631%200.75L5.5%207Z%22%20fill%3D%22%23333%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.selectDate:hover{border-color:#4a90e2}.selectDate:focus{border-color:#4a90e2;box-shadow:0 0 6px #4a90e266}.selectDate option{padding:12px;font-size:15px}body{font-family:Arial,sans-serif;background:#fff;margin:0;padding:20px;color:#333}.test-container{max-width:1000px;margin:auto}.main-instructions{line-height:2}.header{text-align:left;margin-bottom:20px}.red-text{color:red;font-weight:700}.stats{display:flex;gap:20px;margin:20px 0}.stat-card{flex:1;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;text-align:center;padding:20px;box-shadow:0 2px 5px #0000001a}.stat-card h2{font-size:28px;margin:0}.instructions{margin-top:20px}.instructions h4{font-size:16px;margin-bottom:10px}.instructions ul{margin-left:20px}table{width:100%;border-collapse:collapse;margin:15px 0}table th,table td{border:1px solid #ddd;padding:10px;text-align:center}table th{background:#f0f0f0}.audio-player{margin:20px 0}.note{font-style:italic;color:#666}.INSTRUCTION-I{letter-spacing:1px;line-height:2}.submit-btnss{margin-top:30px;padding:12px 28px;border:none;border-radius:6px;color:#fff;background-color:#1f1fffe4!important;cursor:pointer;font-size:14px;letter-spacing:.9px}table{width:100%;border-collapse:collapse;margin-top:20px;font-family:Arial,sans-serif}table th,table td{border:1px solid #ddd;padding:10px;text-align:left}table th{background-color:#4caf50;color:#fff}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#f1f1f1}button{padding:6px 12px;border:none;cursor:pointer;border-radius:5px;font-size:14px;transition:.3s ease}button:hover{opacity:.8}button:first-of-type{background-color:#2196f3;color:#fff}button:last-of-type{background-color:#f44336;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;padding:25px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 4px 15px #0000004d;animation:fadeIn .3s ease}.modal-box h3{margin-top:0;margin-bottom:15px;font-size:20px;color:#333}.modal-box label{display:block;margin:10px 0 5px;font-weight:700;font-size:14px;color:#444}.modal-box input{width:100%;padding:8px;border:1px solid #bbb;border-radius:5px;font-size:14px;outline:none}.modal-box input:focus{border-color:#2196f3;box-shadow:0 0 5px #2196f366}.modal-actions{margin-top:20px;text-align:right}.modal-actions button{margin-left:10px}.modal-actions button:first-of-type{background-color:#4caf50;color:#fff}.modal-actions button:last-of-type{background-color:#777;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-container{display:flex;justify-content:center;align-items:center;padding:30px}.question-box{width:90%;background:#fff;padding:65px;border-radius:10px;font-family:Arial,sans-serif}.q-number{font-weight:700;color:#333;margin-right:8px}.question-text{font-size:16px;margin-bottom:10px;color:#0f0f0f}.question{font-size:18px;margin:15px 0;font-weight:700}.options{display:flex;flex-direction:column;gap:10px}.option-label{padding:10px 15px;border-radius:8px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer;transition:all .3s ease}.option-label:hover{background:#eef4ff}.option-label.selected{border:2px solid #007bff;background:#eaf2ff}.option-label input{margin-right:10px}.footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.marks{font-size:14px;color:#666}.submit-btn{background:#e53935;color:#fff;padding:10px 18px;border:none;border-radius:50%;font-size:16px;cursor:pointer;transition:.3s}.submit-btn:hover{background:#d32f2f}.result{margin-top:15px;font-size:16px;font-weight:700}.result.correct{color:green}.result.wrong{color:red}.question-box p{font-size:1.2rem}.quiz-container{margin:auto;padding:20px;font-family:Arial,sans-serif}.options{display:flex;flex-direction:column;gap:20px;margin:15px 0}.option-label{padding:10px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.option-label.selected{border:2px solid #007bff;background:#eef4ff}.footer{display:flex;justify-content:space-between;align-items:center}.submit-btn{background:#e53935;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.result-box{width:100%;background:#f9f9f9;padding:20px;border-radius:10px}.result-box table{width:100%;border-collapse:collapse;margin-top:20px}.result-box th,.result-box td{border:1px solid #ccc;padding:8px;text-align:center}.quiz-container{margin-top:20px}.quiz-container h2{margin-right:150px}.category-boxes{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;justify-content:center}.category{padding:20px 30px;border:2px solid #007bff;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.category:hover{background:#007bff;color:#fff}.timer{font-size:18px;font-weight:700;color:red;margin-bottom:15px}.clickable-row{cursor:pointer;background-color:#f9f9f9}.review-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.review-content{background:#fff;padding:40px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 4px 10px #0000004d}.review-content h3{margin-bottom:10px}.review-content ul{margin-top:20px;list-style:none;padding:0}.review-content li{padding:10px;border:1px solid #ddd;margin:5px 0;border-radius:5px}.review-content li.correct{background-color:#d4edda;border-color:#28a745}.review-content li.wrong{background-color:#f8d7da;border-color:#dc3545}.close-btn{margin-top:10px;padding:8px 15px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}
