body { background: #f4f6f9; }
.app-wrapper { min-height: 100vh; }
.sidebar { width: 290px; min-height: 100vh; }
.sidebar .nav-link { border-radius: 8px; margin-bottom: 4px; }
.sidebar .nav-link:hover { background: rgba(255,255,255,0.08); }
.main-content { padding: 0; }
.topbar { background: #fff; border-bottom: 1px solid #e7e7e7; }
.page-wrapper { padding: 24px; }
.stat-card { border: none; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); }
.avatar-sm { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.login-page { min-height: 100vh; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg, #0d6efd, #6f42c1); }
.login-card { width: 100%; max-width: 420px; border: none; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.18); }
.table-card { border-radius: 16px; }