.tree-wrapper{-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;width:100%;padding:30px;display:flex;overflow:auto}.tree-node{flex-direction:column;align-items:center;margin:0 20px;display:flex;position:relative}.member-card{background:#fff;border:1px solid #e8ecef;border-radius:22px;flex-direction:column;align-items:center;width:240px;padding:24px 20px;transition:all .35s;display:flex;position:relative;box-shadow:0 8px 24px #00000014}.member-card:hover{border-color:#2e7d32;transform:translateY(-8px);box-shadow:0 18px 40px #2e7d322e}.avatar{color:#fff;background:linear-gradient(135deg,#43a047,#1b5e20);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:34px;display:flex;box-shadow:0 10px 22px #2e7d3240}.member-name{color:#222;text-align:center;margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.4}.user-id{text-align:center;color:#555;background:#f5f7fa;border-radius:12px;width:100%;margin-bottom:10px;padding:10px;font-size:13px;font-weight:600}.referral-id{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:12px;width:100%;margin-bottom:18px;padding:10px;font-size:13px;font-weight:700}.direct-members{background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:12px 14px;font-size:14px;display:flex}.direct-members svg{color:#2e7d32;margin-right:8px}.direct-members span{color:#555;flex:1}.direct-members strong{color:#2e7d32;font-size:17px;font-weight:700}.card-buttons{align-items:center;gap:10px;width:100%;margin-top:auto;display:flex}.view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#43a047,#2e7d32);border:none;border-radius:14px;outline:none;flex:1;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.view-btn:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);transform:translateY(-2px);box-shadow:0 10px 20px #2e7d324d}.view-btn:active{transform:scale(.97)}.expand-btn{color:#2e7d32;cursor:pointer;background:#f3f7fa;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:all .3s;display:flex}.expand-btn:hover{color:#fff;background:#2e7d32;transform:rotate(180deg)}.expand-btn:active{transform:scale(.95)}.member-card{animation:.4s cardFade}@keyframes cardFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.view-btn svg{font-size:15px}.expand-btn svg{font-size:18px}.children-wrapper{flex-direction:column;align-items:center;margin-top:18px;animation:.35s treeFade;display:flex}.vertical-line{background:linear-gradient(#66bb6a,#2e7d32);border-radius:20px;width:4px;height:40px;box-shadow:0 4px 12px #2e7d3240}.children{justify-content:center;align-items:flex-start;gap:40px;margin-top:20px;display:flex;position:relative}.children:before{content:"";background:linear-gradient(90deg,#66bb6a,#2e7d32);border-radius:20px;width:calc(100% - 80px);height:4px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.children>.tree-node:before{content:"";background:#43a047;border-radius:20px;width:4px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes treeFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.tree-wrapper{justify-content:flex-start;padding:20px;overflow:auto}.children{gap:28px}.member-card{width:220px}.member-name{font-size:18px}}@media (width<=768px){.tree-wrapper{-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:flex-start;width:100%;padding:15px;overflow:auto}.tree-node{margin:0 10px}.children{flex-wrap:nowrap;gap:20px;min-width:max-content}.member-card{width:190px;min-width:190px;padding:18px}.avatar{width:58px;height:58px;font-size:28px}.member-name{font-size:16px}.user-id,.referral-id{padding:8px;font-size:12px}.direct-members{padding:10px;font-size:13px}.card-buttons{flex-direction:column}.view-btn{width:100%}.expand-btn{width:100%;height:42px}}@media (width<=480px){.tree-wrapper{padding:10px}.member-card{width:170px;min-width:170px;padding:15px}.avatar{width:50px;height:50px;font-size:24px}.member-name{font-size:15px}.user-id,.referral-id{font-size:11px}.direct-members{font-size:12px}.view-btn{font-size:13px}}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#212121;background:#f7f8fa;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}img{width:100%;display:block}ul{list-style:none}html,body,#root{width:100%;min-width:0;max-width:100%;margin:0;padding:0}html{overflow-x:hidden}body{background:#f5f7fa;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img{max-width:100%;height:auto}table{max-width:100%}.MuiTableContainer-root{max-width:100%;overflow-x:auto!important}.MuiContainer-root{width:100%;max-width:100%}input,textarea,select,button{max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}@media (width<=599px){body{font-size:14px}.MuiTypography-h1{font-size:1.8rem!important}.MuiTypography-h2{font-size:1.6rem!important}.MuiTypography-h3{font-size:1.4rem!important}.MuiTypography-h4{font-size:1.25rem!important}.MuiTypography-h5{font-size:1.1rem!important}.MuiTypography-h6{font-size:1rem!important}.MuiButton-root{min-height:42px}.MuiCard-root{max-width:100%}.MuiDialog-paper{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px!important}.MuiFormControl-root{max-width:100%}}@media (width<=380px){.MuiToolbar-root{padding-left:8px!important;padding-right:8px!important}.MuiCardContent-root{padding:12px!important}.MuiButton-root{font-size:.78rem!important}}