*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#172033;font-family:Arial,sans-serif}header{background:#0f172a;color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700}main{max-width:1250px;margin:25px auto;padding:15px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:#fff;padding:22px;border-radius:14px;box-shadow:0 4px 16px #0001;margin-bottom:18px}.narrow{max-width:500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0 12px}textarea{min-height:90px}.btn{display:inline-block;background:#2563eb;color:#fff;border:0;padding:10px 16px;border-radius:8px;text-decoration:none;cursor:pointer}.gray{background:#64748b}.green{background:#16a34a}.red{background:#dc2626}.orange{background:#ea580c}.alert{padding:12px;background:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:15px}.stat{font-size:34px;font-weight:700}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.small{font-size:13px;color:#64748b}.exam-layout{display:grid;grid-template-columns:1fr 270px;gap:18px}.navigator{position:sticky;top:10px;height:max-content}.qgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.qnum{padding:9px;text-align:center;border-radius:7px;background:#e2e8f0;color:#172033;border:0;cursor:pointer}.qnum.current{outline:3px solid #2563eb}.qnum.answered{background:#bbf7d0}.timer{color:#dc2626;font-size:22px;font-weight:700}.examtop{display:flex;justify-content:space-between;align-items:center}.question-card{min-height:420px}.option{display:block;background:#f8fafc;padding:14px;border-radius:8px;margin:10px 0;border:1px solid #e2e8f0;cursor:pointer}.option input{width:auto;margin:0 8px 0 0}.nav-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#e2e8f0;margin:3px}.result{text-align:center}.big{font-size:42px;font-weight:700}details{border:1px solid #e2e8f0;border-radius:10px;padding:10px;margin:10px 0}summary{cursor:pointer;font-weight:700}@media(max-width:800px){.exam-layout{grid-template-columns:1fr}.navigator{position:static}.question-card{min-height:300px}}
/* V4 exam UI improvements */
.option{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:14px 16px;margin:12px 0;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;cursor:pointer}
.option:hover{background:#f1f5f9}
.option input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;margin:0;border:2px solid #94a3b8;border-radius:50%;background:#fff;position:relative;flex:0 0 20px}
.option input[type=radio]:checked{border-color:#2563eb;background:#fff}
.option input[type=radio]:checked::after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#2563eb}
.nav-buttons{display:flex;align-items:center;justify-content:flex-start;gap:28px;margin-top:34px;padding-top:20px;border-top:1px solid #e2e8f0}
.nav-buttons .btn{min-width:145px;text-align:center}
.nav-buttons #prev{margin-right:10px}
.nav-buttons #next{margin-left:10px}
.nav-buttons #submit{margin-left:10px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.question-card h3{line-height:1.55;margin-bottom:22px}

.answer-type{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 15px}.answer-type label,.correct-options label{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.answer-type input,.correct-options input{width:auto;margin:0}.correct-options{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 15px}.qthumb{width:70px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #cbd5e1}
.option{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;padding:15px;border-radius:8px;margin:12px 0;border:1px solid #e2e8f0;cursor:pointer;line-height:1.5}.option input{flex:0 0 auto;width:auto;margin:3px 0 0}.question-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:10px;border:1px solid #e2e8f0;margin:12px 0}.multi-note{padding:9px 12px;background:#eff6ff;border-radius:8px;color:#1e40af;margin-bottom:12px}.nav-buttons{display:flex;justify-content:flex-start;align-items:center;gap:28px;margin-top:30px;padding-top:18px;border-top:1px solid #e2e8f0}.nav-buttons .btn{min-width:145px;text-align:center}

.answer-type{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 15px}.answer-type label,.correct-options label{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.answer-type input,.correct-options input{width:auto;margin:0}.correct-options{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 15px}.qthumb{width:70px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #cbd5e1}
.option{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;padding:15px;border-radius:8px;margin:12px 0;border:1px solid #e2e8f0;cursor:pointer;line-height:1.5}.option input{flex:0 0 auto;width:auto;margin:3px 0 0}.question-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:10px;border:1px solid #e2e8f0;margin:12px 0}.multi-note{padding:9px 12px;background:#eff6ff;border-radius:8px;color:#1e40af;margin-bottom:12px}.nav-buttons{display:flex;justify-content:flex-start;align-items:center;gap:28px;margin-top:30px;padding-top:18px;border-top:1px solid #e2e8f0}.nav-buttons .btn{min-width:145px;text-align:center}

.answer-type{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 15px}.answer-type label,.correct-options label{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.answer-type input,.correct-options input{width:auto;margin:0}.correct-options{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 15px}.qthumb{width:70px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #cbd5e1}
.option{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;padding:15px;border-radius:8px;margin:12px 0;border:1px solid #e2e8f0;cursor:pointer;line-height:1.5}.option input{flex:0 0 auto;width:auto;margin:3px 0 0}.question-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:10px;border:1px solid #e2e8f0;margin:12px 0}.multi-note{padding:9px 12px;background:#eff6ff;border-radius:8px;color:#1e40af;margin-bottom:12px}.nav-buttons{display:flex;justify-content:flex-start;align-items:center;gap:28px;margin-top:30px;padding-top:18px;border-top:1px solid #e2e8f0}.nav-buttons .btn{min-width:145px;text-align:center}

/* V7 Secure Exam Mode */
.exam-page{min-height:100vh}.exam-page:fullscreen{background:#f1f5f9;overflow:auto}.security-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.96);display:flex;align-items:center;justify-content:center;padding:20px}.security-box{max-width:520px;background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 20px 60px #0006}.security-box h2{margin-top:0}.security-box .btn{min-width:220px;padding:13px 18px}.exam-page .question-card{user-select:none}.exam-page .option{user-select:none}.security-overlay p{line-height:1.6}.