.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#8e8e93;font-size:.6rem;font-weight:700;cursor:help;margin-left:.25rem;transition:all .3s ease;font-family:Inter,sans-serif;user-select:none;position:relative;z-index:10}.tooltip-trigger:hover{background:#2e6f4026;border-color:#68ba7f;color:#68ba7f}.tooltip-trigger:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px);padding:.6rem .9rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;color:#c7c7cc;font-size:.75rem;font-weight:400;line-height:1.5;text-align:left;white-space:normal;width:260px;max-width:90vw;box-shadow:0 12px 40px #0009;pointer-events:none;opacity:0;visibility:hidden;transition:all .25s ease;font-family:Inter,sans-serif;z-index:100}.tooltip-trigger:after{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:#1a1a2e;opacity:0;visibility:hidden;transition:all .25s ease;z-index:100}.tooltip-trigger:hover:before,.tooltip-trigger:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.info-block{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.profile-page-wrapper{padding-top:80px;min-height:100vh;background:#0a0a0f}.page-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.loader{width:40px;height:40px;margin:0 auto;border:3px solid rgba(255,255,255,.1);border-top-color:#68ba7f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1rem .75rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#2e6f4026;box-shadow:0 0 40px #2e6f4026}.level-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:1rem;padding:.8rem;text-align:center;transition:all .3s ease}.level-card:hover{border-color:#ffffff14;background:#ffffff08}.level-card.level-1:hover{border-color:#60a5fa33}.level-card.level-2:hover{border-color:#a78bfa33}.referral-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.25rem 1.5rem;transition:all .3s ease}.referral-card:hover{border-color:#2e6f4026;box-shadow:0 0 40px #2e6f4026}.tab-btn.active{color:#f2f2f7!important}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(to right,#2e6f40,#68ba7f);border-radius:2px}.tab-content.hidden{display:none!important}.tab-content:not(.hidden){animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#refereesTable tbody tr,#earningsTable tbody tr{border-top:1px solid rgba(255,255,255,.03);transition:background .2s ease}#refereesTable tbody tr:hover,#earningsTable tbody tr:hover{background:#ffffff05}#refereesTable tbody td,#earningsTable tbody td{padding:.6rem 1rem;color:#c7c7cc;vertical-align:middle}.pagination-btn{padding:.25rem .7rem;border-radius:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#8e8e93;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.pagination-btn:hover:not(.active){background:#ffffff14;color:#f2f2f7}.pagination-btn.active{background:linear-gradient(135deg,#2e6f40,#68ba7f);color:#f2f2f7;border-color:transparent}.referral-link-wrapper{display:flex;gap:.75rem;flex-wrap:wrap}.referral-link-input-wrap{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.referral-link-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.6rem 7rem .6rem 1rem;color:#c7c7cc;font-family:Inter,monospace;font-size:.8rem;outline:none;transition:all .3s ease;box-sizing:border-box;min-height:44px}.referral-link-input:focus{border-color:#2e6f404d;background:#ffffff0f}.referral-copy-btn{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);padding:.25rem .8rem;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,#2e6f40,#68ba7f);border:none;border-radius:.4rem;color:#f2f2f7;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;white-space:nowrap;min-height:32px;display:flex;align-items:center;justify-content:center}.referral-copy-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 20px #2e6f404d}.referral-copy-btn:active{transform:translateY(-50%) scale(.95)}.referral-generate-btn{padding:.6rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;color:#8e8e93;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}.referral-generate-btn:hover{background:#ffffff14;color:#f2f2f7;border-color:#ffffff26}.referral-generate-btn:active{transform:scale(.97)}@media (max-width: 768px){.page-container{padding:1rem}.stat-card{padding:.75rem .5rem}.stat-card div:first-child{font-size:1.4rem!important}.level-card{padding:.6rem}.level-card div:first-child{font-size:1.5rem!important}.referral-card{padding:1rem}.email-col,.status-col,.type-col{display:none!important}#refereesTable tbody td,#earningsTable tbody td{padding:.4rem .5rem;font-size:.75rem}#refereesTable thead th,#earningsTable thead th{padding:.4rem .5rem;font-size:.6rem}.tab-btn{padding:.5rem 1rem!important;font-size:.75rem!important}.referral-link-wrapper{flex-direction:column;gap:.5rem}.referral-link-input-wrap{min-width:unset;width:100%}.referral-link-input{padding-right:6.5rem;font-size:.7rem;padding:.5rem .8rem;min-height:40px}.referral-copy-btn{font-size:.6rem;padding:.2rem .6rem;min-height:28px;right:.25rem}.referral-generate-btn{width:100%;padding:.5rem;font-size:.75rem;min-height:40px}.referral-card>div:first-of-type>div{grid-template-columns:1fr 1fr;gap:.5rem}.info-block>div:last-child{grid-template-columns:1fr!important;gap:.75rem!important}.tooltip-trigger:before{width:220px;font-size:.7rem;padding:.5rem .7rem}}@media (max-width: 480px){.stat-card div:first-child{font-size:1.1rem!important}.level-card div:first-child{font-size:1.2rem!important}#refereesTable tbody td,#earningsTable tbody td{padding:.3rem;font-size:.65rem}#refereesTable thead th,#earningsTable thead th{padding:.3rem;font-size:.55rem}.referral-link-input{font-size:.6rem;padding:.4rem 5.5rem .4rem .6rem;min-height:36px;border-radius:.5rem}.referral-copy-btn{font-size:.55rem;padding:.15rem .5rem;min-height:24px;border-radius:.3rem;right:.2rem}.referral-generate-btn{font-size:.7rem;padding:.4rem;min-height:36px;border-radius:.5rem}.referral-card>div:first-of-type>div{grid-template-columns:1fr!important;gap:.5rem!important}.referral-card>div:first-of-type>div>div:last-child{border-left:none!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.06);padding-top:.5rem!important}.tooltip-trigger:before{width:180px;font-size:.6rem;padding:.4rem .6rem}}@media (max-width: 380px){.referral-link-input{font-size:.5rem;padding:.3rem 4.5rem .3rem .5rem;min-height:32px}.referral-copy-btn{font-size:.5rem;padding:.1rem .4rem;min-height:20px}.referral-generate-btn{font-size:.65rem;padding:.3rem;min-height:32px}.tooltip-trigger:before{width:160px;font-size:.55rem;padding:.3rem .5rem}}