*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182230;font-family:Tahoma,Arial,sans-serif}.topbar{background:#101828;color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:5}.brand{font-size:24px;font-weight:800}.brand span{font-size:14px;font-weight:500;margin-right:8px;opacity:.8}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;padding:8px 11px;border-radius:8px}.topbar a:hover{background:#263246}.container{max-width:1120px;margin:28px auto;padding:0 16px}.card{background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(16,24,40,.06);margin-bottom:18px}.hero{text-align:center;padding:42px 24px}.hero h1{font-size:38px;margin:0 0 10px}.muted{color:#667085}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{padding:20px;border:1px solid #e4e9f0;border-radius:14px;background:#fff}.stat b{font-size:30px;display:block;margin-top:5px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:11px;font-size:16px;background:#fff}.field textarea{min-height:100px;resize:vertical}.btn{display:inline-block;border:0;border-radius:11px;padding:12px 18px;background:#1769e0;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:#475467}.btn.danger{background:#d92d20}.btn.success{background:#039855}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #eaecf0;text-align:right;white-space:nowrap}.table th{background:#f8fafc}.alert{padding:13px;border-radius:10px;background:#fff4e5;color:#8a4b08;margin-bottom:15px}.successbox{padding:30px;text-align:center}.exam-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:68px;background:#f4f7fb;padding:10px 0;z-index:4}.timer{font-size:22px;font-weight:800;background:#101828;color:#fff;padding:10px 16px;border-radius:12px}.question{margin-bottom:18px}.choice{display:block;border:1px solid #d0d5dd;border-radius:12px;padding:12px;margin:8px 0;cursor:pointer}.choice:hover{background:#f8fafc}.choice input{margin-left:8px}.login{max-width:460px;margin:70px auto}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#175cd3;font-size:12px}.pagination{display:flex;gap:6px;margin-top:15px}footer{text-align:center;color:#667085;padding:30px}.small{font-size:13px}.center{text-align:center}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.hero h1{font-size:30px}.container{margin-top:18px}.exam-head{top:0}.timer{font-size:18px;padding:8px 12px}}