.refer-earn-page.page-wrapper{flex-direction:column;flex:1;width:calc(100% - 240px);min-width:0;min-height:100vh;margin-left:240px;display:flex}.refer-earn-page .page-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-start;align-items:center;gap:12px;padding:16px 28px;display:flex}.refer-earn-page .page-header__icon{color:#111827;stroke-width:2px;width:22px;height:22px}.refer-earn-page .page-header__title{color:#111827;font-size:20px;font-weight:700}.refer-earn-page .main{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;padding:28px 32px;display:flex;margin-left:0!important}.refer-earn-page .page-title,.refer-earn-page .alert,.refer-earn-page .commission-banner,.refer-earn-page .stats-card,.refer-earn-page .referrals-card,.refer-earn-page .faq-section{width:100%;max-width:960px}.refer-earn-page .page-title{color:#111827;font-size:22px;font-weight:700}.refer-earn-page .alert{border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.refer-earn-page .alert--warning{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.refer-earn-page .alert__icon{color:#ef4444;stroke-width:2px;flex-shrink:0;width:16px;height:16px}.refer-earn-page .alert__text{color:#374151}.refer-earn-page .alert__link{color:#4f46e5;margin-left:4px;font-weight:600;text-decoration:underline}.refer-earn-page .alert__link:hover{color:#4338ca}.refer-earn-page .commission-banner{background:#fefce8;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;display:flex}.refer-earn-page .commission-banner__emoji{flex-shrink:0;font-size:22px}.refer-earn-page .commission-banner__title{color:#92400e;margin-bottom:2px;font-size:14px;font-weight:700}.refer-earn-page .commission-banner__subtitle{color:#78350f;font-size:12px}.refer-earn-page .stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.refer-earn-page .stats-card__user{text-align:center;margin-bottom:20px}.refer-earn-page .stats-card__name{color:#111827;margin-bottom:4px;font-size:18px;font-weight:700}.refer-earn-page .stats-card__sub{color:#6b7280;font-size:13px}.refer-earn-page .stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.refer-earn-page .stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.refer-earn-page .stat-box--green{background:#f0fdf4;border-color:#bbf7d0}.refer-earn-page .stat-box__icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.refer-earn-page .stat-box__icon-wrap--yellow{background:#fef3c7}.refer-earn-page .stat-box__icon-wrap--blue{background:#dbeafe}.refer-earn-page .stat-box__icon-wrap--green{background:#dcfce7}.refer-earn-page .stat-box__icon{stroke-width:2px;width:18px;height:18px}.refer-earn-page .stat-box__icon--yellow{color:#d97706}.refer-earn-page .stat-box__icon--blue{color:#3b82f6}.refer-earn-page .stat-box__icon--green{color:#16a34a}.refer-earn-page .stat-box__label{color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600}.refer-earn-page .stat-box__label--green{color:#16a34a}.refer-earn-page .stat-box__value{color:#111827;font-size:20px;font-weight:700}.refer-earn-page .stat-box__value--green{color:#16a34a}.refer-earn-page .referral-link-wrap{margin-top:4px}.refer-earn-page .referral-link__label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:500}.refer-earn-page .referral-link__row{align-items:center;gap:10px;display:flex}.refer-earn-page .referral-link__input{color:#374151;cursor:text;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.refer-earn-page .referral-link__input:focus{background:#fff;border-color:#4f46e5}.refer-earn-page .btn--copy{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:7px;width:auto;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:filter .15s;display:flex}.refer-earn-page .btn--copy:hover{filter:brightness(.9)}.refer-earn-page .btn--copied{background:#22c55e}.refer-earn-page .referrals-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.refer-earn-page .tabs{border-bottom:1px solid #e5e7eb;gap:6px;padding:16px 20px 0;display:flex}.refer-earn-page .tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.refer-earn-page .tab:hover{color:#374151}.refer-earn-page .tab--active{color:#4f46e5;background:#f5f3ff;border-bottom-color:#4f46e5;font-weight:600}.refer-earn-page .tab-content{padding:40px 20px}.refer-earn-page .referrals-empty{text-align:center}.refer-earn-page .referrals-empty__title{color:#374151;margin-bottom:10px;font-size:15px;font-weight:600}.refer-earn-page .referrals-empty__subtitle{color:#9ca3af;font-size:13px;line-height:1.7}.refer-earn-page .faq-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.refer-earn-page .faq-section__title{color:#111827;margin-bottom:4px;font-size:18px;font-weight:700}.refer-earn-page .faq-section__subtitle{color:#6b7280;margin-bottom:20px;font-size:13px}.refer-earn-page .faq-list{flex-direction:column;gap:0;display:flex}.refer-earn-page .faq-item{cursor:pointer;border-bottom:1px solid #f3f4f6;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:15px 4px;transition:background .15s;display:grid}.refer-earn-page .faq-item:last-child{border-bottom:none}.refer-earn-page .faq-item:hover{background:#fafafa}.refer-earn-page .faq-item__question{color:#374151;grid-area:1/1;padding-right:16px;font-size:13px;font-weight:500}.refer-earn-page .faq-item--open .faq-item__question{color:#4f46e5;font-weight:600}.refer-earn-page .faq-item__icon{color:#9ca3af;stroke-width:2px;flex-shrink:0;grid-area:1/2;width:16px;height:16px;transition:transform .2s}.refer-earn-page .faq-item--open .faq-item__icon{color:#4f46e5}.refer-earn-page .faq-item__answer{color:#6b7280;grid-area:2/1/auto/-1;max-height:0;padding-top:0;font-size:13px;line-height:1.7;transition:max-height .25s;overflow:hidden}.refer-earn-page .faq-item--open .faq-item__answer{padding-top:8px}@media (max-width:1024px){.refer-earn-page.page-wrapper{width:calc(100% - 60px)!important;margin-left:60px!important}.refer-earn-page .main{max-width:100%;padding:20px}.refer-earn-page .stats-grid{grid-template-columns:repeat(2,1fr)}.refer-earn-page .faq-section{padding:20px}}@media (max-width:639px){.refer-earn-page.page-wrapper{width:100%!important;margin-left:0!important;padding-top:56px!important}.refer-earn-page .main{gap:12px;max-width:100%;padding:14px 12px}.refer-earn-page .page-title{font-size:18px}.refer-earn-page .alert{gap:8px;padding:10px 12px;font-size:12px}.refer-earn-page .alert__icon{width:14px;height:14px}.refer-earn-page .commission-banner{flex-direction:column;gap:8px;padding:12px 14px}.refer-earn-page .commission-banner__title{font-size:13px}.refer-earn-page .commission-banner__subtitle{font-size:11px}.refer-earn-page .stats-card{padding:16px}.refer-earn-page .stats-card__name{font-size:16px}.refer-earn-page .stats-card__sub{font-size:12px}.refer-earn-page .stats-grid{grid-template-columns:1fr;gap:8px}.refer-earn-page .stat-box{padding:12px 14px}.refer-earn-page .stat-box__value{font-size:18px}.refer-earn-page .stat-box__label{font-size:9px}.refer-earn-page .referral-link__row{flex-direction:column;gap:8px}.refer-earn-page .btn--copy{justify-content:center;width:100%}.refer-earn-page .referral-link__input{font-size:12px}.refer-earn-page .referrals-card{border-radius:10px}.refer-earn-page .tabs{flex-wrap:wrap;gap:4px;padding:12px 12px 0}.refer-earn-page .tab{padding:6px 12px;font-size:12px}.refer-earn-page .tab-content{padding:28px 14px}.refer-earn-page .referrals-empty__title{font-size:14px}.refer-earn-page .referrals-empty__subtitle{font-size:12px}.refer-earn-page .faq-section{padding:16px 14px}.refer-earn-page .faq-section__title{font-size:16px}.refer-earn-page .faq-section__subtitle,.refer-earn-page .faq-item__question,.refer-earn-page .faq-item__answer{font-size:12px}.refer-earn-page .faq-item{padding:13px 4px}}