.referrals-container{width:100%;height:100%;overflow-y:auto}.referrals{padding:var(--ds-space-6);max-width:1100px;margin:0 auto}.referrals,.referrals-content{display:flex;flex-direction:column;gap:var(--ds-space-5)}.referrals-error{padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-danger-tint);border-radius:var(--ds-radius-md);background:var(--ds-danger-tint);color:var(--ds-danger);font-size:var(--ds-text-ui)}.referrals-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ds-space-6);gap:var(--ds-space-6);padding:var(--ds-space-6);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.referrals-hero-eyebrow{font-size:var(--ds-text-2xs);text-transform:uppercase;color:var(--ds-text-muted)}.referrals-hero-code,.referrals-hero-eyebrow{font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-caps)}.referrals-hero-code{margin:var(--ds-space-2) 0 var(--ds-space-3);font-family:var(--ds-font-mono);font-size:var(--ds-text-h1);line-height:var(--ds-leading-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ds-accent-strong)}.referrals-hero-copy{margin:0;font-size:var(--ds-text-ui);line-height:var(--ds-leading-normal);color:var(--ds-text-muted)}.referrals-hero-copy strong{font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.referrals-hero-right{display:flex;flex-direction:column;gap:var(--ds-space-2);justify-content:center}.referrals-field-label{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text)}.referrals-share-row{display:flex;gap:var(--ds-space-2);align-items:center}.referrals-share-input{flex:1 1;min-width:0;height:var(--ds-control-h-sm);padding:0 var(--ds-space-3);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text);font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);transition:border-color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter)}.referrals-share-input:focus{outline:none;border-color:var(--ds-accent);box-shadow:var(--ds-shadow-ring)}.referrals-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.referrals-stat{--ds-referrals-stat-fs:var(--ds-text-h2);padding:var(--ds-space-5);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.referrals-stat-value{font-size:var(--ds-referrals-stat-fs);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ds-text)}.referrals-stat-label{margin-top:var(--ds-space-2);font-size:var(--ds-text-ui);color:var(--ds-text-muted)}.referrals-table-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);padding:var(--ds-space-5)}.referrals-table-title{margin-bottom:var(--ds-space-3);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-tight);color:var(--ds-text)}.referrals-table-wrap{overflow-x:auto;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.referrals-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:var(--ds-text-table);line-height:var(--ds-leading-snug);color:var(--ds-text)}.referrals-table td,.referrals-table th{height:var(--ds-row-h);padding:0 var(--ds-space-3);text-align:left;white-space:nowrap;border-bottom:1px solid var(--ds-border)}.referrals-table th{background:var(--ds-surface-sunken);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);color:var(--ds-text-muted)}.referrals-table tbody tr:last-child td{border-bottom:0}.referrals-empty{padding:var(--ds-space-4) 0 0;font-size:var(--ds-text-ui);color:var(--ds-text-muted)}@media (max-width:768px){.referrals-hero{grid-template-columns:1fr}.referrals-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.referrals-stat{--ds-referrals-stat-fs:var(--ds-text-h3)}}