.dashboard-referral-entry { position:relative; display:flex; flex-direction:column; align-items:center; width:100%; margin-top:auto; padding:12px 13px 13px; border:1px solid #e6e3f7; border-radius:15px; background:linear-gradient(160deg,#faf9ff 0%,#f2f0ff 100%); color:#343147; text-align:center; }
.dashboard-referral-entry__badge { align-self:flex-start; padding:4px 7px; border-radius:7px; background:#eae7ff; color:#6259dc; font-size:10px; font-weight:800; }
.dashboard-referral-entry__art { display:grid; place-items:center; width:40px; height:36px; margin:-2px 0 1px; transform:rotate(-10deg); filter:drop-shadow(0 4px 5px rgba(82,73,190,.16)); }
.dashboard-referral-entry strong { font-size:15px; font-weight:800; line-height:1.34; letter-spacing:-.04em; }
.dashboard-referral-entry strong em { color:#6158e5; font-style:normal; }
.dashboard-referral-entry small { margin-top:5px; color:#898599; font-size:10px; line-height:1.45; }
.dashboard-referral-entry__action { width:100%; min-height:36px; margin-top:11px; padding:0 12px; border:0; border-radius:9px; background:#645bea; color:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.dashboard-referral-entry__action:hover { background:#554bd5; }
.dashboard-referral-entry__action span { margin-left:3px; }
.dashboard-referral-entry__action:focus-visible,.referral-page button:focus-visible { outline:3px solid #a9a2ff; outline-offset:2px; }
.dashboard-referral-entry + .dashboard-usage-summary { margin-top:0; }
.referral-page { width:min(1050px,100%); min-height:100vh; margin:0 auto; padding:94px 42px 80px; color:#33313d; }
.referral-heading > span,.referral-section-heading > div > span { color:#655ce4; font-size:11px; font-weight:800; letter-spacing:.1em; }
.referral-heading h1 { margin:13px 0 10px; font-size:clamp(29px,3vw,39px); letter-spacing:-.06em; line-height:1.25; }
.referral-heading > p,.referral-section-heading p { margin:0; color:#83808f; font-size:14px; line-height:1.7; word-break:keep-all; }
.referral-grid { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(0,1fr); gap:18px; margin-top:31px; }
.referral-card,.referral-wallet,.referral-history { border:1px solid #eeedf2; border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(47,40,86,.045); }
.referral-card { padding:28px; }
.referral-invite { border-color:#e2defc; background:linear-gradient(145deg,#f5f3ff 0%,#fff 78%); }
.referral-card__eyebrow { color:#655ce4; font-size:12px; font-weight:800; }
.referral-card h2 { margin:12px 0 8px; color:#302d40; font-size:24px; letter-spacing:-.05em; line-height:1.35; }
.referral-card > p { margin:0; color:#878393; font-size:13px; line-height:1.65; word-break:keep-all; }
.referral-progress { margin:26px 0 23px; }
.referral-progress > div:first-child { display:flex; justify-content:space-between; color:#6d687b; font-size:12px; font-weight:700; }
.referral-progress strong { color:#6259e6; font-size:13px; }
.referral-progress__track { height:7px; margin:11px 0 7px; overflow:hidden; border-radius:99px; background:#e9e7f6; }
.referral-progress__track span { display:block; height:100%; border-radius:inherit; background:#6b61eb; }
.referral-progress small { color:#9b97a6; font-size:11px; }
.referral-invite label { display:block; margin-bottom:8px; color:#555063; font-size:12px; font-weight:700; }
.referral-link { display:flex; gap:7px; }
.referral-link input { flex:1; min-width:0; height:42px; padding:0 12px; border:1px solid #e7e5ee; border-radius:10px; background:#fff; color:#777383; font:inherit; font-size:11px; }
.referral-link button { flex:none; padding:0 16px; border:0; border-radius:10px; background:#655ce7; color:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.referral-link button:disabled { opacity:.5; cursor:default; }
.referral-copy-status { min-height:18px; margin-top:5px !important; color:#655ce4 !important; font-size:11px !important; }
.referral-steps ol { display:grid; gap:22px; margin:24px 0; padding:0; list-style:none; }
.referral-steps li { display:flex; gap:13px; }
.referral-steps li > b { display:grid; flex:none; place-items:center; width:30px; height:30px; border-radius:10px; background:#f0eefe; color:#6c63de; font-size:10px; }
.referral-steps li strong { font-size:13px; }
.referral-steps li p { margin:4px 0 0; color:#9995a2; font-size:12px; line-height:1.5; }
.referral-steps .referral-note { padding:12px 14px; border-radius:10px; background:#f7f6fa; color:#797583; font-size:11px; }
.referral-wallet,.referral-history { margin-top:18px; padding:26px 28px; }
.referral-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.referral-section-heading h2 { margin:8px 0 4px; font-size:21px; letter-spacing:-.05em; }
.referral-section-heading p { font-size:12px; }
.referral-totals { display:flex; flex-wrap:wrap; gap:7px; }
.referral-totals span { padding:8px 11px; border-radius:9px; background:#f5f4fb; color:#7d798b; font-size:11px; }
.referral-totals b { margin-left:5px; color:#6259e6; font-size:12px; }
.referral-ticket-list,.referral-history ul { margin:20px 0 0; padding:0; border-top:1px solid #f0eff4; list-style:none; }
.referral-ticket,.referral-history li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 0; border-bottom:1px solid #f4f3f7; }
.referral-ticket div,.referral-history li span { display:grid; gap:5px; min-width:0; }
.referral-ticket strong,.referral-history li strong { font-size:13px; }
.referral-ticket small,.referral-history li small { color:#a09ca9; font-size:11px; }
.referral-ticket > span,.referral-history li > b { flex:none; color:#6259e6; font-size:12px; font-weight:800; }
.referral-ticket > .is-muted { color:#aaa6b1; }
.referral-empty { margin:20px 0 0; color:#a19eaa; font-size:12px; }
@media (max-width:760px) {
  .referral-page { padding:82px 20px 55px; }
  .referral-heading h1 { font-size:28px; }
  .referral-grid { grid-template-columns:1fr; gap:12px; }
  .referral-card,.referral-wallet,.referral-history { padding:21px; border-radius:16px; }
  .referral-section-heading { align-items:start; flex-direction:column; gap:14px; }
}