@keyframes fade-in-up-b6da82d3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up[data-v-b6da82d3]{animation:fade-in-up-b6da82d3 .8s ease-out forwards}@keyframes shimmer-1fb6f0ac{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer[data-v-1fb6f0ac]{animation:shimmer-1fb6f0ac 2s infinite}.tree-node[data-v-cae1d336]{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--node-bg-color);border-radius:12px;padding:16px;text-align:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a;border:1px solid var(--node-border);position:relative;overflow:hidden}.tree-node[data-v-cae1d336]:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0003}.root-node[data-v-cae1d336]{border:2px solid #646cff;box-shadow:0 0 20px #646cff33}.left-node[data-v-cae1d336]{border-left:4px solid #4a9df3}.right-node[data-v-cae1d336]{border-left:4px solid #f97316}.node-avatar[data-v-cae1d336]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.profile-pic[data-v-cae1d336]{width:100%;height:100%;object-fit:cover}.avatar-initials[data-v-cae1d336]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.node-content[data-v-cae1d336]{flex:1;overflow:hidden}.node-name[data-v-cae1d336]{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;color:#ea1e1e}.node-details[data-v-cae1d336]{font-size:12px;color:#a0aec0;display:flex;gap:8px;align-items:center}.member-code[data-v-cae1d336]{background-color:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:11px;letter-spacing:.5px}.refer-code[data-v-cae1d336]{color:#718096;font-size:11px}.expand-indicator[data-v-cae1d336]{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.chevron[data-v-cae1d336]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;font-size:14px;transition:all .3s ease;color:#070202}.chevron.expanded[data-v-cae1d336]{transform:rotate(180deg);background-color:#ffffff26}.child-count[data-v-cae1d336]{font-size:11px;color:#a0aec0;background-color:#ffffff0d;padding:2px 6px;border-radius:10px}.genealogy-tree-container[data-v-a3f34ae7]{width:100%;height:100vh;overflow:auto;background-color:var(--primary-color);border-radius:12px;box-shadow:0 8px 16px #0003;padding:2rem;margin:2rem 0;position:relative;cursor:grab}.genealogy-tree-container[data-v-a3f34ae7]:active{cursor:grabbing}.controls-container[data-v-a3f34ae7]{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:12px}.control-btn[data-v-a3f34ae7]{padding:10px 18px;background-color:#fff;color:var(--primary-text-color, #333);border:1px solid var(--border-color, #ccc);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 2px 5px #00000026;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;min-width:120px;text-align:center}.control-btn[data-v-a3f34ae7]:hover{background-color:var(--hover-bg-color, #f0f0f0);box-shadow:0 4px 8px #0003}.control-btn[data-v-a3f34ae7]:active{background-color:var(--active-bg-color, #e0e0e0);box-shadow:0 1px 3px #0000001a;transform:translateY(1px)}.genealogy-tree[data-v-a3f34ae7]{display:block}.tree-link[data-v-a3f34ae7]{fill:none;stroke:var(--line-color);stroke-width:2px;transition:stroke .3s ease}.link-left[data-v-a3f34ae7]{stroke:#4a9df3;stroke-width:2.5px;opacity:.8}.link-right[data-v-a3f34ae7]{stroke:#f97316;stroke-width:2.5px;opacity:.8}.node-wrapper[data-v-a3f34ae7]{transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);overflow:visible}