body { background: #f5f7fb; }
#wrapper { min-height: 100vh; }
.sidebar { width: 260px; min-height: 100vh; }
.sidebar .nav-link { border-radius: 10px; padding: 10px 12px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: rgba(255,255,255,.12); }
.card-stat { border: none; border-radius: 18px; box-shadow: 0 6px 20px rgba(18,38,63,.06); }
.table-wrap, .form-card { background: #fff; border-radius: 18px; box-shadow: 0 6px 20px rgba(18,38,63,.06); }
.table thead th { white-space: nowrap; }
.row-partial { background: #fff4d6 !important; }
.row-pending { background: #ffe3e3 !important; }
.row-paid { background: #d3f9d8 !important; }
.login-page { min-height: 100vh; background: linear-gradient(135deg, #0d6efd, #6f42c1); }
.login-card { width: 100%; max-width: 420px; border-radius: 22px; }
.small-muted { font-size: 12px; color: #6c757d; }