*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:#17233c;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.top{background:linear-gradient(135deg,#0752a5,#06468f);color:#fff;padding:17px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:800}.tag{opacity:.9}.user{display:flex;align-items:center;gap:10px}.role{background:#ffffff20;padding:5px 8px;border-radius:12px;font-size:12px}.wrap{max-width:1250px;margin:24px auto;padding:0 18px}.card{background:#fff;border:1px solid #e3ebf4;border-radius:16px;padding:20px;box-shadow:0 5px 20px #173c6410}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.btn{display:inline-block;border:0;border-radius:9px;background:#075bbb;color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}.btn.light{background:#ffffff18;border:1px solid #ffffff60}.btn.alt{background:#edf5ff;color:#075bbb}.btn.green{background:#18b65b}.btn.red{background:#ed3154}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tabs a{padding:10px 13px;background:#eaf2fb;border-radius:9px}.tabs a.active{background:#075bbb;color:#fff}.flash{background:#eaf8ef;color:#08733b;padding:12px;border-radius:10px;margin-bottom:16px}.flash.error{background:#fff0f2;color:#b42342}label{display:block;font-weight:650;margin-bottom:12px}input,select,textarea{width:100%;padding:11px;border:1px solid #d5dfeb;border-radius:9px;margin-top:6px;background:#fff}textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:14px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#edf5ff;color:#075bbb;font-size:12px}.stat{font-size:28px;font-weight:800}.muted{color:#667085}.login{max-width:430px;margin:70px auto}.center{text-align:center}.exam-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.qhead{background:linear-gradient(135deg,#075bbb,#006ad8);color:#fff;padding:18px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between}.qbody{background:#fff;padding:24px;border-radius:0 0 16px 16px}.option{display:flex;gap:10px;align-items:center;border:1px solid #d7e1ed;border-radius:11px;padding:14px;margin:10px 0}.option.selected{border-color:#1877e8;background:#edf6ff}.option input{width:auto;margin:0}.timer{background:linear-gradient(135deg,#f02f55,#f51e4e);color:#fff;padding:20px;border-radius:16px;text-align:center}.timer strong{font-size:34px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.p{border:0;border-radius:8px;padding:10px;background:#edf1f7}.p.answered{background:#18b65b;color:#fff}.p.review{background:#f6c51c}.p.current{background:#075bbb;color:#fff}.notice{background:#eef6ff;color:#075bbb;border-radius:9px;padding:12px;margin-top:14px}.actions{display:flex;gap:8px;justify-content:space-between;margin-top:18px}@media(max-width:850px){.top{padding:14px}.brand{font-size:21px}.user{font-size:12px}.grid,.grid3,.exam-grid,.row{grid-template-columns:1fr}}