.referral-view{max-width:1120px;margin:auto}.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:185px;padding:32px!important;background:linear-gradient(120deg,#1d314d,#171f30)!important}.referral-amount{display:block;font-size:clamp(32px,5vw,48px);line-height:1.3;margin:12px 0;letter-spacing:-1px;font-variant-numeric:tabular-nums}.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.referral-grid>.surface{padding:28px}.referral-actions,.referral-code,.referral-tabs,.referral-pager{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.referral-code{justify-content:space-between;margin:20px 0}.referral-code strong{font-size:23px;letter-spacing:2px}.referral-facts{display:grid;grid-template-columns:1fr auto;gap:14px}.referral-facts dd{margin:0}.referral-records{padding:24px}.referral-tabs{border-bottom:1px solid #ffffff18;padding-bottom:16px}.referral-tabs button[aria-pressed=true]{background:#29496c;color:#e9f4ff}.referral-record{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff14}.referral-record>div:last-child{text-align:right;white-space:nowrap}.referral-record p{margin:7px 0;font-size:13px}.referral-status{color:#9cc7e9}.referral-pager{justify-content:center;margin-top:20px}.referral-empty{text-align:center;padding:40px 20px}.referral-dialog{width:min(520px,calc(100vw - 32px));padding:0;border-radius:24px;background:#192438;color:#edf4ff;border:1px solid #ffffff26;max-height:85dvh}.referral-dialog::backdrop{background:#030b18a8;backdrop-filter:blur(5px)}.referral-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff1c}.referral-dialog h2{font-size:21px;margin:0}.referral-dialog header button{border:0;background:none;color:inherit;font-size:24px;width:36px;height:36px;padding:0}.referral-dialog-body{padding:24px}.referral-dialog form{display:grid;gap:18px}.referral-dialog label{display:grid;gap:9px}.referral-dialog input,.referral-dialog select{width:100%;box-sizing:border-box;min-height:44px;padding:11px 13px;border:1px solid #ffffff25;border-radius:12px;background:#111c2e;color:inherit}.referral-dialog [role=alert]{color:#ffb4b4;margin:0}.referral-toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:30px;background:#293e58;color:#fff;z-index:100000;box-shadow:0 8px 30px #0006;white-space:nowrap}.referral-view button,.referral-dialog form button{min-height:44px}.referral-grid p{line-height:1.8}.referral-dialog [hidden]{display:none!important}@media(max-width:700px){.referral-grid{grid-template-columns:1fr}.referral-hero{align-items:flex-start;flex-direction:column;padding:24px!important}.referral-grid>.surface{padding:22px}.referral-records{padding:20px}.referral-actions{width:100%}.referral-actions button{flex:1}.referral-record{gap:10px}}

.referral-dialog input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;margin:0 9px 0 0;vertical-align:middle;accent-color:#2c80ed}.referral-dialog textarea{box-sizing:border-box;width:100%;min-height:90px;padding:12px;border:1px solid #ffffff25;border-radius:12px;background:#111c2e;color:inherit;resize:vertical}.referral-record>div:first-child{min-width:0;overflow-wrap:anywhere}.referral-dialog .referral-facts dd{overflow-wrap:anywhere;min-width:0}.referral-dialog .referral-facts{grid-template-columns:auto minmax(0,1fr)}

@media(min-width:761px){.referral-rules-dialog{width:min(800px,calc(100vw - 64px))}.referral-rules-dialog form{grid-template-columns:1fr 1fr;align-items:end}.referral-rules-dialog form>p,.referral-rules-dialog form>button{grid-column:1/-1}}

.referral-payout-dialog{height:min(720px,85dvh);overflow:hidden}.referral-payout-dialog[open]{display:flex;flex-direction:column}.referral-payout-dialog>header{flex:none}.referral-payout-dialog>.referral-dialog-body{overflow:auto;flex:1;min-height:0}