.referrals-page{color:#242a36;background:#f4f5f9;min-height:100vh}.referrals-shell{max-width:1210px;margin:0 auto;padding:58px 25px 90px}.referrals-head{justify-content:space-between;align-items:end;gap:28px;display:flex}.referrals-head>a{color:#5d4bc0;font-size:12px;font-weight:750}.referrals-head p,.referrals-panel header p{color:#6855d9;letter-spacing:.13em;margin:20px 0 8px;font-size:10px;font-weight:850}.referrals-head h1{letter-spacing:-.07em;margin:0;font-size:clamp(42px,6vw,70px);line-height:.94}.referrals-head h1 em{color:#6955d9;font-style:normal}.referrals-head>div>span{color:#2a2a2b;max-width:570px;margin-top:13px;font-size:14px;line-height:1.5;display:block}.referrals-head-balance{background:#f8cb01;border:1px solid #9e9fa5;border-radius:16px;min-width:245px;padding:21px}.referrals-head-balance small,.referral-link-card small,.referral-kpis small{color:#7a808d;letter-spacing:.1em;font-size:9px;font-weight:850;display:block}.referrals-head-balance b{letter-spacing:-.05em;margin:10px 0 4px;font-size:29px;display:block}.referrals-head-balance span{color:#5e4bc2;font-size:11px}.referral-message{color:#277b59;background:#eaf8f0;border-radius:10px;margin:19px 0 0;padding:12px 14px;font-size:12px;font-weight:700}.referral-link-card{background:linear-gradient(105deg,#fff,#f5f1ff);border:1px solid #dcd7f2;border-radius:17px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:23px;display:flex}.referral-link-card h2{letter-spacing:-.035em;margin:7px 0;font-size:22px}.referral-link-card p{color:#707986;text-overflow:ellipsis;white-space:nowrap;max-width:650px;margin:0;font-size:12px;overflow:hidden}.referral-link-card>div:last-child{gap:8px;display:flex}.referral-link-card button{color:#5e4bc1;background:#fff;border:1px solid #d9d4ee;border-radius:8px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800}.referral-link-card button.primary{color:#fff;background:#6955d9;border-color:#6955d9}.referral-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px;display:grid}.referral-kpis article{background:#fff;border:1px solid #e0e3e9;border-radius:15px;padding:18px}.referral-kpis b{letter-spacing:-.045em;margin:10px 0 4px;font-size:25px;display:block}.referral-kpis span{color:#7a818c;font-size:10px}.referrals-panel{background:#fff;border:1px solid #e0e3e9;border-radius:17px;margin-top:18px;padding:22px}.referrals-panel>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.referrals-panel header p{margin-top:0}.referrals-panel h2{letter-spacing:-.04em;margin:0;font-size:20px}.referrals-panel header span{color:#757d88;max-width:620px;margin-top:6px;font-size:11px;line-height:1.45;display:block}.referrals-filter{gap:7px;display:flex}.referrals-filter input,.referrals-filter select{background:#fff;border:1px solid #dfe2e8;border-radius:8px;outline:none;min-height:38px;padding:0 10px;font-size:11px}.referrals-filter button,.wallet-transfer button{color:#fff;background:#6955d9;border:0;border-radius:8px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800}.customer-referral-table,.customer-commission-table{border:1px solid #e4e6ec;border-radius:12px;overflow:hidden}.customer-referral-table>header,.customer-referral-table>article{border-bottom:1px solid #eef0f3;grid-template-columns:1fr 1.45fr .9fr .9fr .8fr .65fr;align-items:center;gap:12px;min-height:62px;padding:0 15px;display:grid}.customer-referral-table>header,.customer-commission-table>header{color:#8b919c;letter-spacing:.08em;background:#fafbfc;min-height:38px;font-size:9px;font-weight:850}.customer-referral-table article b,.customer-referral-table article strong{font-size:11px}.customer-referral-table article>div{gap:3px;display:grid}.customer-referral-table article small,.customer-referral-table article span{color:#767e89;font-size:10px}.customer-referral-table em{text-transform:capitalize;border-radius:6px;justify-self:start;padding:4px 7px;font-size:9px;font-style:normal}.customer-referral-table em.registered{color:#6a707a;background:#eef0f3}.customer-referral-table em.converted{color:#5b51bf;background:#eef0ff}.customer-referral-table em.rewarded{color:#287b59;background:#e6f7ed}.referral-pagination{color:#747c86;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.referral-pagination div{gap:7px;display:flex}.referral-pagination button{background:#fff;border:1px solid #dfe2e8;border-radius:7px;min-height:31px;padding:0 10px;font-size:10px;font-weight:750}.referrals-two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.referrals-two-column .referrals-panel{min-width:0}.customer-commission-table>header,.customer-commission-table>article{border-bottom:1px solid #eef0f3;grid-template-columns:1fr auto;align-items:center;gap:15px;min-height:56px;padding:0 14px;display:grid}.customer-commission-table article span{gap:4px;display:grid}.customer-commission-table article b{font-size:11px}.customer-commission-table article small{color:#7b828d;text-transform:capitalize;font-size:9px}.customer-commission-table article strong{color:#5e4bc2;font-size:12px}.wallet-transfer{background:#faf9ff;border:1px solid #dfdaf2;border-radius:11px;grid-template-columns:1fr 130px auto;align-items:end;gap:8px;margin-bottom:13px;padding:14px;display:grid}.wallet-transfer>b{grid-column:1/-1;font-size:12px}.wallet-transfer label{color:#5a6270;gap:5px;font-size:9px;font-weight:800;display:grid}.wallet-transfer input{background:#fff;border:1px solid #dfe2e8;border-radius:7px;min-height:36px;padding:0 9px;font-size:11px}.wallet-transactions{display:grid}.wallet-transactions article{border-top:1px solid #edf0f2;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.wallet-transactions article div{gap:4px;min-width:0;display:grid}.wallet-transactions b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.wallet-transactions small{color:#7a818c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.wallet-transactions strong{white-space:nowrap;font-size:12px}.wallet-transactions strong.credit{color:#267d5a}.wallet-transactions strong.debit{color:#a95151}.referrals-empty{color:#838a94;text-align:center;padding:20px;font-size:11px}@media (width<=900px){.referral-kpis{grid-template-columns:repeat(2,1fr)}.referrals-two-column{grid-template-columns:1fr}.customer-referral-table{overflow-x:auto}.customer-referral-table>header,.customer-referral-table>article{min-width:760px}}@media (width<=650px){.referrals-shell{padding:38px 16px 65px}.referrals-head,.referral-link-card,.referrals-panel>header{flex-direction:column;align-items:flex-start}.referrals-head-balance{box-sizing:border-box;width:100%}.referral-kpis{grid-template-columns:1fr}.referral-link-card>div:last-child{flex-wrap:wrap}.referral-link-card p{max-width:calc(100vw - 80px)}.referrals-filter{flex-wrap:wrap;width:100%}.referrals-filter input{flex:1;min-width:150px}.wallet-transfer{grid-template-columns:1fr}.wallet-transfer button{justify-self:start}}