:root{
  --primary:#0b5ed7;
  --muted:#6b7280;
  --card:#ffffff;
  --surface:#f3f4f6;
}
body{font-family:Inter,system-ui,Arial;background:var(--surface);margin:0;color:#111}
.nav-dapodik{padding:12px 0}
.nav-dapodik .brand{font-weight:700;color:#fff}
.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{width:100%;max-width:420px;padding:18px}
.sidebar{min-height:80vh;border-right:1px solid #eef2f6}
.sidebar .nav-link{color:#333;padding:6px 0}
.table img{width:48px;height:48px;object-fit:cover;border-radius:6px}
.bg-surface{background:var(--surface)}
/* small screens tweaks */
@media (max-width:991px){
  aside.sidebar{display:none}
  aside.sidebar.open{display:block;position:absolute;z-index:30;left:0;top:56px;width:220px}
}