:root{--hierarchy-indent-base:1rem;--hierarchy-indent-increment:0.75rem;--hierarchy-border-color:hsl(var(--muted-foreground)/0.2);--hierarchy-border-active:hsl(var(--primary)/0.4);--hierarchy-bg-hover:hsl(var(--muted)/0.6);--hierarchy-bg-active:hsl(var(--primary)/0.1);--hierarchy-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--hierarchy-level-1:hsl(var(--foreground));--hierarchy-level-2:hsl(var(--muted-foreground));--hierarchy-level-3:hsl(var(--muted-foreground)/0.8);--badge-hierarchical:hsl(142,76%,36%);--badge-dynamic:hsl(221,83%,53%);--badge-static:hsl(213,27%,84%)}.hierarchical-container{width:100%}.hierarchical-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.hierarchical-container{position:relative}.hierarchical-item{position:relative;transition:var(--hierarchy-transition)}.hierarchical-connector{position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--hierarchy-border-color);transition:var(--hierarchy-transition)}.hierarchical-connector.level-2{left:.5rem}.hierarchical-connector.level-3{left:1rem}.hierarchical-item:hover .hierarchical-connector,.hierarchical-item[data-active=true] .hierarchical-connector{background:var(--hierarchy-border-active)}.hierarchical-button{position:relative;width:100%;justify-content:flex-start;border-radius:calc(var(--radius) - 2px);font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);min-height:2rem}.hierarchical-button:hover{background:var(--hierarchy-bg-hover);transform:translateX(2px)}.hierarchical-button[data-active=true]{background:var(--hierarchy-bg-active);border-left:3px solid hsl(var(--primary))}.hierarchical-button[data-level="1"]{font-weight:500;color:var(--hierarchy-level-1)}.hierarchical-button[data-level="2"]{font-weight:400;color:var(--hierarchy-level-2);font-size:.875rem}.hierarchical-button[data-level="3"]{font-weight:400;color:var(--hierarchy-level-3);font-size:.8125rem}.hierarchical-icon{margin-right:.5rem;flex-shrink:0;transition:var(--hierarchy-transition)}.hierarchical-icon.level-1{height:1rem;width:1rem}.hierarchical-icon.level-2{height:.875rem;width:.875rem;opacity:.9}.hierarchical-icon.level-3{height:.75rem;width:.75rem;opacity:.8}.hierarchy-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;transition:var(--hierarchy-transition)}.hierarchy-badge.hierarchical{background:var(--badge-hierarchical);color:white}.hierarchy-badge.dynamic{background:var(--badge-dynamic);color:white}.hierarchy-badge.static{background:var(--badge-static);color:hsl(var(--foreground))}.hierarchy-badge.count{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.hierarchy-badge.active{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.hierarchical-accordion .accordion-trigger{border-radius:calc(var(--radius) - 2px);padding:.5rem}.hierarchical-accordion .accordion-trigger:hover{background-color:hsl(var(--muted)/.5)}.hierarchical-accordion .accordion-trigger{transition:var(--hierarchy-transition)}.hierarchical-accordion .accordion-trigger:hover{background:var(--hierarchy-bg-hover)}.hierarchical-accordion .accordion-trigger[data-state=open]{background:var(--hierarchy-bg-active)}.hierarchical-accordion .accordion-content{padding-bottom:.25rem;animation:accordion-slide-down .2s ease-out}@keyframes accordion-slide-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes pulse{50%{opacity:.5}}.hierarchical-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--muted));height:2rem;margin-bottom:.25rem}.hierarchical-skeleton.level-1{width:100%}.hierarchical-skeleton.level-2{width:90%;margin-left:var(--hierarchy-indent-increment)}.hierarchical-skeleton.level-3{width:80%;margin-left:calc(var(--hierarchy-indent-increment) * 2)}@media (max-width:768px){:root{--hierarchy-indent-base:0.5rem;--hierarchy-indent-increment:0.5rem}.hierarchical-button{min-height:2.5rem;font-size:.875rem}.hierarchy-badge{padding:.125rem .375rem;font-size:.75rem;line-height:1rem}.hierarchical-icon{margin-right:.375rem}}@media (prefers-color-scheme:dark){:root{--hierarchy-border-color:hsl(var(--muted-foreground)/0.3);--hierarchy-bg-hover:hsl(var(--muted)/0.8)}}.hierarchical-item:hover .hierarchical-icon{transform:scale(1.05)}.hierarchical-button:active{transform:translateX(1px) scale(.98)}.hierarchical-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-offset-width:2px}