:root{--tree-accent-rgb:16,185,129;--tree-hover-bg:rgba(0,0,0,0.03);--tree-indent-color:rgba(0,0,0,0.1);--tree-empty-color:rgba(0,0,0,0.6);--tree-context-bg:white;--tree-context-border:rgba(0,0,0,0.1)}.dark{--tree-hover-bg:rgba(255,255,255,0.05);--tree-indent-color:rgba(255,255,255,0.1);--tree-empty-color:rgba(255,255,255,0.6);--tree-context-bg:#1f2937;--tree-context-border:rgba(255,255,255,0.1)}.tree-node-selected{background-color:rgba(var(--tree-accent-rgb),.1);outline:2px solid rgba(var(--tree-accent-rgb),.3);outline-offset:-2px;border-radius:4px}.dark .tree-node-selected{background-color:rgba(var(--tree-accent-rgb),.2);outline-color:rgba(var(--tree-accent-rgb),.4)}.tree-node:hover{background-color:var(--tree-hover-bg);border-radius:4px;transition:background-color .15s ease}.tree-node:focus{outline:2px solid rgba(var(--tree-accent-rgb),.5);outline-offset:-2px;border-radius:4px}.tree-node-children{transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.tree-node-children.collapsed{max-height:0;opacity:0}.tree-node-children.expanded{max-height:none;opacity:1}.tree-arrow{transition:transform .2s ease;display:inline-block;width:12px;height:12px;margin-right:4px}.tree-arrow.collapsed{transform:rotate(-90deg)}.tree-arrow.expanded{transform:rotate(0deg)}.tree-indent-guide{position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tree-indent-color)}.tree-node.dragging{opacity:.5}.tree-node.drag-over{background-color:rgba(var(--tree-accent-rgb),.2);border:2px dashed rgba(var(--tree-accent-rgb),.5);border-radius:4px}.tree-empty-state{padding:2rem;text-align:center;color:var(--tree-empty-color)}.tree-loading{display:flex;justify-content:center;align-items:center;padding:2rem}.tree-loading-spinner{width:24px;height:24px;border:3px solid rgba(var(--tree-accent-rgb),.2);border-top-color:rgba(var(--tree-accent-rgb),.8);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tree-context-menu{position:absolute;background:var(--tree-context-bg);border:1px solid var(--tree-context-border);border-radius:6px;padding:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.tree-context-menu-item{padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.tree-context-menu-item:hover{background-color:rgba(var(--tree-accent-rgb),.15)}.dark .tree-context-menu-item:hover{background-color:rgba(var(--tree-accent-rgb),.3)}