.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px;margin-bottom:22px;background:linear-gradient(112deg,#191b21,#22202a 72%,#2e231f);overflow:hidden;position:relative}.referral-hero h2{font-size:clamp(23px,3vw,34px);letter-spacing:-1px;max-width:530px;line-height:1.15;margin:12px 0}.referral-hero p{color:#bab9c3;font-size:13px;line-height:1.8;max-width:470px;margin-bottom:22px}.referral-symbol{height:112px;width:112px;flex-shrink:0;display:grid;place-items:center;background:#ee906418;border:1px solid #ed956d35;border-radius:28px;color:#f4a379;position:relative;transform:rotate(-8deg);margin-right:30px}.referral-symbol>svg{width:54px;height:54px}.referral-symbol>span{background:#38302b;border:1px solid #665044;position:absolute;right:-17px;bottom:-11px;border-radius:17px;height:53px;width:53px;display:grid;place-items:center;transform:rotate(15deg)}.referral-symbol>span svg{width:28px;height:28px}.referral-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.referral-main,.referral-side{display:grid;gap:22px;min-width:0}.referral-metrics{display:flex;gap:65px}.referral-metrics small{display:block;color:var(--muted,#95949e);font-size:12px;margin-bottom:9px}.referral-metrics strong{font-size:37px;line-height:1.2;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.referral-link-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}.referral-link-head span{font-size:11px;color:var(--muted,#95949e)}.referral-link{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--line,#31323a);border-radius:12px;background:#ffffff03;min-width:0}.referral-link input{width:100%;flex:1;min-width:0;padding:8px;background:transparent;border:0;font-size:12px;color:var(--text,#eee);text-overflow:ellipsis;border-radius:5px;outline-color:#c88464}.referral-link .btn{white-space:nowrap}.referral-link .btn svg{width:15px;height:15px}.referral-site{margin-top:16px;font-size:12px}.referral-site summary{cursor:pointer;color:#b0a3c8;padding:4px 0}.referral-site p{color:var(--muted,#95949e);font-size:11px;line-height:1.7;padding:10px 0}.referral-person{display:flex;align-items:center;gap:12px;padding:17px 24px;border-top:1px solid var(--line,#31323a)}.referral-avatar{height:34px;width:34px;border-radius:10px;background:#ffffff08;display:grid;place-items:center;flex-shrink:0;color:#afaab7}.referral-avatar svg{height:18px;width:18px}.referral-person>div{min-width:0;flex:1}.referral-person strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.referral-person small{font-size:10px;display:block;margin-top:5px;color:var(--muted,#95949e)}.referral-person .badge{font-size:10px;flex-shrink:0}.referral-zero{padding:36px 24px;text-align:center}.referral-zero>span{display:block;margin-bottom:12px;color:#a6a0b0}.referral-zero svg{height:30px;width:30px}.referral-zero p{font-size:12px;color:var(--muted,#95949e);margin:9px auto 0;line-height:1.8;max-width:380px}.referral-rule-icon{color:#bea9e4;display:inline-flex;background:#b68ee719;padding:9px;border-radius:11px;margin-bottom:15px}.referral-rule-icon svg{height:21px;width:21px}.referral-side ol{margin:20px 0 0;padding:0 0 0 18px;color:#b7b5c1;font-size:12px;line-height:1.8}.referral-side li{padding-left:6px;margin-bottom:12px}.referral-side li::marker{color:#d49775;font-weight:600}.referral-side .small{line-height:1.9}.referral-rewards h3{margin:18px 0 10px}.referral-rewards p{font-size:12px;line-height:1.8;color:var(--muted,#95949e)}.referral-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--line,#31323a);color:var(--muted,#95949e);font-size:11px}.referral-empty{display:grid;justify-items:center;text-align:center;gap:16px;padding:40px}.referral-empty .referral-symbol{margin:0;transform:none;width:70px;height:70px;border-radius:18px}.referral-empty .referral-symbol svg{height:30px;width:30px}.referral-empty p{font-size:13px;line-height:1.8;max-width:450px}.referral-admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.referral-admin-metrics strong{display:block;font-size:32px;margin-top:12px;font-variant-numeric:tabular-nums}.referral-table{width:100%}@media(max-width:1000px){.referral-layout{grid-template-columns:minmax(0,1fr)}.referral-side{grid-template-columns:1fr 1fr}.referral-hero{padding:26px}.referral-symbol{margin-right:10px}}@media(max-width:600px){.referral-hero{padding:22px;gap:5px}.referral-hero .referral-symbol{display:none}.referral-hero h2{font-size:25px;letter-spacing:-.6px}.referral-side{grid-template-columns:1fr}.referral-metrics{gap:35px}.referral-link{gap:0}.referral-link input{font-size:11px;padding:8px 4px}.referral-link .btn{padding:8px;font-size:11px}.referral-person{flex-wrap:wrap;gap:10px;padding:16px 18px}.referral-person .badge{margin-left:46px}.referral-admin-metrics{grid-template-columns:1fr;gap:10px}.referral-admin-metrics section{display:flex;align-items:center;justify-content:space-between}.referral-admin-metrics strong{margin:0;font-size:27px}}
.referral-hero{background:var(--panel,var(--surface));color:var(--text);gap:32px}.referral-hero p{color:var(--muted)}.referral-rate{flex:0 0 auto;text-align:right;color:var(--accent);padding-right:8px}.referral-rate strong{display:block;font-size:76px;line-height:1;font-weight:650;letter-spacing:-5px;font-variant-numeric:tabular-nums}.referral-rate strong span{font-size:34px;letter-spacing:-1px}.referral-rate small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px;max-width:120px;margin-left:auto}.referral-metrics{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:22px}.referral-metrics>div{min-width:0}.referral-metrics .referral-money{font-size:clamp(22px,2.3vw,34px);overflow-wrap:anywhere;letter-spacing:-1px;color:var(--accent)}.referral-pending{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:20px 0 0}.referral-pending svg{width:16px;height:16px;flex-shrink:0}.referral-site summary{display:flex;gap:7px;align-items:center;color:var(--accent)}.referral-site summary::after{content:'⌄';margin-left:auto}.referral-site[open] summary::after{content:'⌃'}.referral-site summary svg{width:17px;height:17px}.referral-side ol,.referral-side p{color:var(--muted)}.referral-side li::marker{color:var(--accent)}.referral-rule-icon{color:var(--accent);background:var(--accent-soft,transparent)}.referral-reward{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;border-top:1px solid var(--line);min-width:0}.referral-reward-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft,transparent);color:var(--accent);flex:0 0 32px}.referral-reward-icon svg{width:18px;height:18px}.referral-reward>div{flex:1;min-width:0}.referral-reward>div strong{display:block;font-size:13px;overflow-wrap:anywhere}.referral-reward p{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.5}.referral-reward small{display:block;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.referral-reward-sum{flex:0 0 auto;text-align:right;max-width:40%;font-variant-numeric:tabular-nums}.referral-reward-sum strong{display:block;color:var(--accent);font-size:17px;font-weight:600;overflow-wrap:anywhere}.referral-reward-sum small{margin-top:5px}.referral-reward.is-reversed .referral-reward-sum strong{text-decoration:line-through;color:var(--muted)}.referral-reward.is-reversed .referral-reward-icon{color:var(--muted)}.referral-rewards .referral-zero h3{margin:0}.referral-rewards .referral-zero p{margin-top:10px}.referral-avatar{border-radius:50%;color:var(--accent);background:var(--accent-soft,transparent)}
@media(max-width:600px){.referral-hero{gap:14px}.referral-hero h2{font-size:23px}.referral-rate{padding:0}.referral-rate strong{font-size:56px;letter-spacing:-3px}.referral-rate strong span{font-size:25px}.referral-rate small{max-width:80px;font-size:10px}.referral-metrics{gap:14px;grid-template-columns:1fr 1fr}.referral-metrics>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.referral-metrics>div:last-child .referral-money{font-size:32px}.referral-reward{padding:18px 16px;gap:10px}.referral-reward-icon{width:26px;height:26px;flex-basis:26px}.referral-reward-sum strong{font-size:15px}.referral-reward>div strong{font-size:12px}.referral-reward .referral-reward-sum small{font-size:10px}.referral-rewards .card-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.referral-rewards .card-head h2{font-size:18px}.referral-hero .btn{white-space:normal}.referral-admin-metrics strong{font-size:23px}}