.tree-node-wrapper[data-v-15a1d984]{display:flex;flex-direction:column;align-items:center;margin:10px}.tree-node[data-v-15a1d984]{display:flex;flex-direction:column;align-items:center;position:relative}.tree-node.highlighted .node-card[data-v-15a1d984]{box-shadow:0 0 0 3px #3b82f6;animation:pulse-15a1d984 1.5s infinite}@keyframes pulse-15a1d984{0%,to{box-shadow:0 0 0 3px #3b82f6}50%{box-shadow:0 0 0 6px #3b82f680}}.node-card[data-v-15a1d984]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px;min-width:180px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.node-card[data-v-15a1d984]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.node-card.active[data-v-15a1d984]{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.node-card.inactive[data-v-15a1d984]{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);opacity:.8}.node-card.root-position[data-v-15a1d984]{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.node-card.left-position[data-v-15a1d984]{border-left:4px solid #10b981}.node-card.right-position[data-v-15a1d984]{border-right:4px solid #ef4444}.node-avatar[data-v-15a1d984]{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;position:relative}.avatar-circle[data-v-15a1d984]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 2px 4px #0000001a}.rank-badge[data-v-15a1d984]{margin-top:4px;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000001a;white-space:nowrap}.node-info[data-v-15a1d984]{text-align:center}.node-name[data-v-15a1d984]{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-id[data-v-15a1d984]{font-size:11px;color:#6b7280;margin-bottom:8px}.node-volumes[data-v-15a1d984]{display:flex;justify-content:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}.volume-badge[data-v-15a1d984]{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.volume-badge.left[data-v-15a1d984]{background:#dcfce7;color:#166534}.volume-badge.personal[data-v-15a1d984]{background:#dbeafe;color:#1e40af}.volume-badge.right[data-v-15a1d984]{background:#fee2e2;color:#991b1b}.status-badge[data-v-15a1d984]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.status-badge.active[data-v-15a1d984]{background:#10b981;color:#fff}.status-badge.inactive[data-v-15a1d984]{background:#ef4444;color:#fff}.children-container[data-v-15a1d984]{position:relative;margin-top:20px}.connection-lines[data-v-15a1d984]{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100%;height:20px}.line-left[data-v-15a1d984],.line-right[data-v-15a1d984]{position:absolute;top:0;width:50%;height:100%;border-top:2px solid #d1d5db}.line-left[data-v-15a1d984]{left:0;border-right:2px solid #d1d5db}.line-right[data-v-15a1d984]{right:0;border-left:2px solid #d1d5db}.children-nodes[data-v-15a1d984]{display:flex;justify-content:center;gap:40px}.child-wrapper[data-v-15a1d984]{flex:1;display:flex;justify-content:center}.empty-node[data-v-15a1d984],.lazy-load-node[data-v-15a1d984]{cursor:pointer}.empty-card[data-v-15a1d984],.lazy-load-card[data-v-15a1d984]{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:20px;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.empty-card[data-v-15a1d984]:hover,.lazy-load-card[data-v-15a1d984]:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-2px)}.binary-tree-viewer[data-v-a13a01ff]{width:100%}.tree-container[data-v-a13a01ff]{height:600px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-content[data-v-a13a01ff]{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.tree-wrapper[data-v-a13a01ff]{display:inline-block}.unilevel-node-wrapper[data-v-83f276fc]{display:flex;flex-direction:column;align-items:center;margin:10px}.unilevel-node[data-v-83f276fc]{display:flex;flex-direction:column;align-items:center}.node-card[data-v-83f276fc]{position:relative;background:#fff;border-radius:12px;padding:16px;min-width:220px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.node-card[data-v-83f276fc]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.node-card.active[data-v-83f276fc]{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.node-card.inactive[data-v-83f276fc]{border-color:#e5e7eb;opacity:.7}.node-card.highlighted[data-v-83f276fc]{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.node-card.level-1[data-v-83f276fc]{border-left:4px solid #ef4444}.node-card.level-2[data-v-83f276fc]{border-left:4px solid #f97316}.node-card.level-3[data-v-83f276fc]{border-left:4px solid #f59e0b}.node-card.level-4[data-v-83f276fc]{border-left:4px solid #eab308}.node-card.level-5[data-v-83f276fc]{border-left:4px solid #84cc16}.node-card.level-6[data-v-83f276fc]{border-left:4px solid #22c55e}.node-card.level-7[data-v-83f276fc]{border-left:4px solid #10b981}.node-avatar[data-v-83f276fc]{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.avatar-circle[data-v-83f276fc]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;box-shadow:0 2px 4px #0000001a}.level-badge[data-v-83f276fc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.rank-badge[data-v-83f276fc]{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000001a;white-space:nowrap}.node-info[data-v-83f276fc]{text-align:center;margin-bottom:12px}.node-name[data-v-83f276fc]{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.node-id[data-v-83f276fc]{font-size:12px;color:#6b7280;font-family:monospace}.node-stats[data-v-83f276fc]{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding-top:12px;border-top:1px solid #e5e7eb}.stat-row[data-v-83f276fc]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.stat-label[data-v-83f276fc]{color:#6b7280;font-weight:500}.stat-value[data-v-83f276fc]{color:#1f2937;font-weight:700}.status-indicator[data-v-83f276fc]{position:absolute;top:12px;right:12px;font-size:18px}.status-indicator.active[data-v-83f276fc]{color:#10b981}.status-indicator.inactive[data-v-83f276fc]{color:#ef4444}.children-container[data-v-83f276fc]{position:relative;margin-top:20px;display:flex;flex-direction:column;align-items:center}.connector-line[data-v-83f276fc]{width:2px;height:20px;background:linear-gradient(to bottom,#d1d5db,transparent)}.children-grid[data-v-83f276fc]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative}.children-grid[data-v-83f276fc]:before{content:"";position:absolute;top:-20px;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#d1d5db 20%,#d1d5db 80%,transparent)}.unilevel-tree-viewer[data-v-77b162a5]{width:100%}.tree-container[data-v-77b162a5]{height:700px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-content[data-v-77b162a5]{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.tree-wrapper[data-v-77b162a5]{display:inline-block}.btn-control[data-v-77b162a5]{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-control[data-v-77b162a5]:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.stat-item[data-v-77b162a5]{display:flex;align-items:center;gap:.5rem}.modal-overlay[data-v-77b162a5]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5}.modal-content[data-v-77b162a5]{margin-left:1rem;margin-right:1rem;max-height:90vh;width:100%;max-width:42rem;overflow-y:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modal-header[data-v-77b162a5]{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1.5rem}.modal-body[data-v-77b162a5]{padding:1.5rem}.detail-item[data-v-77b162a5]{display:flex;flex-direction:column}.detail-item .label[data-v-77b162a5]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.detail-item .value[data-v-77b162a5]{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}