.side-nav{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto;padding:0}.side-nav-title{font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--color-dark,#17171a);padding:2px 8px 14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-list{list-style:none;margin:0;padding:0 6px 2px 0;display:flex;flex-direction:column;gap:6px}.side-nav-li{margin:0}.side-nav-item{display:block;padding:12px 16px;font-size:14px;line-height:1.45;color:#4e5969;border-radius:10px;background:transparent;text-decoration:none;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.side-nav-item:hover{color:var(--color-primary,#1b4c8c);background:var(--color-primary-soft,#eff4fb)}.side-nav-item.is-active{color:#fff;font-weight:600;background:var(--color-primary,#1b4c8c);box-shadow:0 3px 8px -2px rgba(22,93,255,.5);box-shadow:0 3px 8px -2px color-mix(in srgb,var(--color-primary,#1b4c8c) 45%,transparent)}@media (max-width:1023px){.side-nav{position:sticky;top:0;z-index:20;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0;background:var(--surface-1);border-bottom:1px solid var(--color-border,#e5e7eb);-webkit-overflow-scrolling:touch;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav-title{display:none}.side-nav-list{flex-direction:row;gap:8px;white-space:nowrap;padding:10px 12px}.side-nav-item{padding:8px 16px;border-radius:999px;background:var(--color-fill,#f2f3f5)}.side-nav-item.is-active{background:var(--color-primary,#1b4c8c);box-shadow:none}}