:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.schools-page{background:#f5f7fa;min-height:100vh;padding:40px}.schools-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.schools-header h1{color:#111827;margin:0;font-size:32px}.schools-header p{color:#6b7280;margin-top:8px}.add-school-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:13px 22px;font-size:15px}.add-school-btn:hover{opacity:.9}.school-form-card{background:#fff;border-radius:14px;margin-bottom:30px;padding:30px;box-shadow:0 5px 20px #0000000f}.school-form-card h2{color:#111827;margin-top:0}.form-group label{color:#374151;margin-bottom:8px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:7px;outline:none;padding:12px;font-size:15px}.form-group input:focus{border-color:#111827}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:7px;padding:11px 20px;font-size:14px}.cancel-btn{color:#374151;background:#e5e7eb}.save-btn{color:#fff;background:#111827}.schools-list{flex-direction:column;gap:18px;display:flex}.school-card{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:25px;display:flex;box-shadow:0 4px 15px #0000000d}.school-info h2{color:#111827;margin:0 0 12px}.school-info p{color:#4b5563;margin:7px 0}.created-by{color:#6b7280!important;margin-top:15px!important}.school-actions{gap:10px;display:flex}.school-actions button{cursor:pointer;border:none;border-radius:6px;padding:9px 15px}.view-btn{color:#111827;background:#e5e7eb}.edit-btn{color:#1d4ed8;background:#dbeafe}.delete-btn{color:#dc2626;background:#fee2e2}.loading,.empty-state{text-align:center;color:#6b7280;padding:60px}.empty-state{background:#fff;border-radius:12px}.empty-state h2{color:#111827}@media (width<=768px){.schools-page{padding:20px}.schools-header{flex-direction:column;align-items:flex-start;gap:15px}.form-grid{grid-template-columns:1fr}.school-card{flex-direction:column;align-items:flex-start;gap:20px}.school-actions{width:100%}}.result-details-header>div:nth-child(2){flex:1}.result-details-back-btn,.result-print-btn,.result-download-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600}.result-action-buttons{align-items:center;gap:10px;display:flex}.result-download-btn{color:#fff;white-space:nowrap;background:#2563eb}.result-download-btn:hover{background:#1d4ed8}.result-download-btn:disabled{opacity:.65;cursor:not-allowed}.print-status-correct,.print-status-wrong,.print-status-unattempted{font-weight:700}@media (width<=800px){.result-details-page{padding:15px}.result-details-header{flex-wrap:wrap;align-items:flex-start}.result-details-header h1{font-size:24px}.result-action-buttons{flex-direction:column;width:100%}.result-action-buttons button{width:100%}.printable-result{padding:20px}.print-score-grid{grid-template-columns:repeat(2,1fr)}.print-score-box:nth-child(4n){border-right:1px solid #e3e7ed}.print-score-box:nth-child(2n){border-right:none}.print-info-grid{grid-template-columns:1fr}.print-info-item:nth-child(odd){border-right:none}.print-info-full{grid-column:auto}.print-table-wrapper{overflow-x:auto}.signature-area{gap:30px}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-details-page{background:#fff!important;min-height:auto!important;padding:0!important}.no-print{display:none!important}.printable-result{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:0!important}.print-result-header{margin-bottom:18px}.print-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:15px}.print-section-title{background:#f0f3f8!important}.print-score-box{break-inside:avoid;page-break-inside:avoid}.print-question-table{width:100%;font-size:10px}.print-question-table th,.print-question-table td{padding:5px 4px}.print-question-table thead{display:table-header-group}.print-question-table tr,.print-result-footer{break-inside:avoid;page-break-inside:avoid}}.students-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.students-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px;display:flex}.students-header>div{flex:1}.students-header h1{color:#111827;margin:0;font-size:32px}.students-header p{color:#6b7280;margin:6px 0 0;font-size:15px}.students-header .back-btn{color:#374151;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #0000000f}.students-header .back-btn:hover{background:#f3f4f6}.add-student-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.add-student-btn:hover{background:#1d4ed8}.students-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:17px;display:flex}.student-form-card{background:#fff;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 4px 15px #0000000f}.student-form-card h2{color:#111827;margin:0 0 22px;font-size:21px}.student-form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 20px;font-weight:500}.save-student-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.students-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000000f}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title h2{color:#111827;margin:0;font-size:21px}.section-title span{color:#6b7280;font-size:14px}.students-table-wrapper{width:100%;overflow-x:auto}.students-table{border-collapse:collapse;width:100%;min-width:750px}.students-table th{text-align:left;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 15px;font-size:13px;font-weight:600}.students-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:15px;font-size:14px}.students-table tbody tr:hover{background:#f9fafb}.students-table td strong{color:#111827}.status-active,.status-inactive{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#15803d;background:#dcfce7}.status-inactive{color:#b91c1c;background:#fee2e2}.delete-student-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600}.delete-student-btn:hover{background:#fecaca}.empty-students{text-align:center;padding:60px 20px}.empty-students h3{color:#111827;margin:0 0 8px;font-size:20px}.empty-students p{color:#6b7280;margin:0 0 20px}.empty-students button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.empty-students button:hover{background:#1d4ed8}@media (width<=900px){.student-form-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.students-page{padding:20px}.students-header{align-items:flex-start}.students-header>div{flex:none;width:100%}.students-header h1{font-size:27px}.add-student-btn{width:100%}.student-form-grid{grid-template-columns:1fr}.student-form-card,.students-section{padding:18px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.student-actions{align-items:center;gap:8px;display:flex}.edit-student-btn{color:#2563eb;cursor:pointer;background:#dbeafe;border:none;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600}.edit-student-btn:hover{background:#bfdbfe}.status-field{justify-content:flex-start}.checkbox-label{cursor:pointer;align-items:center;gap:8px;flex-direction:row!important;font-weight:500!important;display:flex!important}.checkbox-label input{cursor:pointer;width:16px!important;height:16px!important}.add-student-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.add-student-header{margin-bottom:25px}.add-student-header h1{color:#1f2937;margin:12px 0 5px;font-size:30px}.add-student-header p{color:#6b7280;margin:0;font-size:15px}.add-student-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:800px;padding:28px;box-shadow:0 4px 15px #0000000d}.add-student-card h2{color:#1f2937;margin:0 0 25px;font-size:21px}.add-student-card form{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group select:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.save-student-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 20px;font-size:14px;font-weight:600}.save-student-btn:hover{background:#1d4ed8}.save-student-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=650px){.add-student-page,.add-student-card{padding:20px}.add-student-card form{grid-template-columns:1fr}.form-actions{flex-direction:column;grid-column:auto}.cancel-btn,.save-student-btn{width:100%}}.exams-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.exams-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.exams-header h1{color:#1f2937;margin:12px 0 5px;font-size:30px}.exams-header p{color:#6b7280;margin:0;font-size:15px}.add-exam-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.add-exam-btn:hover{background:#1d4ed8}.exams-loading{color:#6b7280;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}.exam-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 4px 15px #0000000d}.close-form-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-group input,.form-group select{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.checkbox-group{justify-content:flex-end}.checkbox-label{cursor:pointer;align-items:center;gap:9px;min-height:42px;flex-direction:row!important;font-weight:500!important;display:flex!important}.checkbox-label input{cursor:pointer;height:17px;width:17px!important}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;display:flex}.save-exam-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 20px;font-size:14px;font-weight:600}.save-exam-btn:hover{background:#1d4ed8}.empty-exams{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.empty-exams h2{color:#1f2937;margin:0 0 8px;font-size:22px}.empty-exams p{color:#6b7280;margin:0 0 20px;font-size:14px}.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.exam-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;transition:all .2s;box-shadow:0 3px 12px #0000000a}.exam-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #00000012}.exam-card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.exam-card-header h2{color:#1f2937;margin:0 0 7px;font-size:18px;line-height:1.4}.exam-code{color:#2563eb;background:#eff6ff;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.active-badge,.inactive-badge{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.active-badge{color:#166534;background:#dcfce7}.inactive-badge{color:#6b7280;background:#f3f4f6}.exam-details{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 0;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item span{color:#6b7280;font-size:11px}.detail-item strong{color:#1f2937;font-size:14px}.created-by{color:#6b7280;margin-top:14px;font-size:12px}.created-by strong{color:#374151}.exam-actions{gap:8px;margin-top:18px;display:flex}.exam-actions button{cursor:pointer;border-radius:7px;flex:1;padding:9px 10px;font-size:12px;font-weight:600}.view-questions-btn{color:#fff;background:#2563eb;border:none}.view-questions-btn:hover{background:#1d4ed8}.edit-exam-btn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.edit-exam-btn:hover{background:#dbeafe}.delete-exam-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.delete-exam-btn:hover{background:#fee2e2}@media (width<=900px){.exam-grid{grid-template-columns:1fr}}@media (width<=650px){.exams-page{padding:20px}.exams-header{flex-direction:column;gap:15px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.exam-details{grid-template-columns:repeat(2,1fr)}.exam-card-header,.exam-actions{flex-direction:column}}@media (width<=400px){.exams-page{padding:15px}.exam-details{grid-template-columns:1fr}.exam-form-card,.exam-card{padding:17px}}.questions-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.questions-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.questions-header h1{color:#1f2937;margin:12px 0 5px;font-size:30px}.questions-header p{color:#6b7280;margin:0;font-size:15px}.back-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.back-btn:hover{text-decoration:underline}.add-question-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.add-question-btn:hover{background:#1d4ed8}.add-question-btn:disabled{cursor:not-allowed;background:#9ca3af}.questions-loading{color:#6b7280;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}.exam-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px;padding:18px 20px;display:grid;box-shadow:0 3px 12px #0000000a}.exam-info-card div{flex-direction:column;gap:5px;display:flex}.exam-info-card span{color:#6b7280;font-size:12px}.exam-info-card strong{color:#1f2937;font-size:16px}.success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px;font-weight:500}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px;font-weight:500}.question-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 4px 15px #0000000d}.form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.form-header h2{color:#1f2937;margin:0;font-size:21px}.close-form-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;font-size:22px}.close-form-btn:hover{background:#e5e7eb}.question-form-card form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.form-actions{border-top:1px solid #e5e7eb;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:5px;padding-top:20px;display:flex}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600}.cancel-btn:hover{background:#f9fafb}.save-question-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 20px;font-size:14px;font-weight:600}.save-question-btn:hover{background:#1d4ed8}.empty-questions{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.empty-icon{margin-bottom:15px;font-size:45px}.empty-questions h2{color:#1f2937;margin:0 0 8px;font-size:22px}.empty-questions p{color:#6b7280;margin:0 0 20px;font-size:14px}.questions-list{flex-direction:column;gap:18px;display:flex}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;box-shadow:0 3px 12px #0000000a}.question-card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.question-number{color:#2563eb;background:#eff6ff;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:700}.question-marks{color:#374151;background:#f3f4f6;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.question-text{color:#111827;margin-bottom:18px;font-size:16px;font-weight:600;line-height:1.6}.options-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option{color:#374151;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:10px;min-height:45px;padding:10px 12px;font-size:14px;display:flex}.option strong{color:#1f2937}.correct-option{background:#f0fdf4;border-color:#86efac}.correct-label{color:#166534;background:#dcfce7;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:700}.explanation{color:#4b5563;background:#f9fafb;border-radius:7px;gap:7px;margin-top:16px;padding:12px;font-size:13px;line-height:1.5;display:flex}.explanation strong{color:#374151}.question-created-by{color:#6b7280;margin-top:15px;font-size:12px}.question-created-by strong{color:#374151}.question-actions{border-top:1px solid #f0f0f0;gap:8px;margin-top:16px;padding-top:15px;display:flex}.question-actions button{cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600}.edit-question-btn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.edit-question-btn:hover{background:#dbeafe}.delete-question-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.delete-question-btn:hover{background:#fee2e2}@media (width<=900px){.exam-info-card{grid-template-columns:repeat(3,1fr)}.options-list{grid-template-columns:1fr}}@media (width<=650px){.questions-page{padding:20px}.questions-header{flex-direction:column;gap:15px}.exam-info-card{grid-template-columns:repeat(2,1fr)}.question-form-card form{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.form-actions{flex-direction:column;grid-column:auto}.cancel-btn,.save-question-btn{width:100%}}@media (width<=400px){.questions-page{padding:15px}.exam-info-card{grid-template-columns:1fr}.question-card,.question-form-card{padding:17px}}.omr-page{background:#f5f7fb;min-height:100vh;padding-bottom:40px}.omr-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:28px 40px}.omr-header h1{color:#111827;margin:18px 0 6px;font-size:30px}.omr-header p{color:#6b7280;margin:0}.omr-back-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.omr-back-btn:hover{text-decoration:underline}.omr-success-message,.omr-error-message{border-radius:8px;max-width:850px;margin:24px auto 0;padding:14px 18px;font-size:14px}.omr-success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.omr-error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.omr-upload-card{background:#fff;border-radius:12px;max-width:850px;margin:30px auto 0;padding:30px;box-shadow:0 4px 18px #0000000f}.omr-upload-card h2{color:#111827;margin:0 0 8px}.omr-description{color:#6b7280;margin:0 0 28px}.omr-form-group{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.omr-form-group label{color:#374151;font-size:14px;font-weight:600}.omr-form-group select,.omr-form-group input[type=file]{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:11px 12px;font-size:14px}.omr-form-group select:focus,.omr-form-group input[type=file]:focus{border-color:#2563eb;outline:none}.omr-form-group small{color:#6b7280;font-size:12px}.selected-file-box{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-direction:column;gap:5px;margin-bottom:24px;padding:14px 16px;font-size:13px;display:flex}.omr-form-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.omr-cancel-btn,.omr-upload-btn{cursor:pointer;border:none;border-radius:7px;padding:11px 20px;font-size:14px;font-weight:600}.omr-cancel-btn{color:#374151;background:#e5e7eb}.omr-cancel-btn:hover{background:#d1d5db}.omr-upload-btn{color:#fff;background:#2563eb}.omr-upload-btn:hover{background:#1d4ed8}.omr-upload-btn:disabled,.omr-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.omr-info-card{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;max-width:850px;margin:20px auto 0;padding:22px 30px}.omr-info-card h3{color:#92400e;margin:0 0 10px}.omr-info-card ul{color:#78350f;margin:0;padding-left:20px}.omr-info-card li{margin-bottom:7px;font-size:13px}@media (width<=700px){.omr-header{padding:22px}.omr-upload-card,.omr-info-card{margin-left:16px;margin-right:16px;padding:22px}.omr-form-actions{flex-direction:column}.omr-cancel-btn,.omr-upload-btn{width:100%}}.results-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;min-height:100vh;padding:32px}.results-header{align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.results-header>div{flex:1}.results-header h1{color:#172033;margin:0;font-size:42px;font-weight:800;line-height:1.1}.results-header p{color:#64748b;margin:10px 0 0;font-size:18px}.results-back-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 3px 12px #0f172a14}.results-back-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a1f}.results-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-size:15px;font-weight:600}.results-loading{color:#64748b;justify-content:center;align-items:center;min-height:70vh;font-size:20px;display:flex}.results-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:26px;display:grid}.result-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;box-shadow:0 4px 16px #0f172a0d}.result-stat-card span{color:#64748b;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.result-stat-card strong{color:#172033;font-size:30px;font-weight:800;display:block}.results-filters{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:minmax(280px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(140px,1fr) minmax(150px,1fr) auto;align-items:end;gap:14px;margin-bottom:18px;padding:20px;display:grid;box-shadow:0 4px 16px #0f172a0d}.results-search,.results-filter-group{min-width:0}.results-search label,.results-filter-group label{color:#475569;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.results-search input,.results-filter-group select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px;font-size:14px;transition:all .2s}.results-search input::placeholder{color:#94a3b8}.results-search input:focus,.results-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.results-clear-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:none;border-radius:9px;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s}.results-clear-btn:hover{background:#cbd5e1}.results-count{color:#64748b;margin:18px 2px;font-size:14px}.results-count strong{color:#334155}.results-table-wrapper{scrollbar-width:thin;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 4px 18px #0f172a0f}.results-table{border-collapse:collapse;text-align:left;width:100%;min-width:1450px}.results-table thead{background:#f8fafc}.results-table th{color:#475569;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:18px 16px;font-size:13px;font-weight:800}.results-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:20px 16px;font-size:14px}.results-table tbody tr{transition:background .15s}.results-table tbody tr:hover{background:#f8fafc}.results-table tbody tr:last-child td{border-bottom:none}.results-table td strong{color:#1e293b}.results-table td small{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.result-view-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .2s}.result-view-btn:hover{background:#4338ca;transform:translateY(-1px)}.results-empty{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 20px;display:flex;box-shadow:0 4px 18px #0f172a0d}.results-empty-icon{margin-bottom:12px;font-size:48px}.results-empty h2{color:#1e293b;margin:0 0 8px;font-size:24px}.results-empty p{color:#64748b;margin:0 0 20px;font-size:15px}.results-table-wrapper::-webkit-scrollbar{height:9px}.results-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.results-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.results-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width>=1400px){.results-page{padding:36px}.results-filters{grid-template-columns:minmax(330px,2.3fr) minmax(160px,1fr) minmax(160px,1fr) minmax(150px,1fr) minmax(160px,1fr) auto}}@media (width<=1100px){.results-stats,.results-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.results-search{grid-column:1/-1}.results-clear-btn{width:100%}}@media (width<=768px){.results-page{padding:20px}.results-header{flex-direction:column;gap:15px}.results-header h1{font-size:32px}.results-header p{font-size:16px}.results-back-btn{width:auto}.results-stats{grid-template-columns:1fr;gap:14px}.results-filters{grid-template-columns:1fr;padding:18px}.results-search{grid-column:auto}.results-clear-btn{width:100%}.result-stat-card{padding:18px}.result-stat-card strong{font-size:26px}.results-table th,.results-table td{padding:15px 13px}}@media (width<=480px){.results-page{padding:14px}.results-header h1{font-size:28px}.results-header p{font-size:15px}.results-back-btn{width:100%}.results-filters{padding:15px}.result-stat-card{padding:16px}.result-stat-card span{font-size:13px}.result-stat-card strong{font-size:24px}.results-table th,.results-table td{padding:13px 11px}}.result-details-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.result-details-header{align-items:center;gap:20px;max-width:1100px;margin:0 auto 24px;display:flex}.result-details-header>div{flex:1}.result-details-header h1{color:#172033;margin:0;font-size:30px}.result-details-header p{color:#687386;margin:6px 0 0;font-size:14px}.result-details-back-btn,.result-print-btn{cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600}.result-details-back-btn{color:#263247;background:#e9edf5}.result-details-back-btn:hover{background:#dfe5ef}.result-print-btn{color:#fff;white-space:nowrap;background:#172033}.result-print-btn:hover{background:#0f1728}.result-details-loading,.result-details-error{text-align:center;box-sizing:border-box;background:#fff;border-radius:12px;max-width:1100px;margin:50px auto;padding:30px}.result-details-loading{color:#596579}.result-details-error{color:#c0392b}.printable-result{box-sizing:border-box;background:#fff;border-radius:12px;max-width:1100px;margin:0 auto;padding:35px;box-shadow:0 4px 20px #0000000f}.print-result-header{text-align:center;border-bottom:2px solid #172033;margin-bottom:24px;padding-bottom:18px}.organization-name{letter-spacing:1px;color:#172033;font-size:27px;font-weight:800}.organization-subtitle{letter-spacing:1px;color:#6b7280;margin-top:4px;font-size:12px}.result-title{letter-spacing:.5px;color:#172033;margin-top:16px;font-size:20px;font-weight:800}.result-exam-name{color:#596579;margin-top:5px;font-size:14px;font-weight:600}.print-section{border:1px solid #dfe4ec;border-radius:8px;margin-bottom:24px;overflow:hidden}.print-section-title{color:#172033;background:#f0f3f8;border-bottom:1px solid #dfe4ec;padding:11px 15px;font-size:15px;font-weight:700}.print-info-grid{grid-template-columns:repeat(2,1fr);display:grid}.print-info-item{border-bottom:1px solid #e6e9ef;flex-direction:column;gap:4px;padding:12px 15px;display:flex}.print-info-item:nth-child(odd){border-right:1px solid #e6e9ef}.print-info-item span{color:#7a8494;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.print-info-item strong{color:#202a3a;font-size:14px}.print-info-full{grid-column:1/-1;border-right:none!important}.print-score-grid{grid-template-columns:repeat(4,1fr);display:grid}.print-score-box{text-align:center;box-sizing:border-box;border-bottom:1px solid #e3e7ed;border-right:1px solid #e3e7ed;flex-direction:column;justify-content:center;align-items:center;min-height:75px;padding:14px;display:flex}.print-score-box:nth-child(4n){border-right:none}.print-score-box span{color:#778195;margin-bottom:6px;font-size:11px}.print-score-box strong{color:#172033;font-size:20px}.obtained-box strong,.percentage-box strong{font-size:22px}.question-section{overflow:visible}.print-table-wrapper{width:100%;overflow-x:auto}.print-question-table{border-collapse:collapse;width:100%;font-size:13px}.print-question-table th{color:#fff;text-align:center;background:#172033;border:1px solid #172033;padding:10px 8px;font-weight:700}.print-question-table td{text-align:center;color:#283447;border:1px solid #dfe4ec;padding:9px 8px}.print-question-table tbody tr:nth-child(2n){background:#f8f9fb}.print-status-correct,.print-status-wrong,.print-status-unattempted{font-weight:700}.print-empty{text-align:center;color:#737d8d;padding:20px}.print-result-footer{border-top:1px solid #dfe4ec;margin-top:35px;padding-top:15px}.footer-note{text-align:center;color:#7b8492;font-size:11px}.signature-area{text-align:center;color:#394458;justify-content:space-between;margin-top:45px;font-size:12px;display:flex}@media (width<=800px){.result-details-page{padding:15px}.result-details-header{flex-wrap:wrap;align-items:flex-start}.result-details-header h1{font-size:24px}.result-print-btn{width:100%}.printable-result{padding:20px}.print-score-grid{grid-template-columns:repeat(2,1fr)}.print-score-box:nth-child(4n){border-right:1px solid #e3e7ed}.print-score-box:nth-child(2n){border-right:none}.print-info-grid{grid-template-columns:1fr}.print-info-item:nth-child(odd){border-right:none}.print-info-full{grid-column:auto}.print-table-wrapper{overflow-x:auto}.signature-area{gap:30px}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-details-page{background:#fff!important;min-height:auto!important;padding:0!important}.no-print{display:none!important}.printable-result{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:0!important}.print-result-header{margin-bottom:18px}.print-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:15px}.print-section-title{background:#f0f3f8!important}.print-score-box{break-inside:avoid;page-break-inside:avoid}.print-question-table{width:100%;font-size:10px}.print-question-table th,.print-question-table td{padding:5px 4px}.print-question-table thead{display:table-header-group}.print-question-table tr,.print-result-footer{break-inside:avoid;page-break-inside:avoid}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f6f9;font-family:Arial,sans-serif}.login-container{background:#f4f6f9;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:400px;padding:40px;box-shadow:0 8px 30px #0000001f}.login-card h1{text-align:center;margin-bottom:8px;font-size:28px}.subtitle{text-align:center;color:#666;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{margin-bottom:7px;font-weight:600;display:block}.input-group input{border:1px solid #ccc;border-radius:7px;width:100%;padding:12px;font-size:15px}.input-group input:focus{border-color:#111;outline:none}button{cursor:pointer}.dashboard{background:#f4f6f9;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.dashboard-header h1{font-size:25px}.dashboard-header p{color:#777;margin-top:4px}.admin-section{align-items:center;gap:20px;font-weight:600;display:flex}.logout-button{color:#fff;background:#111;border:none;border-radius:6px;padding:10px 18px}.logout-button:hover{background:#333}.dashboard-content{padding:40px}.dashboard-content h2{margin-bottom:25px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 3px 12px #00000014}.stat-card h3{color:#666;margin-bottom:15px;font-size:16px}.stat-card p{font-size:32px;font-weight:700}.quick-title{margin-top:45px}.actions-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.action-card{background:#fff;border:none;border-radius:10px;padding:25px;font-size:17px;font-weight:600;box-shadow:0 3px 12px #00000014}.action-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.action-card span{margin-right:8px;font-size:22px}.dashboard-content h2{color:#111827}.stat-card h3{color:#374151}.stat-card p,.action-card,.dashboard-header h1{color:#111827}.dashboard-header p{color:#4b5563}.admin-section span{color:#374151}.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}