.referral-page,.referral-loading{--ref-bg:#111b20;--ref-field:#18252b;--ref-text:#edf8f4;--ref-muted:#92aaa9;--ref-line:#8fb9bd24;--ref-green:#4cddba;color:var(--ref-text)}.referral-page{display:grid;gap:26px}.referral-overview{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.referral-invite-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid #3ee0b52e;background:radial-gradient(ellipse at 5% 4%,#3066e52e,transparent 62%),radial-gradient(ellipse at 95% 95%,#00c7a322,transparent 65%),#101f25;padding:32px}.referral-eyebrow{display:flex;align-items:center;gap:9px;color:#74debd;font-size:12px}.referral-invite-card h2{font-size:27px;letter-spacing:-.5px;margin:18px 0 10px;line-height:1.7}.referral-invite-card>p{font-size:13px;color:#a4bebb;line-height:2.1;margin:0}.referral-offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #abc9c420;margin-bottom:24px}.referral-offers>div{display:grid;gap:10px}.referral-offers>div+div{border-inline-start:1px solid #abc9c424;padding-inline-start:24px}.referral-offers span{font-size:12px;color:#a2bab8}.referral-offers strong{font-size:33px;font-weight:500;color:#91ecd0;line-height:1.4}.referral-offers small{font-size:13px;color:#9db8b5}.referral-code-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 14px}.referral-code-heading>span{font-size:12px;color:#a4bebb}.referral-code-heading button{display:flex;align-items:center;gap:13px;background:none;border:0;color:#e0f8ef;padding:0}.referral-code-heading strong{font:500 31px/1.2 Arial,sans-serif;letter-spacing:1.7px}.referral-code-heading svg{color:#7ea29e}.referral-link{display:flex;align-items:center;gap:10px;border:1px solid #86bdba33;background:#0712196b;border-radius:12px;padding:11px 12px;color:#78baaa}.referral-link input{min-width:0;flex:1;background:none;border:0;color:#d8ebe6;font:12px/1.6 Arial,sans-serif;outline:none}.referral-link button{background:transparent;border:0;display:grid;place-items:center;color:#9cd9c8}.referral-share{display:flex;gap:10px;margin-top:13px}.referral-share>a,.referral-share>button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font-size:12px;border-radius:11px;border:1px solid #85bab82a;color:#b1d7ce;background:#ffffff04}.referral-share>button{background:linear-gradient(100deg,#168e78,#267f9a);color:#fff;border-color:#81e5c833}.referral-share>a:hover{background:#55d6b41b;border-color:#6accb255}
.referral-stats{display:grid;gap:13px}.referral-stats article{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px;border:1px solid var(--ref-line);border-radius:19px;background:var(--ref-bg)}.referral-stats svg{color:var(--ref-green);margin-bottom:3px}.referral-stats span{font-size:12px;color:var(--ref-muted)}.referral-stats strong{font-size:26px;font-weight:500;line-height:1.4}.referral-stats small{font-size:12px;color:var(--ref-muted)}.referral-stats p{font-size:10px;line-height:1.9;color:var(--ref-muted);margin:0}
.referral-steps{padding:9px 2px}.referral-steps>h3{font-size:18px;margin:0 0 22px}.referral-steps>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.referral-steps article{display:flex;align-items:flex-start;gap:12px}.referral-steps article>span{position:relative;display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#30baab16;border:1px solid var(--ref-line);color:var(--ref-green)}.referral-steps article b{position:absolute;inset-inline-start:-4px;top:-6px;font-size:10px;background:#276e71;border:2px solid var(--ref-bg);border-radius:50%;display:grid;place-items:center;width:20px;height:20px;color:#fff}.referral-steps h4{font-size:13px;margin:4px 0 8px}.referral-steps p{font-size:11px;color:var(--ref-muted);line-height:2.1;margin:0}.referral-steps details{margin-top:25px;border-top:1px solid var(--ref-line);padding-top:16px}.referral-steps summary{display:flex;align-items:center;gap:8px;color:var(--ref-green);font-size:12px;cursor:pointer}.referral-steps details>p{margin-top:12px;max-width:800px}
.referral-surface{background:var(--ref-bg);border:1px solid var(--ref-line);border-radius:21px;overflow:hidden}.referral-surface>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.referral-surface h3{font-size:17px;margin:0 0 7px}.referral-surface header p{margin:0;font-size:11px;color:var(--ref-muted);line-height:1.9}.ref-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:linear-gradient(100deg,#198f79,#287e99);border:1px solid #7edec226;color:#fff;font-size:12px;padding:11px 17px;border-radius:11px}.ref-primary:disabled{opacity:.45}.ref-text{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ref-green);font-size:11px;padding:5px 0}.ref-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ref-line);border-radius:9px;background:var(--ref-field);color:var(--ref-muted)}.ref-table-scroll{overflow:auto}.referral-page table{border-collapse:collapse;width:100%;text-align:start;font-size:12px;white-space:nowrap}.referral-page th{font-weight:400;font-size:11px;color:var(--ref-muted);text-align:start;background:#ffffff02;padding:17px 24px;border-block:1px solid var(--ref-line)}.referral-page td{padding:18px 24px;border-bottom:1px solid var(--ref-line);text-align:start}.referral-page tbody tr:last-child td{border-bottom:0}.referral-page td b{font:500 15px/1.5 Arial,sans-serif;letter-spacing:.6px}.ref-tag{font-size:9px;color:var(--ref-green);background:#2dd1a914;border-radius:5px;margin-inline-start:9px;padding:2px 5px}.ref-status{font-size:10px;border-radius:20px;padding:5px 9px;display:inline-block;color:#d7c097;background:#deb86814}.ref-status.paid,.ref-status.rewarded,.ref-status.qualified{color:#72d7b4;background:#31dca818}.ref-status.reversed{color:#beaaa8;background:#aa808016}.referral-tabs{gap:0}.referral-tabs>[data-slot=tabs-list]{margin:0 24px 19px;background:var(--ref-field);border:1px solid var(--ref-line);border-radius:11px;height:41px;width:fit-content;gap:5px;padding:4px}.referral-tabs [data-slot=tabs-trigger]{border:0;border-radius:7px;color:var(--ref-muted);font-size:12px;gap:7px;padding:0 17px}.referral-tabs [data-slot=tabs-trigger][data-active]{background:#28645635;color:var(--ref-green);box-shadow:none}.ref-empty{display:flex;flex-direction:column;align-items:center;gap:13px;padding:43px 20px 48px;text-align:center}.ref-empty svg{color:var(--ref-green);opacity:.7}.ref-empty h4{font-size:15px;margin:0}.ref-empty p{font-size:12px;color:var(--ref-muted);line-height:1.9;margin:0;max-width:420px}.ref-table-note{font-size:10px;color:var(--ref-muted);padding:16px 24px;border-top:1px solid var(--ref-line);margin:0}.ref-error{color:#ff9d9d;border:1px solid #e275752b;background:#b04a4a0c;padding:13px;border-radius:10px;font-size:12px;line-height:1.9}.ref-notice{background:#b3882420;padding:13px 17px;font-size:12px;border-radius:11px;line-height:1.9;color:#d7c097}.referral-loading{padding:50px 20px;display:flex;align-items:center;justify-content:center;gap:15px;background:var(--ref-bg);border:1px solid var(--ref-line);border-radius:20px;font-size:13px}.referral-loading button{display:flex;align-items:center;gap:7px;color:var(--ref-green);background:none;border:0}.referral-create label{display:grid;gap:10px;font-size:13px}.referral-create input{background:#ffffff08;border:1px solid #ffffff22;padding:12px;border-radius:9px;color:inherit;outline:none}.referral-create input:focus{border-color:#47bb9f}.referral-page button:focus-visible,.referral-page a:focus-visible{outline:2px solid var(--ref-green);outline-offset:3px}.ref-spin{animation:ref-spin 1s linear infinite}
html:not(.dark) .referral-page,html:not(.dark) .referral-loading{--ref-bg:#fff;--ref-field:#f2f7f5;--ref-text:#1a3439;--ref-muted:#647e80;--ref-line:#244f5d20;--ref-green:#118569}html:not(.dark) .ref-status.paid,html:not(.dark) .ref-status.qualified,html:not(.dark) .ref-status.rewarded{color:#078965}html:not(.dark) .ref-status{color:#98783a}html:not(.dark) .referral-create input{background:#f3f7f6;border-color:#193f532b}.referral-page .referral-invite-card{color:#edf8f4}
@keyframes ref-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.referral-overview{grid-template-columns:1fr}.referral-stats{grid-template-columns:repeat(3,1fr)}.referral-stats article{padding:18px}.referral-steps>div{gap:14px}.referral-steps article{display:block}.referral-steps article>span{margin-bottom:10px}}@media(max-width:600px){.referral-invite-card{padding:23px 18px;border-radius:19px}.referral-invite-card h2{font-size:23px}.referral-offers{gap:12px}.referral-offers>div+div{padding-inline-start:15px}.referral-offers strong{font-size:28px}.referral-offers span{font-size:10px}.referral-stats{grid-template-columns:1fr}.referral-stats article{display:grid;grid-template-columns:30px 1fr;gap:7px 10px}.referral-stats svg{grid-row:1/4}.referral-stats strong{font-size:25px}.referral-stats p{grid-column:2}.referral-steps>div{grid-template-columns:1fr;gap:22px}.referral-steps article{display:flex}.referral-surface>header{padding:20px 17px;flex-wrap:wrap}.referral-surface h3{font-size:15px}.referral-share{gap:7px}.referral-share>a,.referral-share>button{font-size:11px;gap:5px}.referral-page th,.referral-page td{padding:15px 17px}.referral-code-heading strong{font-size:29px}.referral-link input{font-size:11px}}@media(prefers-reduced-motion:reduce){.ref-spin{animation:none}}