:root{
  --sidebar-w: 240px;
  --brand: #4f6df5;
  --brand-dark: #3c58e0;
  --sidebar-bg: #171a2b;
  --sidebar-bg-active: #232742;
  --text-muted: #8a8fa3;
  --page-bg: #f4f6fb;
  --card-radius: 14px;
}

body{background:var(--page-bg);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#26293b;}

.app-shell{display:flex;min-height:100vh;}

/* Sidebar */
.sidebar{
  width:var(--sidebar-w);
  background:var(--sidebar-bg);
  color:#fff;
  display:flex;
  flex-direction:column;
  position:fixed;
  top:0;bottom:0;left:0;
  z-index:1000;
  transition:transform .25s ease;
}
.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1.4rem 1.4rem;font-weight:700;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.06);}
.sidebar-brand i{color:var(--brand);font-size:1.4rem;}
.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;}
.sidebar-nav a{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);text-decoration:none;padding:.65rem .9rem;border-radius:10px;font-size:.92rem;font-weight:500;transition:.15s;}
.sidebar-nav a i{font-size:1.05rem;width:20px;text-align:center;}
.sidebar-nav a:hover{background:rgba(255,255,255,.05);color:#fff;}
.sidebar-nav a.active{background:var(--brand);color:#fff;}
.sidebar-footer{padding:1rem .9rem 1.4rem;border-top:1px solid rgba(255,255,255,.06);}
.logout-link{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);text-decoration:none;padding:.6rem .9rem;border-radius:10px;font-size:.9rem;}
.logout-link:hover{color:#fff;background:rgba(255,255,255,.05);}

/* Main content */
.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0;}
.topbar{background:#fff;border-bottom:1px solid #e8eaf1;padding:.9rem 1.6rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:900;}
.topbar-title{font-size:1.15rem;font-weight:700;margin:0;flex:1;}
.topbar-user{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#555;}
.topbar-user i{font-size:1.4rem;color:var(--brand);}
.sidebar-toggle{border:none;background:none;font-size:1.4rem;color:#333;}
.page-content{padding:1.6rem;flex:1;}

/* Cards */
.stat-card{background:#fff;border-radius:var(--card-radius);padding:1.25rem 1.4rem;border:1px solid #edeff5;box-shadow:0 2px 10px rgba(20,25,60,.04);height:100%;}
.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:.75rem;}
.stat-card .stat-value{font-size:1.6rem;font-weight:700;line-height:1;}
.stat-card .stat-label{font-size:.82rem;color:var(--text-muted);margin-top:.25rem;}

.card{border-radius:var(--card-radius);border:1px solid #edeff5;box-shadow:0 2px 10px rgba(20,25,60,.04);}

/* Responsive */
@media (max-width: 991.98px){
  .sidebar{transform:translateX(-100%);}
  .sidebar.show{transform:translateX(0);}
  .main-content{margin-left:0;}
}