.sidebar{position:-webkit-sticky;position:sticky;top:calc(60px + var(--space-6));max-height:calc(100vh - 80px);overflow-y:auto;padding-right:var(--space-4)}.sidebar__section{margin-bottom:var(--space-6)}.sidebar__title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.sidebar__list{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast)}.sidebar__link:hover{background:var(--gray-50);color:var(--gray-900);text-decoration:none}.sidebar__link--active{background:var(--primary-50);color:var(--primary-700);font-weight:var(--font-medium)}.sidebar__link--active:before{content:"";width:3px;height:16px;background:var(--primary-600);border-radius:var(--radius-full);margin-left:calc(var(--space-3) * -1);margin-right:var(--space-2)}.sidebar__icon{width:18px;height:18px;flex-shrink:0}.sidebar__count{margin-left:auto;padding:var(--space-1) var(--space-2);background:var(--gray-100);color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.layout-with-sidebar{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-4)}@media (min-width:1024px){.layout-with-sidebar{grid-template-columns:240px 1fr;padding:var(--space-8) var(--space-6)}}.layout-with-sidebar__sidebar{display:none}@media (min-width:1024px){.layout-with-sidebar__sidebar{display:block}}.layout-with-sidebar__main{min-width:0}.filter-tags{flex-wrap:wrap;margin-bottom:var(--space-6)}.filter-tag,.filter-tags{display:flex;gap:var(--space-2)}.filter-tag{align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.filter-tag:hover{border-color:var(--primary-300);color:var(--primary-600)}.filter-tag--active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.filter-tag__close{width:14px;height:14px;opacity:.7}.filter-tag:hover .filter-tag__close{opacity:1}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast)}.tag-pill:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50);text-decoration:none}.tag-pill--active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.tag-pill--active:hover{background:var(--primary-700);border-color:var(--primary-700);color:#fff}.tag-pill__count{padding:0 var(--space-1);background:rgba(0,0,0,.1);border-radius:var(--radius-full);font-size:var(--text-xs)}.tag-pill--active .tag-pill__count{background:hsla(0,0%,100%,.2)}