*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f9;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.quiz-topbar{align-items:center;background:#1e293b;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.875rem;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:100}.topbar-welcome{color:#ffffffd9}.topbar-actions{align-items:center;display:flex;gap:12px}.topbar-link{border-radius:4px;color:#93c5fd;font-weight:600;padding:4px 8px;text-decoration:none;transition:background .15s}.topbar-link:hover,.topbar-logout{background:#ffffff1a}.topbar-logout{border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 12px;transition:background .15s}.topbar-logout:hover{background:#fff3}.quiz-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 44px);padding:24px 16px}.quiz-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:680px;padding:40px;width:100%}.error-card,.loading-card,.results-card,.start-card{text-align:center}h1{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:8px}.subtitle{color:#64748b;font-size:1rem;margin-bottom:24px}.question-bank-info{color:#94a3b8;font-size:.875rem;margin-bottom:28px}.count-selector{margin-bottom:32px}.count-selector label{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:10px}.count-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.count-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .15s}.count-btn:hover{border-color:#93c5fd;color:#2563eb}.count-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger-solid{background:#dc2626;color:#fff}.btn-danger-solid:hover:not(:disabled){background:#b91c1c}.btn-large{font-size:1rem;padding:14px 32px}.quiz-header{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:12px}.progress-label{color:#64748b;font-weight:600}.question-ref{color:#cbd5e1;font-size:.8rem}.score-label{color:#2563eb;font-weight:700}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:28px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:3px;height:100%;transition:width .3s ease}.question-text{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:24px}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:14px;padding:14px 18px;text-align:left;transition:all .15s;width:100%}.option-btn:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.option-btn:disabled{cursor:default;opacity:.75}.option-letter{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.feedback-section{margin-bottom:24px}.answer-feedback{border-radius:8px;font-size:1rem;font-weight:700;margin-bottom:14px;padding:12px 16px}.answer-feedback.correct{background:#dcfce7;color:#166534}.answer-feedback.incorrect{background:#fee2e2;color:#991b1b}.answer-details{margin-bottom:16px}.answer-details p{font-size:.9rem;margin-bottom:4px}.correct-text{color:#16a34a;font-weight:600}.incorrect-text{color:#dc2626;font-weight:600;text-decoration:line-through}.explanation-box{background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;color:#334155;font-size:.875rem;padding:14px 16px;white-space:pre-line}.explanation-box strong{color:#1e293b}.explanation-box p{margin-top:6px}.result-badge{border-radius:24px;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding:8px 24px}.result-badge.passed{background:#dcfce7;color:#166534}.result-badge.failed{background:#fee2e2;color:#991b1b}.score-display{color:#1e293b;font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:8px}.score-divider{color:#cbd5e1;font-weight:300;margin:0 6px}.score-total{color:#94a3b8}.score-percentage{color:#2563eb;font-size:1.5rem;font-weight:700;margin-bottom:8px}.score-message{color:#64748b;margin-bottom:28px}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#dc2626;margin-bottom:16px}.auth-form{margin-top:8px;width:100%}.form-group{margin-bottom:16px;text-align:left}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:10px 14px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-banner{background:#fee2e2;color:#991b1b;margin-bottom:16px;text-align:left}.error-banner,.success-banner{border-radius:8px;font-size:.875rem;padding:10px 14px}.success-banner{background:#dcfce7;color:#166534}.admin-layout{background:#f1f5f9;display:flex;min-height:100vh}.admin-sidebar{background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;min-width:240px;overflow-y:auto;position:fixed;top:0;width:240px}.admin-logo{align-items:center;border-bottom:1px solid #ffffff14;color:#fff;display:flex;font-size:1.1rem;font-weight:800;gap:10px;letter-spacing:-.02em;padding:20px}.admin-logo-badge{background:#2563eb;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.03em;padding:2px 7px;text-transform:uppercase}.admin-nav{flex:1 1;padding:12px 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#ffffff8c;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:10px;padding:11px 20px;text-align:left;transition:all .15s;width:100%}.nav-item:hover{background:#ffffff0d;color:#ffffffe6}.nav-item.active{background:#2563eb26;border-left-color:#2563eb;color:#fff}.admin-user{border-top:1px solid #ffffff14;padding:16px 20px}.admin-user-name{color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:2px}.btn-logout-sidebar,.btn-quiz-sidebar{border:none;border-radius:6px;cursor:pointer;display:block;font-family:inherit;font-size:.8rem;font-weight:600;margin-top:8px;padding:7px 12px;text-align:center;transition:background .15s;width:100%}.btn-logout-sidebar{background:#ffffff14;color:#ffffffb3}.btn-logout-sidebar:hover{background:#ffffff26}.btn-quiz-sidebar{background:#0000;color:#fff6}.btn-quiz-sidebar:hover{color:#ffffffb3}.admin-main{flex:1 1;margin-left:240px;max-width:calc(100vw - 240px);padding:36px 40px}.admin-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.admin-section-title{color:#0f172a;font-size:1.5rem;font-weight:700}.admin-section-sub{color:#94a3b8;font-size:.875rem;margin-top:2px}.admin-search-bar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.admin-search-bar input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:inherit;font-size:.875rem;max-width:360px;padding:9px 14px;transition:border-color .15s}.admin-search-bar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-count{color:#94a3b8;font-size:.8rem}.admin-loading{color:#94a3b8;padding:48px;text-align:center}.admin-table-wrap{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.q-text{color:#1e293b;font-weight:500;line-height:1.4}.q-explanation-preview{color:#94a3b8;font-size:.8rem;margin-top:3px}.correct-answer-badge{background:#eff6ff;border-radius:6px;color:#1d4ed8;display:inline-block;font-size:.8rem;font-weight:500;max-width:220px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.action-btns{display:flex;flex-wrap:wrap;gap:6px}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .15s;white-space:nowrap}.btn-edit{background:#dbeafe;color:#1d4ed8}.btn-edit:hover{background:#bfdbfe}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fecaca}.btn-success{background:#dcfce7;color:#166534}.btn-success:hover{background:#bbf7d0}.btn-warning{background:#fef9c3;color:#854d0e}.btn-warning:hover{background:#fef08a}.badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.badge-admin{background:#dbeafe;color:#1d4ed8}.badge-student{background:#f1f5f9;color:#475569}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#f1f5f9;color:#94a3b8}.badge-pending{background:#fef9c3;color:#854d0e}.badge-pass{background:#dcfce7;color:#166534}.badge-fail{background:#fee2e2;color:#991b1b}.stats-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;flex:1 1;min-width:120px;padding:20px 24px}.stat-value{color:#0f172a;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:#94a3b8;font-size:.8rem;margin-top:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000040;max-height:90vh;max-width:640px;overflow-y:auto;padding:28px 32px;width:100%}.modal-title{color:#0f172a;font-size:1.2rem;font-weight:700;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.form-section-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:10px}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.correct-indicator{color:#16a34a;margin-left:4px}.invite-section{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;margin-bottom:24px;padding:24px}.invite-title{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:14px}.invite-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.invite-form-row .form-group input{margin-bottom:0}.invite-result{background:#f0fdf4;border-radius:8px;color:#166534;font-size:.875rem;margin-top:12px;padding:12px 14px}.invite-link-box{background:#e0f2fe;border-radius:6px;color:#0369a1;font-family:monospace;font-size:.78rem;margin-top:4px;padding:6px 10px;word-break:break-all}@media (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0;max-width:100%;padding:20px 16px}.admin-layout{flex-direction:column}.options-grid{grid-template-columns:1fr}.invite-form-row,.stats-bar{flex-direction:column}.quiz-card{padding:24px 20px}}
/*# sourceMappingURL=main.dcdd9e67.css.map*/