.--61tW_page{background:var(--bg-secondary);min-height:100vh;padding:32px 0 60px}.--61tW_container{max-width:820px;margin:0 auto;padding:0 24px}.--61tW_header{margin-bottom:32px}.--61tW_backBtn{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);align-items:center;gap:6px;margin-bottom:12px;text-decoration:none;transition:color .2s;display:inline-flex}.--61tW_backBtn:hover{color:var(--text-primary)}.--61tW_pageTitle{font-family:var(--heading-font);font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 4px}.--61tW_pageSubtitle{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-muted);margin:0}.--61tW_statsGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.--61tW_statCard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px 20px;display:flex}.--61tW_statIcon{width:40px;height:40px;color:var(--accent-primary);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.--61tW_statInfo{flex-direction:column;display:flex}.--61tW_statValue{font-family:var(--heading-font);font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.--61tW_statLabel{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted)}.--61tW_referralCard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.--61tW_referralCodeSection{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.--61tW_referralLabel{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.--61tW_codeWrapper{align-items:center;gap:12px;display:flex}.--61tW_referralCode{font-family:var(--font-family);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:1px}.--61tW_copyBtn{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:4px 12px;display:flex}.--61tW_copyBtn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.--61tW_referralActions{gap:8px;display:flex}.--61tW_actionBtn{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 14px;display:flex}.--61tW_actionBtn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.--61tW_tierSection{flex-direction:column;gap:8px;display:flex}.--61tW_tierHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.--61tW_tierBadge{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:6px;display:flex}.--61tW_tierProgressText{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted)}.--61tW_progressBar{background:var(--bg-secondary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.--61tW_progressFill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.--61tW_tiersContainer{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.--61tW_tiersTitle{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 16px}.--61tW_tiersGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.--61tW_tierCard{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);transition:all var(--transition-fast);align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.--61tW_tierCard:hover{border-color:var(--accent-primary)}.--61tW_tierCard.--61tW_activeTier{border-color:var(--accent-primary);background:#2563eb0a}.--61tW_tierCardIcon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.--61tW_tierCardName{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.--61tW_tierCardRange{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted)}.--61tW_currentTierBadge{background:var(--accent-primary);color:#fff;font-family:var(--font-family);font-size:.55rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px 8px;position:absolute;top:-6px;right:-6px}.--61tW_referralsContainer{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.--61tW_referralsHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.--61tW_referralsTitle{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.--61tW_referralsCount{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted)}.--61tW_referralsList{flex-direction:column;gap:8px;display:flex}.--61tW_referralItem{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.--61tW_referralItem:hover{background:var(--bg-secondary)}.--61tW_referralUser{align-items:center;gap:10px;display:flex}.--61tW_referralAvatar{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.--61tW_referralName{font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.--61tW_referralEmail,.--61tW_referralDate{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-muted)}.--61tW_showMoreBtn{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px;display:flex}.--61tW_showMoreBtn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.--61tW_inviteBtn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.--61tW_inviteBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f4c814d}.--61tW_modalOverlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.--61tW_modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:480px;animation:.3s --61tW_slideUp;box-shadow:0 24px 64px #0003}@keyframes --61tW_slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.--61tW_modalHeader{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.--61tW_modalHeader h3{font-family:var(--heading-font);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.--61tW_modalClose{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.--61tW_modalClose:hover{background:var(--bg-secondary);color:var(--text-primary)}.--61tW_modalBody{padding:24px}.--61tW_modalSubtitle{font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-muted);text-align:center;margin:0 0 20px}.--61tW_inviteForm{flex-direction:column;gap:16px;display:flex}.--61tW_formGroup{flex-direction:column;gap:4px;display:flex}.--61tW_formLabel{font-family:var(--font-family);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.--61tW_formInput{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-sm);transition:all var(--transition-fast);outline:none;width:100%;padding:10px 14px}.--61tW_formInput:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f4c8114}.--61tW_formActions{gap:12px;display:flex}.--61tW_btnSecondary{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;padding:10px}.--61tW_btnSecondary:hover{background:var(--bg-secondary)}.--61tW_btnPrimary{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;flex:2;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.--61tW_btnPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f4c814d}.--61tW_btnPrimary:disabled{opacity:.6;cursor:not-allowed}.--61tW_modalDivider{text-align:center;font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-muted);padding:16px 0;position:relative}.--61tW_modalDivider:before{content:"";background:var(--border-color);height:1px;position:absolute;top:50%;left:0;right:0}.--61tW_modalDivider span{background:var(--bg-card);z-index:1;padding:0 12px;position:relative}.--61tW_shareOptions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.--61tW_shareOption{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.--61tW_shareOption:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:768px){.--61tW_page{padding:20px 0 40px}.--61tW_container{padding:0 16px}.--61tW_statsGrid{grid-template-columns:1fr 1fr}.--61tW_statCard:last-child{grid-column:1/-1}.--61tW_tiersGrid{grid-template-columns:repeat(2,1fr)}.--61tW_referralCodeSection{flex-direction:column;align-items:stretch}.--61tW_referralActions{justify-content:stretch}.--61tW_referralActions .--61tW_actionBtn{flex:1;justify-content:center}.--61tW_modal{border-radius:var(--radius-lg);max-width:100%;margin:12px}.--61tW_shareOptions{grid-template-columns:1fr}}@media (max-width:480px){.--61tW_statsGrid{grid-template-columns:1fr}.--61tW_statCard:last-child{grid-column:1}.--61tW_pageTitle{font-size:var(--font-xl)}.--61tW_pageSubtitle{font-size:var(--font-sm)}.--61tW_referralCard,.--61tW_tiersContainer{padding:16px}.--61tW_tiersGrid{grid-template-columns:1fr 1fr;gap:8px}.--61tW_tierCard{padding:10px 12px}.--61tW_tierCardName{font-size:var(--font-xs)}.--61tW_referralsContainer{padding:16px}.--61tW_referralItem{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px}.--61tW_referralDate{padding-left:46px}.--61tW_formActions{flex-direction:column}.--61tW_modalBody{padding:16px}.--61tW_modalHeader{padding:16px 20px}}.--61tW_skeletonBox{background:var(--bg-secondary);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite --61tW_skeletonPulse}@keyframes --61tW_skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.--61tW_skeletonBack{width:140px;height:20px}.--61tW_skeletonTitle{width:200px;height:32px}.--61tW_skeletonSubtitle{width:280px;height:18px;margin-top:4px}.--61tW_skeletonStatIcon{border-radius:50%;width:40px;height:40px}.--61tW_skeletonStatValue{width:60px;height:28px}.--61tW_skeletonStatLabel{width:80px;height:14px;margin-top:2px}.--61tW_skeletonLabel{width:100px;height:14px;margin-bottom:4px}.--61tW_skeletonCode{width:120px;height:28px}.--61tW_skeletonCopyBtn{border-radius:var(--radius-full);width:70px;height:28px}.--61tW_skeletonActionBtn{border-radius:var(--radius-full);width:90px;height:32px}.--61tW_skeletonTierBadge{width:80px;height:24px}.--61tW_skeletonTierText{width:140px;height:16px}.--61tW_skeletonProgress{border-radius:var(--radius-full);width:100%;height:6px}.--61tW_skeletonTiersTitle{width:140px;height:20px;margin-bottom:16px}.--61tW_skeletonTierIcon{border-radius:50%;width:32px;height:32px}.--61tW_skeletonTierName{width:50px;height:16px}.--61tW_skeletonTierRange{width:70px;height:12px;margin-top:2px}.--61tW_skeletonReferralsTitle{width:100px;height:20px}.--61tW_skeletonReferralsCount{width:60px;height:16px}.--61tW_skeletonAvatar{border-radius:50%;width:36px;height:36px}.--61tW_skeletonName{width:100px;height:16px}.--61tW_skeletonEmail{width:140px;height:12px;margin-top:2px}.--61tW_skeletonDate{width:80px;height:14px}.--61tW_skeletonInviteBtn{border-radius:var(--radius-md);width:100%;height:48px}@media (max-width:768px){.--61tW_skeletonTitle{width:160px;height:28px}.--61tW_skeletonSubtitle{width:200px;height:16px}.--61tW_skeletonStatValue{width:40px;height:24px}.--61tW_skeletonCode{width:100px;height:24px}.--61tW_skeletonTierIcon{width:28px;height:28px}.--61tW_skeletonTierName{width:40px;height:14px}.--61tW_skeletonTierRange{width:60px;height:10px}}@media (max-width:480px){.--61tW_skeletonTitle{width:140px;height:24px}.--61tW_skeletonSubtitle{width:160px;height:14px}.--61tW_skeletonStatValue{width:30px;height:20px}.--61tW_skeletonStatLabel{width:60px;height:12px}.--61tW_skeletonCode{width:80px;height:20px}.--61tW_skeletonActionBtn{width:70px;height:28px}.--61tW_skeletonName{width:80px;height:14px}.--61tW_skeletonEmail{width:100px;height:10px}.--61tW_skeletonDate{width:60px;height:12px}}
