.tree-node{position:relative}.node-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;line-height:1.5;text-align:left;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#374151;transition:all .15s ease-in-out;position:relative}.dark .node-button{color:#d1d5db}.node-button:hover{background-color:#f3f4f6}.dark .node-button:hover{background-color:#374151}.node-button.active{background-color:#e0e7ff;color:#4f46e5;font-weight:600}.dark .node-button.active{background-color:#312e81;color:#a5b4fc}.node-button.has-gradient{position:relative;overflow:hidden}.gradient-bg{position:absolute;inset:0;opacity:.1;border-radius:6px;z-index:-1;transition:opacity .15s}.node-button:hover .gradient-bg{opacity:.15}.node-button.active .gradient-bg{opacity:.2}.expand-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s ease-in-out;color:#6b7280}.dark .expand-icon{color:#9ca3af}.expand-icon.expanded{transform:rotate(90deg)}.node-icon{flex-shrink:0;font-size:16px;line-height:1}.node-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-count{flex-shrink:0;margin-left:auto;font-size:12px;font-weight:400;color:#6b7280}.dark .node-count{color:#9ca3af}.node-children{overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.expand-icon,.node-children,.node-button{transition-duration:.01ms!important}}.node-button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.dark .node-button:focus-visible{outline-color:#818cf8}.tree-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;overflow-x:hidden;z-index:60;display:flex;flex-direction:column;will-change:transform;transform:translateZ(0)}.dark .tree-sidebar{background-color:#1f2937;border-right-color:#374151}.tree-sidebar::-webkit-scrollbar{width:6px}.tree-sidebar::-webkit-scrollbar-track{background:transparent}.tree-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dark .tree-sidebar::-webkit-scrollbar-thumb{background:#4b5563}.tree-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .tree-sidebar::-webkit-scrollbar-thumb:hover{background:#6b7280}.sidebar-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;background-color:#fff;border-bottom:1px solid #e5e7eb}.dark .sidebar-header{background-color:#1f2937;border-bottom-color:#374151}.header-content{display:flex;align-items:center;gap:10px;flex:1}.header-icon{font-size:24px;line-height:1}.header-title{font-size:18px;font-weight:700;color:#111827;margin:0}.dark .header-title{color:#f9fafb}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s}.close-btn:hover{background-color:#f3f4f6;color:#111827}.dark .close-btn{color:#9ca3af}.dark .close-btn:hover{background-color:#374151;color:#f9fafb}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.empty-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-message{color:#9ca3af;font-size:14px}.dark .empty-message{color:#6b7280}.sidebar-toggle{position:fixed;top:16px;left:16px;z-index:50;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;color:#374151;transition:all .2s}.dark .sidebar-toggle{background-color:#1f2937;border-color:#374151;color:#d1d5db}.sidebar-toggle:hover{background-color:#f9fafb;box-shadow:0 4px 12px #00000026}.dark .sidebar-toggle:hover{background-color:#111827}.sidebar-toggle:active{transform:scale(.95)}.sidebar-overlay{position:fixed;inset:0;z-index:59;background-color:#00000080;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (min-width: 1024px){.tree-sidebar{transform:translate(0)!important}.sidebar-toggle{display:none!important}}@media (max-width: 1023px){.tree-sidebar{transform:translate3d(-100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 12px #0000001a}.tree-sidebar.open{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.tree-sidebar,.sidebar-overlay,.sidebar-toggle{transition-duration:.01ms!important}}@media (max-width: 767px){.tree-sidebar{width:100%;max-width:320px}}