:root {
  --primary: #0B5ED7;
  --secondary: #00B894;
  --accent: #FFC107;
  --sidebar-w: 240px;
}

body { background: #F4F6F9; font-family: 'Segoe UI', system-ui, sans-serif; }

/* ---- Auth ---- */
.auth-body { min-height: 100vh; background: linear-gradient(135deg, var(--primary), #063a8f); }
.auth-logo { width: 56px; height: 56px; font-size: 28px; display:flex; align-items:center; justify-content:center; }

/* ---- App shell ---- */
.app-wrapper { display: flex; min-height: 100vh; }

.sidebar {
  width: var(--sidebar-w);
  background: #101828;
  color: #cbd5e1;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  transition: transform .2s ease;
  z-index: 1000;
}
.sidebar-brand { padding: 18px 16px; font-weight: 700; font-size: 1.1rem; color: #fff; display:flex; gap:8px; align-items:center; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar-nav { padding: 8px; display:flex; flex-direction:column; gap:2px; }
.sidebar-nav .nav-link { color: #cbd5e1; padding: 10px 12px; border-radius: 8px; font-size: .92rem; display:flex; gap:10px; align-items:center; }
.sidebar-nav .nav-link:hover { background: rgba(255,255,255,.06); color: #fff; }
.sidebar-nav .nav-link.active { background: var(--primary); color: #fff; }

.main-content { flex-grow: 1; min-width: 0; display:flex; flex-direction:column; }
.topbar { background: #fff; padding: 10px 20px; display:flex; align-items:center; gap:14px; border-bottom: 1px solid #e5e7eb; position: sticky; top:0; z-index: 900; }
.page-content { padding: 20px; flex-grow: 1; }

@media (max-width: 991.98px) {
  .sidebar { position: fixed; left:0; transform: translateX(-100%); }
  .sidebar.show { transform: translateX(0); }
}

/* ---- Cards / widgets ---- */
.stat-card { background:#fff; border-radius: 12px; padding: 18px; border: 1px solid #eef0f3; }
.stat-card .stat-value { font-size: 1.6rem; font-weight: 700; }
.stat-card .stat-label { color:#6b7280; font-size:.85rem; }
.stat-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:#fff; }

.card { border-radius: 12px; border: 1px solid #eef0f3; }

/* ---- Receipt print ---- */
@media print {
  .no-print { display:none !important; }
  body { background: #fff; }
  .receipt-box { box-shadow:none !important; border:none !important; }
}
.receipt-box { max-width: 720px; margin: 0 auto; background:#fff; padding: 28px; border:1px solid #ddd; border-radius:8px; }
.receipt-box table td, .receipt-box table th { padding: 6px 8px; }

.badge-status-paid { background:#d1fae5; color:#065f46; }
.badge-status-partial { background:#fef3c7; color:#92400e; }
.badge-status-pending { background:#fee2e2; color:#991b1b; }