/* assets/css/app.css — layout & responsive */
body { background-color: #f7f7f9; }
.sidebar { width: 260px; min-height: 100vh; background: #fff; position: sticky; top: 0; }
.sidebar .nav-link { padding: .65rem 1rem; color: #333; }
.sidebar .nav-link:hover { background: #f1f1f4; }
.topbar { background: #fff; height: 56px; }
.stat .stat-title { font-size: .9rem; color: #6c757d; }
.stat .stat-value { font-size: 1.6rem; font-weight: 700; }
.avatar { width: 28px; height: 28px; background:#6c5ce7; font-weight:700; font-size:.8rem; }

/* Mobile sidebar overlay */
@media (max-width: 768px){
  .sidebar { position: fixed; left: -280px; z-index: 1040; box-shadow: 0 0 1rem rgba(0,0,0,.1); height: 100vh; }
  .sidebar.show{ left:0; transition:left .2s ease; }
  .sidebar-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.35); display:none; z-index:1035; }
  .sidebar-backdrop.show{ display:block; }
}