@layer theme,base;@layer components{.app-sidebar-backdrop{z-index:40;background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.app-sidebar{left:0;top:var(--app-header-h,3.5rem);z-index:40;border-right:1px solid var(--border-primary);background-color:var(--app-sidebar-bg,var(--surface-primary));width:16rem;transition:transform .2s ease-in-out;position:fixed;bottom:0;overflow-y:auto}.app-sidebar[data-visible=false]{transform:translate(-100%)}.app-sidebar[data-visible=true]{transform:translate(0)}.app-sidebar-nav{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.app-sidebar-link{border-radius:var(--radius-lg);color:var(--text-secondary);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.app-sidebar-link:hover{background-color:var(--app-sidebar-hover-bg,var(--surface-secondary));color:var(--text-primary)}.app-sidebar-link-active{background-color:var(--app-sidebar-active-bg,var(--surface-secondary));color:var(--text-primary)}}@layer utilities;