:root{--primary:#0d6efd;--bg:#f4f6f9;--sidebar:#0b5ed7}html,body{min-height:100%;background:var(--bg)}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#212529}.sidebar{background:linear-gradient(180deg,#0d6efd,#084298);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.18)}.school-logo{display:block;object-fit:contain;background:transparent;padding:0;border-radius:0}.auth-logo{width:150px;height:150px;max-width:150px;max-height:150px;object-fit:contain;margin:0 auto 18px auto;background:transparent;padding:0;border-radius:0;filter:none}.sidebar-logo{width:88px;height:88px;max-width:88px;max-height:88px;object-fit:contain;margin-inline:auto;background:transparent;padding:0;border-radius:0;filter:none}.sidebar-menu a{display:flex;gap:.7rem;align-items:center;color:#fff;text-decoration:none;padding:.7rem .85rem;border-radius:.65rem;margin-bottom:.2rem}.sidebar-menu a:hover,.sidebar-menu a.active{background:rgba(255,255,255,.18)}.menu-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.65);margin:1.1rem .8rem .45rem}.topbar{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:100}.content-wrapper{min-height:calc(100vh - 135px)}.card{border:0;border-radius:1rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.06)}.stat-card .icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:#e7f1ff;color:#0d6efd}.table-responsive{border-radius:.75rem}.table thead th{white-space:nowrap}.form-label{font-weight:600}.question-card{border-left:4px solid #0d6efd}.question-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0d6efd;color:#fff;font-weight:700;flex:none}.answer-option{display:block;border:1px solid #dee2e6;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:.55rem;cursor:pointer}.answer-option:hover,.answer-option:has(input:checked){background:#e7f1ff;border-color:#86b7fe}.exam-timer{font-variant-numeric:tabular-nums;font-weight:700}.type-badge{font-size:.72rem}.security-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.security-overlay .panel{max-width:560px;width:100%;background:#fff;border-radius:1rem;padding:2rem;text-align:center}.monitor-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#198754}.monitor-dot.offline{background:#dc3545}.sticky-exam-header{position:sticky;top:74px;z-index:90}.pair-row{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:.75rem;align-items:center}.autosave-indicator{font-size:.85rem}.locked-card{border:2px solid #dc3545}@media(max-width:767.98px){.content-wrapper{min-height:auto}.card{border-radius:.85rem}.table{font-size:.9rem}.pair-row{grid-template-columns:1fr}.pair-arrow{display:none}.sticky-exam-header{top:68px}}@media print{.sidebar,.topbar,.navbar,footer,.btn,.no-print{display:none!important}main{width:100%!important}.content-wrapper{padding:0!important}.card{box-shadow:none;border:1px solid #ddd}}

/* Dokumen sekolah: ukuran Legal/Folio 21,5 x 32,0 cm */
@media print {
  @page { size: 21.5cm 32cm; margin: 1.2cm; }
  .sidebar, .topbar, .no-print, .btn, form .collapse { display: none !important; }
  .main-content { margin: 0 !important; padding: 0 !important; }
  .card { box-shadow: none !important; border: 1px solid #bbb !important; break-inside: avoid; }
  body { background: #fff !important; font-size: 10pt; }
}
.login-footer{line-height:1.45}.login-footer>div{white-space:normal}