:root{--cat-bg-base:#ffffff;--cat-bg-hover:#F8FAFC;--cat-bg-active:#F1F5F9;--cat-bg-badge:#F1F5F9;--cat-border-main:#E2E8F0;--cat-border-sep:#F8FAFC;--cat-text-header:#94A3B8;--cat-text-main:#475569;--cat-text-badge:#64748B;--cat-text-active:#0F172A;--cat-shadow-box:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--primary-color:#EF4444}
.cat-fixed-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto!important;background:var(--cat-bg-base);border-radius:8px;border:1px solid var(--cat-border-main)!important;box-shadow:var(--cat-shadow-box)}
.cat-fixed-sidebar::-webkit-scrollbar{width:4px}
.cat-fixed-sidebar::-webkit-scrollbar-track{background:transparent}
.cat-fixed-sidebar::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:4px}
.cat-fixed-sidebar::-webkit-scrollbar-thumb:hover{background:#94A3B8}
.sidebar-header{padding:1.2rem 1rem 0.8rem 1rem;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;color:var(--cat-text-header);text-transform:uppercase;border-bottom:1px solid var(--cat-border-sep);background-color:var(--cat-bg-base);position:sticky;top:0;z-index:10}
.cat-sidebar-item{border:none!important;padding:6px 12px!important;margin:1px 8px;border-radius:6px!important;font-size:0.85rem;font-weight:400;color:var(--cat-text-main);transition:background-color 0.15s ease,color 0.15s ease;display:flex;align-items:center;text-decoration:none!important;position:relative}
.cat-sidebar-item i{font-size:0.85rem;color:#94A3B8}
.cat-sidebar-item:hover{background-color:var(--cat-bg-hover)!important;color:var(--cat-text-active)!important}
.cat-sidebar-item:hover i{color:var(--cat-text-main)}
.cat-sidebar-item.active{background-color:var(--cat-bg-active)!important;color:var(--cat-text-active)!important;font-weight:600}
.cat-sidebar-item.active i{color:var(--primary-color)}
.cat-sidebar-item.active::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);height:60%;width:3px;background:var(--primary-color);border-radius:0 4px 4px 0}
.cat-sidebar-item .badge{font-weight:500;background:var(--cat-bg-badge)!important;color:var(--cat-text-badge)!important;font-size:0.7rem;padding:0.2rem 0.5rem}
.cat-sidebar-item.active .badge{background:#E2E8F0!important;color:#0F172A!important}
.mobile-cat-trigger{background:#0F172A;color:#FFFFFF;box-shadow:0 10px 15px -3px rgba(15,23,42,0.15);border:none;transition:transform 0.2s ease}
.mobile-cat-trigger:active{transform:scale(0.92)}