body { background:#f6f8fb; }
    .layout {
      display:grid;
      grid-template-columns: 260px 1fr;
      min-height: 100vh;
    }
    .sidebar {
      background:#0f172a; /* slate-900 */
      color:#e2e8f0;
      padding:1rem;
      position:sticky; top:0; height:100vh; overflow-y:auto;
    }
    .brand { display:flex; align-items:center; gap:.6rem; padding:.5rem .5rem 1rem; }
    .brand img { width:34px; height:34px; }
    .nav-link {
      color:#cbd5e1; border-radius:.75rem;
      display:flex; align-items:center; gap:.6rem;
    }
    .nav-link:hover, .nav-link.active { background:#1e293b; color:#fff; }
    .profile-tile {
      display:flex; align-items:center; gap:.75rem; padding:.75rem; border-radius:1rem; background:#111827; color:#fff; margin:.5rem 0 1rem;
    }
    .avatar {
      width:42px; height:42px; border-radius:50%;
      background:#334155; display:flex; align-items:center; justify-content:center; font-weight:600;
    }
    .content { padding: 1.5rem; }
    .thumb { width:56px; height:56px; object-fit:cover; border-radius:.5rem; background:#eee; }
    .filter-card { position:sticky; top:0; z-index:1020; background:#fff; border:0; border-radius:1rem; box-shadow:0 6px 18px rgba(0,0,0,.06); }
    .card.table-card { border:0; border-radius:1rem; box-shadow:0 8px 24px rgba(0,0,0,.07); }
    .table thead th { white-space:nowrap; }
    .view-link { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:.5rem; }
    @media (max-width: 992px) {
      .layout { grid-template-columns: 1fr; }
      .sidebar { position:relative; height:auto; border-bottom: 1px solid #1f2937; }
    }
    .logoFull{
    text-align:center;
    margin-bottom:2rem;
 }
 .logoFull img{
    width:80%;
    margin:0 auto;
 }