body { background:#f4f6f9; font-family: 'Segoe UI', Arial, sans-serif; }

.login-bg { min-height:100vh; background: linear-gradient(135deg,#0d6efd,#0a58ca); }
.login-card { width:100%; max-width:400px; border:none; border-radius:14px; }

.sidebar {
  width:250px; min-width:250px; background:#fff; min-height: calc(100vh - 56px);
  border-right:1px solid #e5e7eb; overflow-y:auto;
}
.sidebar .nav-link { color:#333; border-radius:8px; margin-bottom:2px; font-size:.9rem; }
.sidebar .nav-link.active { background:#0d6efd; color:#fff; }
.sidebar .nav-link:hover:not(.active) { background:#f1f3f5; }

.content-wrapper { min-height: calc(100vh - 56px); }

.card-stat { border:none; border-radius:14px; color:#fff; }
.card-stat .stat-icon { font-size:2rem; opacity:.85; }

.table thead { background:#f1f3f5; }

@media (max-width: 991px) {
  .sidebar { position:fixed; z-index:1050; left:-260px; transition:left .25s ease; top:56px; }
  .sidebar.show { left:0; }
}

/* ===== Cetak Kwitansi / Nota / Surat Tugas ===== */
.print-area {
  background:#fff; max-width:800px; margin:0 auto; padding:30px;
  border:1px solid #ddd; border-radius:6px;
}
.kop-surat { border-bottom:3px double #333; padding-bottom:10px; margin-bottom:20px; }
.kwitansi-box { border:2px solid #333; padding:20px; }
.ttd-box { width:220px; text-align:center; }

@media print {
  .no-print { display:none !important; }
  body { background:#fff; }
  .print-area { border:none; box-shadow:none; padding:0; max-width:100%; }
  .content-wrapper, main { padding:0 !important; margin:0 !important; width:100% !important; }
}