body { background:#f4f6f9; font-family:'Segoe UI',sans-serif; }
.top-navbar { background:#fff; height:60px; box-shadow:0 1px 3px rgba(0,0,0,.08); position:sticky; top:0; z-index:1030; }
.sidebar { width:240px; min-height:calc(100vh - 60px); background:#14213d; padding-top:10px; flex-shrink:0; }
.sidebar .nav-link { color:#c3c9d4; padding:10px 16px; border-radius:6px; margin:2px 8px; font-size:14.5px; }
.sidebar .nav-link i { margin-right:10px; width:18px; display:inline-block; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background:#fca311; color:#14213d; font-weight:600; }
.main-content { min-height:calc(100vh - 60px); width:100%; }
.card { border:none; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.stat-card h3 { font-weight:700; margin-bottom:0; }
.stat-icon { width:50px; height:50px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; }
.badge-status { font-size:12px; padding:5px 10px; border-radius:20px; }
.table thead th { font-size:13px; text-transform:uppercase; color:#6c757d; border-bottom:2px solid #eee; }
.auth-wrapper { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#fca311,#14213d); }
.auth-card { max-width:440px; width:100%; border-radius:16px; }
@media (max-width:991px){
  .sidebar { position:fixed; left:-240px; top:60px; transition:.3s; z-index:1020; }
  .sidebar.show { left:0; }
}