:root{
  --azl-primary:#0d6efd;
  --azl-dark:#0d1b2a;
}
body{ background:#f4f6f9; font-family:'Segoe UI',sans-serif; }
.navbar-azl{ background:linear-gradient(90deg,#0d1b2a,#0d47a1); }
.navbar-azl .navbar-brand{ color:#fff; font-weight:800; letter-spacing:.5px; }
.sidebar{ min-height:100vh; background:#0d1b2a; }
.sidebar a{ color:#c9d6e3; display:block; padding:.7rem 1.2rem; text-decoration:none; border-left:3px solid transparent; }
.sidebar a:hover, .sidebar a.active{ background:#132a44; color:#fff; border-left:3px solid var(--azl-primary); }
.sidebar .brand{ color:#fff; font-weight:800; padding:1.2rem; font-size:1.2rem; border-bottom:1px solid #1e3a5f; }
.card-stat{ border:none; border-radius:14px; color:#fff; box-shadow:0 6px 20px rgba(0,0,0,.08); }
.bg-grad-blue{ background:linear-gradient(135deg,#0d6efd,#0dcaf0); }
.bg-grad-green{ background:linear-gradient(135deg,#198754,#20c997); }
.bg-grad-orange{ background:linear-gradient(135deg,#fd7e14,#ffc107); }
.bg-grad-purple{ background:linear-gradient(135deg,#6f42c1,#d63384); }
.card{ border:none; border-radius:14px; box-shadow:0 2px 14px rgba(0,0,0,.06); }
.login-box{ max-width:420px; margin:6vh auto; }
.pdf-frame{ width:100%; height:70vh; border:1px solid #dee2e6; border-radius:10px; background:#fff; }
.soal-nav-btn{ width:42px; height:42px; }
.soal-nav-btn.terjawab{ background:#198754 !important; color:#fff !important; border-color:#198754 !important; }
.soal-nav-btn.ragu{ background:#ffc107 !important; color:#000 !important; border-color:#ffc107 !important; }
.timer-box{ font-variant-numeric:tabular-nums; font-weight:700; font-size:1.1rem; }
.kartu-peserta{ width:520px; border:2px solid #0d1b2a; border-radius:12px; overflow:hidden; }
.kartu-peserta .head{ background:linear-gradient(90deg,#0d1b2a,#0d47a1); color:#fff; padding:14px 18px; }
@media print{
  .no-print{ display:none !important; }
  body{ background:#fff; }
}