*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4fbfc;color:#17333a}aside{position:fixed;width:230px;height:100vh;background:#073b4c;color:#fff;padding:24px 16px}.brand{font-size:27px;font-weight:800;letter-spacing:2px;color:#6fe7dd}.brand small{display:block;font-size:10px;letter-spacing:.4px;color:#cfeff2;margin-top:5px}.brand.big{text-align:center;color:#087f8c;margin-bottom:24px}nav{margin-top:28px;display:grid;gap:5px}nav a{color:#d7f3f4;text-decoration:none;padding:10px 12px;border-radius:9px}nav a:hover,nav a.active{background:#0e7490;color:#fff}main{margin-left:230px;padding:28px}main.full{margin-left:0;max-width:1150px;margin:auto}.top,header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:26px}h2{font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:#fff;border:1px solid #d9eef0;border-radius:15px;padding:20px;box-shadow:0 8px 24px #0a59640d}.cards b{font-size:30px;color:#087f8c}.cards span{display:block;color:#617b80;margin-top:6px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}button{border:0;background:#0e8f93;color:#fff;border-radius:9px;padding:11px 16px;cursor:pointer}input,select{width:100%;padding:11px 12px;border:1px solid #cde4e7;border-radius:9px;background:#fff}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eafafa,#dff4fb)}.authbox{width:min(430px,92vw);background:#fff;padding:34px;border-radius:18px;box-shadow:0 18px 55px #0a596422;display:grid;gap:13px}.authbox hr{width:100%;border:0;border-top:1px solid #e3eeee}.error{background:#fff1f2;color:#9f1239;padding:10px;border-radius:8px}.success{background:#ecfdf5;color:#065f46;padding:10px;border-radius:8px;margin-bottom:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e6eff0}th{color:#087f8c}@media(max-width:850px){aside{position:relative;width:100%;height:auto}main{margin-left:0}.cards,.grid,.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.grid,.formgrid{grid-template-columns:1fr}}
textarea{width:100%;min-height:90px;padding:11px 12px;border:1px solid #cde4e7;border-radius:9px;background:#fff;font:inherit}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.toolbar a,.btn{display:inline-block;text-decoration:none;background:#0e8f93;color:white;padding:10px 14px;border-radius:9px}.muted{color:#617b80}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#e5f7f7;color:#087f8c;font-size:12px}.stack{display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.statbar{height:10px;background:#e5eff0;border-radius:99px;overflow:hidden}.statbar i{display:block;height:100%;background:#0e8f93}.question{padding:16px;border:1px solid #d9eef0;border-radius:12px;margin-bottom:14px;background:#fff}.question label{display:block;padding:7px 0}@media(max-width:700px){.two{grid-template-columns:1fr}}
.exam-shell{display:grid;grid-template-columns:1fr 250px;gap:18px}.exam-side{position:sticky;top:18px;align-self:start}.timer{font-size:28px;font-weight:800;color:#087f8c}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.palette button{padding:8px 0;background:#e5f7f7;color:#087f8c;border:1px solid #c7e9e9}.palette button.answered{background:#0e8f93;color:white}.palette button.current{outline:2px solid #073b4c}.exam-q{display:none}.exam-q.active{display:block}.result-pass{color:#047857}.result-fail{color:#b91c1c}.print-only{display:none}@media print{aside,.no-print{display:none!important}main{margin:0!important;padding:0}.panel,.cards article{box-shadow:none}.print-only{display:block}}@media(max-width:900px){.exam-shell{grid-template-columns:1fr}.exam-side{position:static}}