:root{--new-green:#28a745;--new-green2:#00e676;--new-bg-green:#f4fdf6;--header-h:95px;--sticky-gap:16px}.sidebar-cat{position:sticky;top:calc(var(--header-h) + var(--sticky-gap));align-self:flex-start;max-height:calc(100vh - var(--header-h) - (var(--sticky-gap) * 2));overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.08);padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--new-green) #f1f1f1}.sidebar-cat::-webkit-scrollbar{width:6px}.sidebar-cat::-webkit-scrollbar-thumb{background:var(--new-green);border-radius:6px}.sidebar-cat::-webkit-scrollbar-track{background:#f1f1f1}.cat-btn-all{font-size:0.9rem;color:var(--new-green);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color 0.2s ease}.cat-btn-all:hover{color:var(--new-green2)}.cat-item{border-radius:8px;overflow:hidden}.cat-block{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;transition:all 0.25s ease}.cat-block:hover{background:var(--new-bg-green)}.cat-block.active{background:var(--new-green);color:#fff}.cat-block.active a,.cat-block.active i,.cat-block.active span{color:#fff!important}.cat-link-main{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex:1}.cat-count{font-weight:500;font-size:0.9rem}.cat-sub{transition:all 0.3s ease}.cat-sub a.cat-link-sub{display:flex;justify-content:space-between;padding:6px 12px;font-size:0.9rem;color:#333;border-radius:6px;text-decoration:none;transition:all 0.25s ease}.cat-sub a.cat-link-sub:hover{background:var(--new-bg-green);color:var(--new-green)}.cat-sub a.cat-link-sub.active{background:var(--new-bg-green);color:var(--new-green2);font-weight:600}.cat-arrow{transition:transform 0.3s ease}.cat-arrow.rotated,.cat-btn[aria-expanded="true"] .cat-arrow{transform:rotate(180deg)}