#referrals-view{max-width:1160px;min-width:0}
.referral-heading{gap:24px;align-items:flex-start}
.referral-heading>div>p:not(.eyebrow){color:var(--muted);font-size:.9375rem;line-height:1.6;margin-top:12px}
.referral-heading>.back-link{padding-top:8px;white-space:nowrap}
.referral-link-card,.referral-card,.referral-progress-card,.referral-stat,.referral-login,.referral-error{background:var(--surface);border:1px solid var(--line);border-radius:16px}
.referral-link-card{padding:28px;background:radial-gradient(ellipse at top right,#62192740,transparent 60%),var(--surface);border-color:#4c2932}
.referral-link-intro{display:flex;align-items:flex-start;gap:18px}
.referral-feature-icon,.referral-notification-icon{display:grid;place-items:center;flex-shrink:0;border:1px solid #6e3543;background:#2c161f;color:#ffb0bb;border-radius:13px}
.referral-feature-icon{width:52px;height:52px}
.referral-feature-icon svg{width:27px;height:27px}
.referral-link-intro>div{flex:1;min-width:0}
.referral-link-intro h2{font-size:1.35rem;letter-spacing:-.035em}
.referral-link-intro>div>p:not(.eyebrow){font-size:.875rem;line-height:1.65;color:var(--muted);max-width:630px;margin-top:8px}
.referral-program-status,.referral-status{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5c3b43;border-radius:6px;padding:4px 9px;color:#e4bac4;background:#271b21;font-size:.75rem;line-height:1.5;white-space:nowrap}
.referral-program-status{margin-left:auto}
.referral-program-status.is-active,.referral-status-credited{background:#16271f;border-color:#375944;color:#b3e1c2}
.referral-link-label{display:block;margin-top:24px;margin-bottom:8px;font-size:.8125rem;font-weight:600;color:#d5ccd4}
.referral-link-controls{display:flex;align-items:stretch;gap:10px}
.referral-link-controls input{flex:1;min-width:0;padding:12px 14px;background:#0d0d11;border-color:#4e3039;font-size:.875rem;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}
.referral-link-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:46px}
.referral-link-controls svg{width:18px;height:18px;flex-shrink:0}
.referral-link-controls button:active:enabled{transform:translateY(1px)}
.referral-link-status{font-size:.8125rem;line-height:1.55;min-height:20px;margin-top:12px;color:var(--muted)}
.referral-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.referral-stat{padding:23px;min-width:0}
.referral-stat>span{display:block;font-size:.8125rem;color:var(--muted)}
.referral-stat>strong{display:block;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:750;line-height:1.25;letter-spacing:-.045em;margin:13px 0 10px;overflow-wrap:anywhere}
.referral-stat>p,.referral-stat>a{font-size:.75rem;color:var(--muted);line-height:1.55}
.referral-stat>a{display:inline-block;text-decoration:underline;text-decoration-color:#5f525a;text-underline-offset:4px}
.referral-stat>a:hover{color:#fff}
.referral-stat-pending{border-color:#5a4328;background:linear-gradient(145deg,#281e1533,var(--surface))}
.referral-stat-pending>strong{color:#e9cba1}
.referral-stat-balance{border-color:#385346;background:linear-gradient(145deg,#1c352a40,var(--surface))}
.referral-stat-balance>strong{color:#b3e1c2}
.referral-progress-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 26px;margin-bottom:22px}
.referral-progress-card h2{font-size:1rem;margin-bottom:6px}
.referral-progress-card p{font-size:.8125rem;color:var(--muted);line-height:1.6}
.referral-progress-card progress{appearance:none;display:block;flex:0 0 32%;height:7px;border:0;border-radius:99px;overflow:hidden;background:#26232b;color:var(--red);accent-color:var(--red)}
.referral-progress-card progress::-webkit-progress-bar{background:#26232b;border-radius:99px}
.referral-progress-card progress::-webkit-progress-value{background:linear-gradient(90deg,#a62c38,#e31b23);border-radius:99px}
.referral-progress-card progress::-moz-progress-bar{background:#e31b23;border-radius:99px}
.referral-bottom-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
.referral-card{padding:25px;min-width:0}
.referral-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}
.referral-card-heading h2{font-size:1.15rem}
.referral-card-heading>.text-button{font-size:.8125rem;white-space:nowrap}
.referral-card-heading>svg{width:20px;height:20px;color:#9a8b95;flex-shrink:0}
.referral-history-labels,.referral-history-row{display:grid;grid-template-columns:105px 85px minmax(0,1fr);gap:12px}
.referral-history-labels{font-size:.75rem;color:#8f8490;border-bottom:1px solid var(--line);padding:0 0 12px}
.referral-history-list,.referral-notifications{list-style:none;margin:0;padding:0}
.referral-history-row{padding:17px 0;border-bottom:1px solid var(--line);font-size:.8125rem;align-items:start}
.referral-history-row:last-child{border-bottom:none;padding-bottom:0}
.referral-history-row time{color:#c1b9c4;display:block}
.referral-history-row strong{font-size:.9375rem;font-weight:650;white-space:nowrap}
.referral-history-row p{color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:6px}
.referral-mobile-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.referral-status-pending{background:#282116;border-color:#6d5734;color:#e6c99c}
.referral-status-review,.referral-status-blocked{background:#281b25;border-color:#704459;color:#eab3ce}
.referral-status-cancelled,.referral-status-reversed{background:#201d22;border-color:#464047;color:#b5a8b4}
.referral-notifications{max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#493740 transparent}
.referral-notifications>li{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.referral-notifications>li:first-child{padding-top:0;border-top:0}
.referral-notifications>li:last-child{padding-bottom:0}
.referral-notifications>li>div{min-width:0}
.referral-notification-icon{width:33px;height:33px;border-radius:9px}
.referral-notification-icon svg{width:17px;height:17px}
.referral-notifications strong{display:block;font-size:.8125rem;font-weight:600;line-height:1.5}
.referral-notifications>li.is-unread strong:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:middle;background:#f06777}
.referral-notifications p{color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:5px}
.referral-notifications time{display:block;margin-top:8px;font-size:.75rem;color:#9b8c98}
.referral-empty-notifications{font-size:.875rem;color:var(--muted);line-height:1.7;padding-bottom:6px}
.referral-unread-count{display:inline-grid;place-items:center;vertical-align:middle;font-size:.75rem;font-weight:650;min-width:21px;height:21px;margin-left:5px;background:#351923;color:#f1bec9;border:1px solid #754152;border-radius:6px;padding:0 5px}
.referral-read-button{display:inline-block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);width:100%;text-align:left;font-size:.8125rem}
.referral-notification-error{color:#e3b8c3;font-size:.8125rem;margin-bottom:16px;line-height:1.65}
.referral-empty{text-align:center;padding:22px 12px 18px}
.referral-empty>svg{display:block;width:35px;height:35px;margin:0 auto 14px;color:#8b5b6b}
.referral-empty h3{font-size:1rem;margin-bottom:9px}
.referral-empty p{font-size:.875rem;color:var(--muted);line-height:1.7}
.referral-rules{padding:22px 26px;background:#0e0e12;border:1px solid var(--line);border-radius:12px;margin-top:22px}
.referral-rules summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#d0c5cd}
.referral-rules ol{padding-left:20px;margin:18px 0 13px;color:var(--muted);font-size:.8125rem;line-height:1.75}
.referral-rules li{padding-left:3px;margin-bottom:8px}
.referral-rules p{font-size:.75rem;line-height:1.8;color:var(--muted)}
.referral-login{text-align:center;padding:44px 28px}
.referral-login>svg{display:block;width:46px;height:46px;margin:0 auto 22px;color:#ee95a7}
.referral-login h2{font-size:1.5rem;margin-bottom:14px}
.referral-login>p{font-size:.875rem;color:var(--muted);max-width:450px;margin:0 auto;line-height:1.7}
.referral-login>.primary-button,.referral-login>.secondary-button{display:inline-flex;margin:23px 0}
.referral-login>.referral-caption{font-size:.75rem;color:#91848f}
.referral-error{padding:28px;max-width:650px;margin:0 auto;text-align:center}
.referral-error h2{font-size:1.2rem;margin-bottom:12px}
.referral-error p{font-size:.875rem;line-height:1.65;color:var(--muted);margin-bottom:22px}
.referral-paused,.referral-refresh-error{border:1px solid #604732;border-radius:10px;background:#251c153b;padding:16px 20px;margin-bottom:20px;font-size:.875rem;color:#e5c49e}
.referral-paused p{font-size:.8125rem;line-height:1.65;color:#c6b5a3;margin-top:4px}
.referral-refresh-error .text-button{font-size:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.referral-loading{font-size:.875rem;color:var(--muted);padding:24px 0}
.referral-skeleton .referral-stat>span,.referral-skeleton .referral-stat>strong{background:#221f26;border-radius:6px;min-height:15px;width:68%}
.referral-skeleton .referral-stat>strong{min-height:35px;width:42%;margin-bottom:4px}
@media(max-width:1000px){.referral-bottom-layout{grid-template-columns:1fr}.referral-history-labels,.referral-history-row{grid-template-columns:150px 130px minmax(0,1fr)}.referral-notifications{max-height:320px}}
@media(max-width:650px){.referral-heading{display:block}.referral-heading>.back-link{display:inline-block;padding-top:15px}.referral-link-card{padding:23px}.referral-link-intro{gap:12px;flex-wrap:wrap}.referral-feature-icon{width:42px;height:42px;border-radius:11px}.referral-feature-icon svg{width:23px;height:23px}.referral-link-intro>div{flex-basis:calc(100% - 55px)}.referral-program-status{margin-left:54px}.referral-link-intro h2{font-size:1.15rem}.referral-link-label{margin-top:20px}.referral-link-controls{flex-wrap:wrap}.referral-link-controls input{flex:0 0 100%;width:100%}.referral-link-controls button{flex:1;padding:11px 12px}.referral-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.referral-stat{padding:18px}.referral-stat>strong{font-size:1.8rem;margin:11px 0 8px}.referral-stat>span{font-size:.75rem;line-height:1.5}.referral-stat>p,.referral-stat>a{font-size:.75rem}.referral-progress-card{flex-direction:column;align-items:stretch;gap:16px;padding:21px;margin-bottom:18px}.referral-progress-card progress{flex:0 0 auto;width:100%}.referral-bottom-layout{gap:18px}.referral-card{padding:21px}.referral-history-labels{display:none}.referral-history-row{grid-template-columns:1fr auto;gap:13px;padding:16px 0}.referral-history-row>div:last-child{grid-column:1/-1}.referral-history-row>div:nth-child(2){text-align:right}.referral-mobile-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;display:block;color:#958a95;font-size:.75rem;margin-bottom:4px}.referral-history-row>div:last-child .referral-mobile-label{display:none}.referral-history-row>div:last-child>p{display:inline;margin-left:9px}.referral-history-row time{font-size:.8125rem}.referral-rules{padding:20px 21px;margin-top:18px}.referral-login{padding:35px 23px}.referral-login h2{font-size:1.25rem}.referral-card-heading{gap:10px}}
@media(max-width:360px){.referral-stat{padding:15px}.referral-stat>strong{font-size:1.55rem}.referral-link-card,.referral-card{padding:18px}.referral-link-intro>div{flex-basis:100%}.referral-program-status{margin-left:auto}.referral-history-row>div:last-child>p{display:block;margin-left:0;margin-top:8px}}