.public-referral-field{flex-direction:column;align-items:stretch;gap:8px;letter-spacing:normal;text-transform:none}.public-referral-field>span{display:flex;align-items:center;justify-content:space-between}.public-referral-field>span small{color:#ffffff6b;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.public-referral-field input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#00000047;color:#fff;font:inherit;padding:12px 13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.public-referral-field input:focus{border-color:#ffffffb8;box-shadow:0 0 0 3px #ffffff1f}.public-referral-field>small{color:#ffffff85;font-size:11px;line-height:1.5}.public-field-error{color:#ff8f8f;font-size:11px}.public-checkout-total>div{display:flex;align-items:flex-end;gap:9px}.public-checkout-total>div small{color:#ffffff6b;text-decoration:line-through}.referral-page{display:grid;gap:18px}.referral-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:18px}.referral-muted{margin:5px 0 0;color:var(--text2);font-size:12px;line-height:1.55}.referral-code-form{display:grid;gap:12px;padding:18px}.referral-code-form>label:first-child{display:grid;gap:8px;color:var(--text2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.referral-code-input{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--input)}.referral-code-input>span{padding:12px 0 12px 13px;color:var(--text2);font-family:monospace;font-size:13px}.referral-code-input input{min-width:0;flex:1;border:0;background:transparent;color:#fff;font-family:monospace;font-size:14px;padding:12px 13px 12px 5px;outline:none}.referral-confirm{display:flex;align-items:center;gap:9px;color:var(--text2);font-size:12px}.referral-confirm input{accent-color:#2788ff}.referral-error{margin:-5px 0 0;color:#ff8585;font-size:11px}.referral-primary-button,.referral-copy-button,.referral-box button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:5px;background:#ffffff0d;color:var(--text2);cursor:pointer;font-size:11px;font-weight:700;padding:9px 12px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.referral-primary-button{justify-self:start}.referral-primary-button:hover,.referral-copy-button:hover,.referral-box button:hover{border-color:#3d3d3d;background:#ffffff1a}.referral-primary-button:disabled,.referral-box button:disabled{cursor:wait;opacity:.55}.referral-copy-button svg{width:14px;height:14px}.referral-code-display,.referral-share-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px;border:1px solid var(--border);border-radius:6px;background:var(--input);padding:12px 13px}.referral-code-display>span{color:#fff;font-family:monospace;font-size:20px;font-weight:800;letter-spacing:.04em}.referral-share-row{margin-top:-8px}.referral-share-row>span{min-width:0;overflow:hidden;color:var(--text2);font-family:monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.referral-stats{display:flex;flex-direction:column;gap:10px;flex:1}.referral-stat{display:flex;min-height:92px;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:6px;background:#ffffff05;padding:14px;height:100%}.referral-stat span{color:var(--text2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.referral-stat strong{color:#fff;font-size:19px}.referral-stat-accent{border-color:var(--border);background:linear-gradient(145deg,#ffffff17,#ffffff03)}.referral-reward-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px}.referral-reward-pool>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:5px;background:var(--input);color:var(--text2);font-size:11px;padding:10px}.referral-reward-pool svg{width:15px;height:15px;color:var(--text2)}.referral-reward-pool small{color:var(--text2)}.referral-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding:16px;border-top:1px solid var(--border)}.referral-box{display:flex;min-height:170px;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:7px;background:radial-gradient(circle at 90% 0%,rgb(255 255 255 / 4%),transparent 45%),var(--input);padding:17px}.referral-box.is-opened{border-color:var(--border);background:var(--input)}.referral-box-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:16px;border:1px solid var(--border);border-radius:7px;background:#ffffff0d;color:var(--text2)}.referral-box-icon svg{width:20px;height:20px}.referral-box-kicker{color:var(--text2);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.referral-box>strong{margin-top:4px;color:#fff;font-size:14px}.referral-box>small{margin-top:auto;color:var(--text2);font-size:10px}.referral-box button{margin-top:auto}.referral-purchase-list{display:grid}.referral-purchase{border-top:1px solid var(--border)}.referral-purchase-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.referral-purchase-summary>div,.referral-purchase-amount{display:flex;flex-direction:column;gap:4px}.referral-purchase-summary strong{color:#fff;font-size:13px}.referral-purchase-summary small{color:var(--text2);font-size:10px}.referral-purchase-amount{align-items:flex-end}.referral-purchase-amount .billing-status{text-transform:capitalize}.referral-invites{display:grid;gap:1px;background:var(--border);border-top:1px solid var(--border)}.referral-invites>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:9px;background:var(--input);color:var(--text2);font-size:11px;padding:10px 18px}.referral-invites svg{width:15px;height:15px;color:var(--text2)}.referral-invites strong{color:var(--text2);font-weight:600}.referral-invites small{color:var(--text2)}.referral-pagination{border-top:1px solid var(--border);padding:14px 18px}@media (max-width: 900px){.referral-layout{grid-template-columns:1fr}.referral-reward-pool{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.referral-stats,.referral-reward-pool{grid-template-columns:1fr}.referral-code-display,.referral-share-row,.referral-purchase-summary{align-items:stretch;flex-direction:column}.referral-copy-button{width:100%}.referral-purchase-amount{align-items:flex-start}.referral-invites>div{grid-template-columns:18px minmax(0,1fr)}.referral-invites strong,.referral-invites small{grid-column:2}}