.referrals-container{width:100%;height:100%;overflow-y:auto}.referrals{padding:24px;max-width:1100px;margin:0 auto}.referrals,.referrals-content{display:flex;flex-direction:column;gap:20px}.referrals-error{padding:12px 14px;border-radius:10px;background:var(--status-lost-bg);color:var(--status-lost);font-size:14px}.referrals-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.referrals-hero-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.referrals-hero-code{font-size:34px;font-weight:700;letter-spacing:.12em;margin:6px 0 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-accent)}.referrals-hero-copy{font-size:14px;color:var(--text-body);line-height:1.5;margin:0}.referrals-hero-right{display:flex;flex-direction:column;gap:10px;justify-content:center}.referrals-field-label{font-size:12px;color:var(--text-muted)}.referrals-share-row{display:flex;gap:8px;align-items:center}.referrals-share-input{flex:1 1;min-width:0;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface-raised);color:var(--text-ink)}.referrals-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.referrals-stat{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.referrals-stat-value{font-size:26px;font-weight:700;color:var(--text-ink)}.referrals-stat-label{margin-top:4px;font-size:14px;color:var(--text-muted)}.referrals-table-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px}.referrals-table-title{font-weight:600;margin-bottom:12px;color:var(--text-ink)}.referrals-table-wrap{overflow-x:auto}.referrals-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text-body)}.referrals-table td,.referrals-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-hairline)}.referrals-table th{font-weight:var(--weight-medium);color:var(--text-muted);font-size:12px}.referrals-empty{padding:16px;font-size:14px;color:var(--text-muted)}@media (max-width:760px){.referrals-hero{grid-template-columns:1fr}.referrals-stats{grid-template-columns:repeat(2,1fr)}}