body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#0f172a,#1d4ed8,#2563eb);min-height:100vh}.registration-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.registration-card{animation:fade .6s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 50px #00000040;max-width:95%;padding:35px;text-align:center;width:430px}.logo{height:90px;margin-bottom:15px;object-fit:contain;width:90px}.registration-card h1{color:#1e293b;font-size:30px;margin-bottom:8px}.subtitle{color:#64748b;font-size:15px}.input-box{align-items:center;background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;display:flex;margin-bottom:18px;padding:14px;transition:.3s}.input-box:hover{border-color:#2563eb}.input-box svg{color:#2563eb;font-size:18px;margin-right:10px}.input-box input,.input-box select{background:#0000;border:none;font-size:15px;outline:none;width:100%}button{font-size:17px;font-weight:600;margin-top:15px;padding:15px;transition:.3s}button:hover{box-shadow:0 10px 20px #2563eb4d;transform:translateY(-2px)}.footer{color:#666;font-size:12px;margin-top:20px;padding:10px 0}@keyframes fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.registration-card{padding:25px}.registration-card h1{font-size:24px}.subtitle{font-size:14px}.logo{height:70px;width:70px}}body{background:radial-gradient(circle at top left,#2563eb14,#0000 35%),radial-gradient(circle at bottom right,#3b82f612,#0000 35%),#f1f5f9}.selection-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:35px 25px 25px}.selection-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:26px;box-shadow:0 20px 50px #0f172a14,0 4px 15px #2563eb0a;max-width:1250px;padding:45px;text-align:center;width:100%}.selection-logo{filter:drop-shadow(0 8px 15px rgba(37,99,235,.15));height:85px;margin-bottom:18px;object-fit:contain;width:85px}.selection-container h1{color:#1d4ed8;font-size:34px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.selection-container>p{color:#64748b;font-size:16px;margin-bottom:38px}.test-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}.test-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:245px;overflow:hidden;padding:28px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.test-card:before{background:#2563eb12;border-radius:50%;content:"";height:110px;position:absolute;right:-40px;top:-50px;transition:.3s;width:110px}.test-card:after{background:linear-gradient(90deg,#2563eb,#60a5fa);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.test-card:hover{border-color:#93c5fd;box-shadow:0 18px 35px #2563eb21;transform:translateY(-7px)}.test-card:hover:before{transform:scale(1.4)}.test-card h2{color:#1d4ed8;font-size:25px;font-weight:800}.test-card h2,.test-card p{margin-bottom:10px;position:relative;z-index:1}.test-card p{color:#334155;font-size:16px;font-weight:600;line-height:1.5}.test-card>span{color:#64748b;font-size:14px}.test-card>span,.test-info{position:relative;z-index:1}.test-info{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:20px 0}.test-info span{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:8px 11px;white-space:nowrap}.test-card button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:11px;box-shadow:0 8px 18px #2563eb38;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;padding:13px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:100%;z-index:1}.test-card button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 12px 24px #2563eb47;transform:translateY(-2px)}.test-card button:active{transform:translateY(0)}.test-card.disabled{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;opacity:.65}.test-card.disabled:after{background:#94a3b8}.test-card.disabled:hover{border-color:#e2e8f0;box-shadow:0 10px 25px #0f172a0f;transform:none}.test-card.disabled h2{color:#64748b}.test-card.disabled button{background:#94a3b8;box-shadow:none;cursor:not-allowed}.test-card.disabled button:hover{background:#94a3b8;transform:none}.footer{margin-top:22px;max-width:1250px;padding:15px}@media (max-width:1100px){.selection-container{padding:35px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.selection-page{padding:20px 15px}.selection-container{border-radius:20px;padding:28px 20px}.selection-logo{height:75px;width:75px}.selection-container h1{font-size:28px}.selection-container>p{font-size:14px;margin-bottom:28px}.test-grid{gap:18px;grid-template-columns:1fr}.test-card{min-height:225px;padding:24px}}@media (max-width:480px){.selection-page{padding:12px}.selection-container{border-radius:18px;padding:25px 15px}.selection-container h1{font-size:25px}.selection-container>p{line-height:1.5}.test-card{padding:22px}.test-card h2{font-size:22px}.test-info{align-items:stretch;flex-direction:column}.test-info span{width:100%}.footer{font-size:12px;padding:10px}}.instruction-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8,#2563eb);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:30px 20px;width:100%}.instruction-card{background:#fff;border-radius:20px;box-shadow:0 20px 50px #00000040;max-width:1200px;padding:40px;width:100%}.logo{display:block;margin:auto;width:80px}.instruction-card h1{color:#1e293b;margin-top:15px;text-align:center}.subtitle{color:gray;margin-bottom:30px;text-align:center}.candidate-card{background:#f8fafc;border-radius:15px;margin-bottom:25px;padding:20px}.candidate-card h3{align-items:center;color:#2563eb;display:flex;gap:10px;margin-bottom:15px}.detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.exam-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.info-box{background:#2563eb;border-radius:15px;color:#fff;padding:25px;text-align:center}.info-box h2{font-size:34px}.rules{background:#f9fafb;border-radius:15px;padding:20px}.rules h3{color:#2563eb;margin-bottom:15px}.rules ul{padding-left:20px}.rules li{margin-bottom:10px}.checkbox{align-items:center;display:flex;gap:10px;margin:25px 0}button{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;padding:16px;width:100%}button:hover{background:#1d4ed8}@media(max-width:768px){.exam-info{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:5px}}.disabled-btn,button:disabled{background:#bdbdbd;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.7;transform:none}button:not(:disabled):hover{transform:translateY(-2px)}.footer{color:#fff;margin-top:15px;max-width:1200px;padding:12px 0;width:100%}@media (min-width:1400px){.footer,.instruction-card{max-width:1350px}}*{font-family:Segoe UI,sans-serif}body{background:#eef3fb}.quiz-page{min-height:100vh;padding:25px}.quiz-header{align-items:center;background:#fff;border-radius:18px;box-shadow:0 12px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:25px;padding:22px 35px}.quiz-header h2{color:#2563eb;font-size:34px;margin-bottom:8px}.quiz-header p{color:#555;font-size:17px}.timer{background:#ef4444;border-radius:12px;box-shadow:0 10px 25px #ef444440;color:#fff;font-size:24px;font-weight:700;min-width:170px;padding:14px 20px;text-align:center}.progress-container{background:#dbeafe;border-radius:50px;height:10px;margin-bottom:25px;overflow:hidden;width:100%}.progress-fill{background:#2563eb;height:100%;transition:.4s}.quiz-container{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:260px 1fr 300px}.student-panel{background:#fff;border:1px solid #edf2f7;border-radius:18px;box-shadow:0 12px 30px #00000014;padding:25px}.student-panel h3{color:#2563eb;font-size:28px;margin-bottom:18px}.student-panel p{color:#475569;font-size:16px;font-weight:600;margin-top:18px}.student-panel span{color:#111827;display:block;font-size:17px;margin-top:5px}.status-box{background:#eff6ff;border-radius:14px;margin-top:28px;padding:18px}.status-box h4{color:#2563eb;margin-bottom:12px}.question-section{background:#fff;border:1px solid #edf2f7;border-radius:18px;box-shadow:0 12px 30px #00000014;padding:35px}.question-section h3{color:#2563eb;font-size:24px;margin-bottom:25px}.question-card h2{color:#1f2937;font-size:36px;line-height:1.5;margin-bottom:30px}.option{align-items:center;background:#f8fafc;border:2px solid #edf2f7;border-radius:12px;cursor:pointer;display:flex;font-size:20px;gap:15px;margin-bottom:18px;padding:20px;transition:.25s}.option:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px)}.option input{transform:scale(1.3)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:40px}.next,.previous{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 35px}.previous{background:#64748b}.next{background:#2563eb}.previous:hover{background:#475569}.next:hover{background:#1d4ed8}.next:disabled,.previous:disabled{cursor:not-allowed;opacity:.5}.question-palette{background:#fff;border:1px solid #edf2f7;border-radius:18px;box-shadow:0 12px 30px #00000014;padding:22px}.question-palette h3{color:#2563eb;font-size:30px;margin-bottom:22px;text-align:center}.palette-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);justify-items:center}.palette-btn{align-items:center;aspect-ratio:1;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;max-width:42px;transition:.25s;width:100%}.palette-btn:hover{transform:scale(1.08)}.current{background:#2563eb;color:#fff}.answered{background:#22c55e;color:#fff}.unanswered{background:#e5e7eb;color:#111827}.palette-legend{margin-top:25px}.legend-item{align-items:center;display:flex;font-size:15px;margin-bottom:12px}.legend{border-radius:5px;height:18px;margin-right:10px;width:18px}.current-box{background:#2563eb}.answered-box{background:#22c55e}.unanswered-box{background:#d1d5db}.submit-btn{background:#16a34a;border:none;border-radius:12px;box-shadow:0 8px 20px #16a34a40;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:30px;padding:15px;transition:.3s;width:100%}.submit-btn:hover:not(:disabled){background:#15803d}.submit-btn:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;opacity:.8}.footer{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.3px;margin-top:25px;text-align:center}@media(max-width:1200px){.quiz-container{grid-template-columns:1fr}.student-panel{order:1}.question-section{order:2}.question-palette{order:3}}@media(max-width:768px){.quiz-page{padding:15px}.quiz-header{flex-direction:column;gap:18px;padding:20px;text-align:center}.quiz-header h2{font-size:28px}.question-card h2{font-size:24px}.option{font-size:16px;padding:16px}.palette-grid{grid-template-columns:repeat(5,1fr)}.navigation-buttons{flex-direction:column;gap:15px}.next,.previous{width:100%}.timer{font-size:20px;min-width:140px}.question-palette,.question-section,.student-panel{padding:20px}}@media(max-width:480px){.palette-grid{grid-template-columns:repeat(4,1fr)}.palette-btn{font-size:14px;max-width:40px}.question-palette,.question-section,.student-panel{padding:18px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.submit-modal{animation:popup .25s ease;background:#fff;border-radius:22px;box-shadow:0 25px 70px #00000040;max-width:90%;padding:35px;text-align:center;width:430px}.submit-modal h2{color:#2563eb;font-size:30px;margin-bottom:15px}.submit-modal p{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:28px}.modal-buttons{display:flex;gap:18px;justify-content:center}.modal-buttons button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:13px;transition:.25s;width:150px}.cancel-btn{background:#e5e7eb;color:#111827}.cancel-btn:hover{background:#d1d5db}.confirm-btn{background:#16a34a;color:#fff}.confirm-btn:hover{background:#15803d;transform:translateY(-2px)}@keyframes popup{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-page{align-items:center;background:#eef4ff;display:flex;justify-content:center;min-height:100vh;padding:20px}.result-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #0000001a;max-width:95%;padding:40px;text-align:center;width:550px}.result-card h1{color:#2563eb;margin-bottom:20px}.result-card h2{margin:20px 0}.result-card p{margin:10px 0}.result-card hr{margin:20px 0}.learning-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:25px}.learning-section h3{color:#2563eb;font-size:22px;margin-bottom:10px}.learning-section p{color:#555;font-size:15px;line-height:1.6;margin-bottom:20px}.resource-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.resource-card{align-items:center;background:#f8fbff;border:1px solid #dbeafe;border-radius:15px;display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:.3s;width:160px}.resource-card:hover{background:#fff;box-shadow:0 8px 20px #2563eb2e;transform:translateY(-5px)}.resource-card img{height:70px;margin-bottom:12px;object-fit:contain;width:70px}.resource-card span{color:#1d4ed8;font-size:16px;font-weight:600}@media(max-width:600px){.resource-links{align-items:center;flex-direction:column}.resource-card{width:220px}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:18px;box-shadow:0 15px 35px #00000040;padding:40px;text-align:center;width:380px}.login-logo{margin-bottom:20px;width:80px}.login-card h2{color:#2563eb;margin-bottom:10px}.login-card p{color:#666;margin-bottom:25px}.login-card input{border:1px solid #ddd;border-radius:10px;margin-bottom:18px;outline:none;padding:14px;width:100%}.login-card input:focus{border:1px solid #2563eb}.login-card button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;width:100%}.login-card button:hover{background:#1d4ed8}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}body{background:radial-gradient(circle at top left,#2563eb14,#0000 35%),radial-gradient(circle at bottom right,#3b82f60f,#0000 35%),#f1f5f9;color:#1e293b}.admin-page{min-height:100vh;padding:35px}.admin-page h1{color:#1d4ed8;font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:35px;text-align:center}.cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}.card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:18px;box-shadow:0 10px 25px #0f172a0f;overflow:hidden;padding:27px 20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:before{background:#2563eb0f;border-radius:50%;content:"";height:100px;position:absolute;right:-40px;top:-50px;width:100px}.card:hover{border-color:#93c5fd;box-shadow:0 18px 35px #2563eb1f;transform:translateY(-6px)}.card h2{color:#2563eb;font-size:40px;font-weight:800;margin-bottom:8px}.card h2,.card p{position:relative;z-index:1}.card p{color:#64748b;font-size:15px;font-weight:600}.toolbar{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 20px #0f172a0d;display:flex;gap:12px;margin-bottom:22px;padding:18px}.toolbar input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;flex:1 1;font-size:15px;min-width:260px;outline:none;padding:13px 15px;transition:.25s}.toolbar input::placeholder{color:#94a3b8}.toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.toolbar select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:15px;min-width:190px;outline:none;padding:13px 14px;transition:.25s}.toolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.toolbar button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 6px 15px #2563eb2e;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:13px 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.toolbar button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 9px 20px #2563eb40;transform:translateY(-2px)}.toolbar button:active{transform:translateY(0)}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 6px 15px #ef44442e!important}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 9px 20px #ef444440!important}table{background:#fff;border:1px solid #e2e8f0;border-collapse:initial;border-radius:18px;border-spacing:0;box-shadow:0 10px 25px #0f172a0f;overflow:hidden;width:100%}thead{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}th{font-weight:700;padding:16px 15px;text-align:left}td,th{font-size:14px;white-space:nowrap}td{border-bottom:1px solid #eef2f7;color:#334155;padding:14px 15px}tbody tr{background:#fff;transition:background .2s ease}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:none}td:nth-child(3){color:#2563eb;font-weight:600}td:nth-child(7){color:#1e293b;font-weight:700}.badge{align-items:center;border-radius:30px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-width:65px;padding:6px 12px}.excellent{background:linear-gradient(135deg,#22c55e,#16a34a)}.good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.average{background:linear-gradient(135deg,#f59e0b,#d97706)}.poor{background:linear-gradient(135deg,#ef4444,#dc2626)}tbody td[colspan]{background:#fff;color:#64748b;font-size:15px}@media (max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%;width:100%}.toolbar button,.toolbar select{flex:1 1}}@media (max-width:700px){.admin-page{padding:18px 12px}.admin-page h1{font-size:27px;line-height:1.3;margin-bottom:25px}.cards{gap:15px;grid-template-columns:1fr}.card{padding:23px}.card h2{font-size:34px}.toolbar{align-items:stretch;flex-direction:column;padding:15px}.toolbar button,.toolbar input,.toolbar select{flex:none;min-width:0;width:100%}table{border-radius:14px;display:block;overflow-x:auto;white-space:nowrap}td,th{font-size:13px;padding:13px}}@media (max-width:420px){.admin-page{padding:12px 8px}.admin-page h1{font-size:23px}.card h2{font-size:30px}.toolbar{border-radius:12px}}
/*# sourceMappingURL=main.0ac3d07c.css.map*/