.container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;min-height:600px}.left-panel{width:280px;-ms-flex-negative:0;flex-shrink:0}.tree-container{height:100%;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:8px;border:1px solid #f0f0f0}.tree-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 4px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:6px;margin-bottom:8px}.custom-tree{background:transparent}.custom-tree>>>.ant-tree-treenode{padding:4px 0;margin:2px 0;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.custom-tree>>>.ant-tree-treenode:hover{background-color:#f0f7ff}.custom-tree>>>.ant-tree-treenode-selected{background-color:#e6f7ff;border-left:3px solid #1890ff}.custom-tree>>>.ant-tree-node-content-wrapper{padding:4px 8px;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.custom-tree>>>.ant-tree-node-content-wrapper.ant-tree-node-selected,.custom-tree>>>.ant-tree-node-content-wrapper:hover{background-color:transparent}.tree-node-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:4px 0}.tree-node-text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#262626;-webkit-transition:color .2s ease;transition:color .2s ease}.custom-tree>>>.ant-tree-treenode:hover .tree-node-text{color:#1890ff}.tree-node-badge{background:#ff4d4f;color:#fff;font-size:12px;padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.empty-tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;text-align:center}.right-panel{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}@media (max-width:768px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel{width:100%;margin-bottom:16px}}