*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;background-color:#f5f5f5;font-family:Roboto,Helvetica,Arial,sans-serif}@media (min-width: 769px){.sidebar-overlay{display:none!important}}.mui-container{max-width:1200px;margin:0 auto;padding:0 16px}.mui-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;margin-bottom:16px}.mui-button{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s}.mui-button-primary{background-color:#1976d2;color:#fff}.mui-button-primary:hover{background-color:#1565c0}.mui-button-secondary{background-color:#757575;color:#fff}.mui-button-secondary:hover{background-color:#616161}.mui-text-primary{color:#1976d2}.mui-text-secondary{color:#757575}.mui-bg-primary{background-color:#1976d2}.mui-bg-secondary{background-color:#757575}.mui-flex{display:flex}.mui-flex-column{flex-direction:column}.mui-flex-row{flex-direction:row}.mui-justify-center{justify-content:center}.mui-justify-between{justify-content:space-between}.mui-align-center{align-items:center}.mui-gap-1{gap:8px}.mui-gap-2{gap:16px}.mui-gap-3{gap:24px}.mui-p-1{padding:8px}.mui-p-2{padding:16px}.mui-p-3{padding:24px}.mui-pt-1{padding-top:8px}.mui-pt-2{padding-top:16px}.mui-pt-3{padding-top:24px}.mui-m-1{margin:8px}.mui-m-2{margin:16px}.mui-m-3{margin:24px}.mui-mt-1{margin-top:8px}.mui-mt-2{margin-top:16px}.mui-mt-3{margin-top:24px}.mui-w-full{width:100%}.mui-w-half{width:50%}@media (max-width: 768px){.mui-container{padding:0 12px}.mui-flex-mobile-column{flex-direction:column}.mui-w-full-mobile{width:100%}}.dashboard-header{background-color:#2c8786!important}.dashboard-card{background:linear-gradient(to right,#2c8786,#3da1a0)!important;color:#fff!important}.dashboard-statistics-title{color:#2c8786!important;font-weight:700!important}.btn-dashboard{background-color:#2c8786!important;color:#fff!important}.btn-dashboard:hover{background-color:#236d6c!important}.btn-dashboard-outline{border:1px solid #2c8786!important;color:#2c8786!important}.btn-dashboard-outline:hover{background-color:#2c87861a!important}.filter-container{display:flex;justify-content:space-between;align-items:center}.filter-container .filter-actions{display:flex;gap:1rem}@media (max-width: 768px){.filter-container{flex-direction:column!important;align-items:center;gap:1rem}.filter-container .filter-actions{flex-direction:column;width:100%}.filter-container .filter-actions button{width:-moz-fit-content;width:fit-content}}.tree-container{padding:2rem;display:flex;flex-direction:column;gap:50px}.tree-user-profile{text-align:center;display:flex;align-items:center;flex-direction:column;gap:0;line-height:1;cursor:pointer}.tree-user-avatar{width:70px!important;height:70px!important;margin-bottom:.5rem}.sponsor-container{display:flex;flex-direction:column;align-items:center}.sponsor-avatar{width:60px!important;height:60px!important;margin-bottom:.5rem;background-color:var(--secondary-color)}.SponsoredProfile{display:flex;justify-content:center;width:100%;max-width:800;gap:40px;cursor:pointer}.sponsor-popup-container{display:flex;justify-content:center;width:100%}.sponsor-popup{position:relative;background-color:#fff;box-shadow:3px 3px 10px #0000001a;border-radius:8px;padding:1rem;min-width:300px;height:320px;border:1px solid black}.accordion-summary{background-color:#2c8786!important;color:#fff!important}.accordion-summary .MuiSvgIcon-root{color:#fff}@media (max-width: 821px){.tree-container{flex-direction:column;justify-content:flex-start;gap:50px}}@media (max-width: 480px){.sponsor-popup-container{display:flex;justify-content:center;align-items:center;width:100%}.sponsor-popup{min-width:250px;padding:10px;border-radius:8px}.SponsoredProfile{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:16px;padding:10px;max-width:100%;-ms-overflow-style:none;scrollbar-width:none}.SponsoredProfile::-webkit-scrollbar{display:none}}.basic-details-accordion{display:flex;justify-content:space-around;gap:50px;flex-direction:row;width:100%}.member-form-btn{display:flex;justify-content:flex-end}@media (max-width: 480px){.basic-details-accordion{flex-direction:column;gap:20px}}