.sidebar{background:var(--color-brand-900);color:#fff;min-height:100vh;padding:var(--space-4);z-index:30;flex-direction:column;grid-row:1/span 2;width:16rem;transition:width .18s,padding .18s;display:flex}.brand{align-items:center;gap:var(--space-2);padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid #ffffff38;justify-content:center;display:flex;position:relative}.brand img{object-fit:contain;object-position:center;width:8.5rem;height:auto;max-height:5.4rem;margin-inline:auto;display:block}.sidebar nav{gap:var(--space-1);margin-top:var(--space-5);display:grid}.sidebar a{border-radius:var(--radius-sm);color:#fff;align-items:center;gap:.7rem;padding:.7rem .75rem;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:#fff;background:#ffffff29;font-weight:700}.sidebar footer{color:var(--color-mint);font-size:var(--font-size-sm);padding:var(--space-4) 0;margin-top:auto}.nav-collapse{color:#fff;cursor:pointer;background:0 0;border:0;padding:.4rem;display:inline-flex;position:absolute;right:0}.sidebar--collapsed{align-items:center;width:4.5rem;padding-inline:.65rem}.sidebar--collapsed .brand{justify-content:center;width:100%}.sidebar--collapsed .brand img,.sidebar--collapsed a span,.sidebar--collapsed footer span{display:none}.sidebar--collapsed nav{width:100%}.sidebar--collapsed a{justify-content:center;align-items:center;min-height:2.8rem;padding:.4rem;display:flex}.nav-toggle,.nav-close,.nav-backdrop{display:none}@media (max-width:67.99rem){.sidebar{box-shadow:var(--shadow-md);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar--collapsed{align-items:center;width:4.5rem;padding-inline:.65rem}.sidebar--collapsed .brand img,.sidebar--collapsed a span,.sidebar--collapsed footer span{display:none}.sidebar--collapsed a{justify-content:center;align-items:center;min-height:2.8rem;padding:.4rem;display:flex}.sidebar--open{transform:translate(0)}.nav-collapse{display:none}.nav-toggle{background:var(--color-brand-900);border-radius:var(--radius-sm);color:#fff;height:var(--touch-target);margin:var(--space-3);width:var(--touch-target);border:0;padding:.6rem;display:inline-flex}.nav-close{color:#fff;background:0 0;border:0;margin-left:auto;display:inline-flex}.nav-backdrop{z-index:20;background:#0006;border:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}}