:root{--sidebar-expanded:260px;--sidebar-collapsed:76px;--jmc-orange:#f97316;--jmc-black:#111827;--mint200:#bbf7d0}
.app{--sidebar-size:var(--sidebar-expanded);grid-template-columns:var(--sidebar-size) minmax(0,1fr);transition:grid-template-columns .22s ease}
.app.sidebar-collapsed{--sidebar-size:var(--sidebar-collapsed)}
.sidebar{width:var(--sidebar-size);overflow-x:hidden;transition:width .22s ease,padding .22s ease;scrollbar-width:none}
.brand{position:relative;min-height:48px;padding:0 4px 6px;gap:10px;white-space:nowrap;overflow:visible}
.jmc-academy-lockup{display:flex;align-items:center;gap:11px;min-width:0}
.jmc-academy-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;transition:opacity .16s ease,transform .16s ease}
.jmc-academy-mark svg{display:block;width:100%;height:100%;filter:drop-shadow(0 7px 16px rgba(15,23,42,.12))}
.jmc-academy-wordmark{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.jmc-academy-wordmark b{font-size:14px;letter-spacing:-.025em;color:var(--ink900)}
.jmc-academy-wordmark b em{font-style:normal;color:var(--jmc-orange)}
.jmc-academy-wordmark small{margin-top:5px;font:600 8px 'JetBrains Mono';letter-spacing:.075em;text-transform:uppercase;color:var(--ink400)}
.login-lockup .jmc-academy-mark{width:56px;height:56px;flex-basis:56px}
.login-lockup .jmc-academy-wordmark b{font-size:20px;color:#fff}.login-lockup .jmc-academy-wordmark small{color:rgba(255,255,255,.55);font-size:9px}
.nav-label-with-collapse{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px 7px}
.nav-label-with-collapse>span{min-width:0}
.sidebar-collapse-control{width:24px;height:22px;flex:0 0 24px;margin:0;padding:2px;border:0;border-radius:7px;background:transparent;color:var(--ink400);display:grid;place-items:center;opacity:.72;transition:.16s}
.sidebar-collapse-control:hover{opacity:1;background:#fff;color:var(--ink800);box-shadow:var(--shadow)}
.sidebar-collapse-control svg{width:15px;height:15px}
.sidebar-expand-hover{display:none;position:absolute;left:7px;top:0;width:40px;height:40px;border:0;border-radius:12px;background:#fff;color:var(--ink800);place-items:center;box-shadow:var(--shadow);z-index:3}
.sidebar-expand-hover svg{width:18px;height:18px}
.app.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}
.app.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}
.app.sidebar-collapsed .brand .jmc-academy-wordmark,.app.sidebar-collapsed .sidebar-collapse-control{display:none}

.app.sidebar-collapsed .brand:hover .sidebar-expand-hover{display:grid}
.app.sidebar-collapsed .workspace-card{width:44px;height:44px;margin:0 auto 14px!important;padding:0!important;display:grid;place-items:center;border-radius:12px}
.app.sidebar-collapsed .workspace-card .metric-label,.app.sidebar-collapsed .workspace-card b{display:none}
.app.sidebar-collapsed .workspace-card svg{display:block}
.workspace-card svg{display:none;width:17px;height:17px}
.app.sidebar-collapsed .nav-group{margin:14px 0}
.nav-group-first{margin-top:4px}
.app.sidebar-collapsed .nav-group.nav-group-first{margin-top:4px}
#sidebar>.workspace-card{margin-bottom:8px!important}
.app.sidebar-collapsed .nav-label{display:none}
.app.sidebar-collapsed .nav-item{width:48px;height:44px;padding:0;margin:4px auto;justify-content:center;gap:0;position:relative}
.app.sidebar-collapsed .nav-item span{display:none}
.app.sidebar-collapsed .nav-item svg{width:18px;height:18px;flex:0 0 auto}
.app.sidebar-collapsed .nav-item::after{content:attr(data-tooltip);position:absolute;left:56px;top:50%;transform:translateY(-50%) translateX(-4px);padding:7px 9px;border-radius:8px;background:var(--ink900);color:white;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;box-shadow:var(--shadow);z-index:80}
.app.sidebar-collapsed .nav-item:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.app.sidebar-collapsed .content{max-width:1540px}
@media(max-width:980px){
  .app,.app.sidebar-collapsed{--sidebar-size:260px;grid-template-columns:1fr}
  .sidebar{width:260px;padding:18px 14px;overflow:auto}
  .sidebar-collapse-control{display:none}
  .app.sidebar-collapsed .brand{justify-content:flex-start;padding:0 4px 6px}
  .app.sidebar-collapsed .brand .jmc-academy-wordmark{display:flex}
  .app.sidebar-collapsed .brand:hover .sidebar-expand-hover{display:none}
  .app.sidebar-collapsed .workspace-card{width:auto;height:auto;margin:0 6px 14px!important;padding:10px!important;display:block}.app.sidebar-collapsed .workspace-card .metric-label,.app.sidebar-collapsed .workspace-card b{display:block}.workspace-card svg{display:none!important}
  .app.sidebar-collapsed .nav-label{display:block}.app.sidebar-collapsed .nav-item{width:100%;height:auto;padding:9px 11px;margin:2px 0;justify-content:flex-start;gap:10px}.app.sidebar-collapsed .nav-item span{display:inline}.app.sidebar-collapsed .nav-item::after{display:none}
}
/* Official JMC Learning Hub logo asset embedded from the project visual reference. */
.jmc-academy-lockup{display:flex;align-items:center;min-width:0}.jmc-academy-logo-full{width:158px;height:auto;display:block;object-fit:contain}.jmc-academy-logo-icon{display:none;width:40px;height:40px;overflow:hidden;border-radius:10px;transition:opacity .16s ease,transform .16s ease;position:relative;background:#fff}.jmc-academy-logo-icon img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:126px;max-width:none;height:auto}.login-logo-official{display:inline-flex;width:max-content;padding:8px 12px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14)}.login-logo-official img{display:block;width:220px;height:auto}.app.sidebar-collapsed .brand .jmc-academy-logo-full{display:none}.app.sidebar-collapsed .brand .jmc-academy-logo-icon{display:block}.app.sidebar-collapsed .brand:hover .jmc-academy-logo-icon{opacity:0;transform:scale(.88)}
@media(max-width:980px){.app.sidebar-collapsed .brand .jmc-academy-logo-full{display:block}.app.sidebar-collapsed .brand .jmc-academy-logo-icon{display:none}}
@media(prefers-reduced-motion:reduce){.app,.sidebar,.jmc-academy-logo-icon,.sidebar-collapse-control{transition:none!important}}