.referral-viewer{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin:20px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e0e0e0}.referral-viewer .viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid rgba(100,200,255,.3);padding-bottom:12px}.referral-viewer .viewer-header h3{margin:0;font-size:1.3rem;color:#64c8ff;font-weight:600;letter-spacing:.5px}.referral-viewer .expand-btn{background:#64c8ff33;border:1px solid rgba(100,200,255,.5);color:#64c8ff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.referral-viewer .expand-btn:hover{background:#64c8ff66;box-shadow:0 0 8px #64c8ff4d}.referral-viewer .viewer-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.referral-viewer .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.referral-viewer .stat-box{background:#64c8ff14;border:1px solid rgba(100,200,255,.2);border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.referral-viewer .stat-box:hover{background:#64c8ff26;border-color:#64c8ff66;transform:translateY(-2px)}.referral-viewer .stat-box .stat-value{font-size:1.4rem;font-weight:700;color:#64c8ff;display:block;margin-bottom:4px}.referral-viewer .stat-box .stat-label{font-size:.75rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.referral-viewer .network-tree{max-height:600px;overflow-y:auto;padding:12px 0}.referral-viewer .network-tree::-webkit-scrollbar{width:8px}.referral-viewer .network-tree::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.referral-viewer .network-tree::-webkit-scrollbar-thumb{background:#64c8ff4d;border-radius:4px;cursor:pointer}.referral-viewer .network-tree::-webkit-scrollbar-thumb:hover{background:#64c8ff80}.tree-node{margin-left:0;padding:8px 0;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tree-node.level-1 .node-content{margin-left:20px;padding-left:12px;border-left:2px solid rgba(100,200,255,.3)}.tree-node.level-2 .node-content{margin-left:40px;padding-left:12px;border-left:2px solid rgba(100,200,255,.2)}.tree-node.level-3 .node-content{margin-left:60px;padding-left:12px;border-left:2px solid rgba(100,200,255,.15)}.tree-node.level-4 .node-content,.tree-node.level-5 .node-content,.tree-node.level-6 .node-content,.tree-node.level-7 .node-content,.tree-node.level-8 .node-content,.tree-node.level-9 .node-content{margin-left:80px;padding-left:12px;border-left:1px dashed rgba(100,200,255,.1)}.tree-node .node-content{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#ffffff05;border-radius:6px;transition:all .2s ease}.tree-node .node-content:hover{background:#64c8ff1a}.tree-node .expand-toggle{background:none;border:none;color:#64c8ff;cursor:pointer;padding:4px 8px;font-size:.9rem;min-width:24px;text-align:center;flex-shrink:0;transition:color .2s ease;margin-top:2px}.tree-node .expand-toggle:hover:not(:disabled){color:#90e0ff}.tree-node .expand-toggle:disabled{color:#505050;cursor:default}.tree-node .node-info{flex:1;min-width:0}.tree-node .wallet-address{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem}.tree-node .wallet-address .label{color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.tree-node .wallet-address .value{font-family:Monaco,Courier New,monospace;color:#64c8ff;font-weight:500}.tree-node .level-badge{background:#64c8ff33;color:#64c8ff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;margin-left:auto}.tree-node .node-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem}.tree-node .stat{display:flex;align-items:center;gap:6px}.tree-node .stat-label{color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.tree-node .stat-value{color:#64c8ff;font-weight:600}.tree-node .stat-rate{color:#a0a0a0;font-size:.75rem}.tree-node .stat.referrals{background:#64c8ff1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(100,200,255,.2)}.tree-node .children-container{animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.referral-viewer .loading{text-align:center;padding:40px 20px;color:#64c8ff;font-size:1rem}.referral-viewer .loading:after{content:"";display:inline-block;width:6px;height:6px;background:#64c8ff;border-radius:50%;animation:blink 1s infinite;margin-left:8px}@keyframes blink{0%,20%,50%{opacity:1}40%{opacity:.5}60%,to{opacity:0}}.referral-viewer .error-message{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff6464;padding:12px;border-radius:6px;font-size:.9rem}.referral-viewer .no-data{text-align:center;padding:40px 20px;color:#a0a0a0;font-style:italic}@media (max-width: 768px){.referral-viewer{padding:15px}.referral-viewer .summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.tree-node.level-1 .node-content{margin-left:10px}.tree-node.level-2 .node-content{margin-left:20px}.tree-node.level-3 .node-content{margin-left:30px}.tree-node.level-4 .node-content,.tree-node.level-5 .node-content,.tree-node.level-6 .node-content,.tree-node.level-7 .node-content,.tree-node.level-8 .node-content,.tree-node.level-9 .node-content{margin-left:40px}.tree-node .node-stats{font-size:.8rem;gap:8px}}@media (max-width: 480px){.referral-viewer .summary-stats{grid-template-columns:1fr}.tree-node .node-content{flex-direction:column;gap:8px}.tree-node .wallet-address{flex-direction:column;gap:4px}.tree-node .level-badge{margin-left:0}.tree-node .node-stats{flex-direction:column;gap:6px}}