@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');:root{--bg:#f5f4f0;--sidebar-bg:#fff;--border:#e8e5df;--text-primary:#1a1a18;--text-secondary:#6b6860;--text-muted:#a09e99;--accent:#2c5f2e;--accent-light:#edf3ed;--hover-bg:#f7f6f3;--active-bg:#edf3ed;--active-text:#2c5f2e}.category-sidebar{font-family:'DM Sans',sans-serif;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;flex-shrink:0;position:sticky;top:0;width:100%;height:fit-content}.cat-group{border-bottom:1px solid var(--border);width:100%}.cat-group:last-child{border-bottom:0}.cat-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;cursor:pointer;user-select:none;transition:background .15s;gap:8px}.cat-group-header:hover{background:var(--hover-bg)}.cat-group.open>.cat-group-header{background:var(--hover-bg)}.cat-group-header>span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-family:'DM Mono',monospace;flex:1}.cat-group-header svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.cat-group.open>.cat-group-header svg{transform:rotate(90deg)}.cat-group-children{display:none;padding:4px 0 8px}.cat-group.open>.cat-group-children{display:block}.cat-subgroup-header{display:flex;align-items:center;gap:8px;padding:7px 20px 7px 32px;cursor:pointer;user-select:none;transition:background .15s}.cat-subgroup-header:hover{background:var(--hover-bg)}.cat-subgroup-header>span{font-size:12.5px;font-weight:500;color:var(--text-secondary);flex:1}.cat-subgroup-header svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.cat-subgroup.open>.cat-subgroup-header svg{transform:rotate(90deg)}.cat-subgroup-children{display:none;padding:2px 0 4px}.cat-subgroup.open>.cat-subgroup-children{display:block}.cat-item{display:block;padding:6px 20px 6px 44px;font-size:13px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background .12s,color .12s;border-left:2px solid transparent}.cat-item:hover{background:var(--hover-bg);color:var(--text-primary)}.cat-item.active{background:var(--active-bg);color:var(--active-text);border-left-color:var(--accent);font-weight:500}.cat-group-children>.cat-item{padding-left:32px}