.referrals-page{flex:1;min-height:0;overflow:auto;padding:clamp(18px,3vw,40px);background:var(--studio-paper-warm);color:var(--studio-ink)}.referrals-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.referrals-heading h2,.referral-dialog h2{margin:4px 0;font-size:28px;font-weight:600}.referrals-heading p:last-child{color:var(--studio-secondary);font-size:14px}.referral-kicker{color:var(--studio-secondary);font-size:11px;font-weight:600;letter-spacing:.09em}.referral-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.referral-metrics>div,.referral-ledger{background:var(--studio-paper);border:1px solid var(--studio-line);border-radius:8px}.referral-metrics>div{padding:12px 14px}.referral-metrics span{display:block;font-size:13px;color:var(--studio-secondary)}.referral-metrics strong{display:block;margin-top:4px;font-size:25px;font-weight:600;font-variant-numeric:tabular-nums}.referral-metrics>div:last-child strong{color:var(--studio-green)}.referral-toolbar,.referral-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px}.referral-search{display:flex;align-items:center;gap:8px;color:var(--studio-secondary)}.referral-search input,.referral-dialog :is(input,select,textarea){font:inherit;color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:6px;background:var(--studio-paper);padding:8px 10px}.referral-search input{width:min(230px,65vw);font-size:14px}.referral-table-scroll{overflow:auto}.referral-ledger table{width:100%;border-collapse:collapse;min-width:410px;text-align:left}.referral-ledger th,.referral-ledger td{padding:8px 14px;border-top:1px solid var(--studio-line);vertical-align:middle}.referral-ledger th{font-size:12px;color:var(--studio-secondary);font-weight:600}.referral-ledger td{font-size:14px;overflow-wrap:anywhere}.referral-ledger td small{display:block;margin-top:2px;font-size:12px;color:var(--studio-secondary)}.referral-record{border:0;background:none;padding:0;text-align:left;font:inherit;font-weight:600;color:var(--studio-blue);cursor:pointer}.referral-record:hover{text-decoration:underline}.referral-date{white-space:nowrap;font-variant-numeric:tabular-nums}.referral-pagination{border-top:1px solid var(--studio-line);font-size:13px;color:var(--studio-secondary)}.referral-pagination>div{display:flex;gap:6px}.referral-empty{display:grid;justify-items:center;gap:9px;text-align:center;padding:36px 16px;color:var(--studio-secondary)}.referral-receipt,.referral-error{padding:9px 12px;border-radius:6px;margin-bottom:12px}.referral-receipt{background:var(--studio-green-soft);color:var(--studio-green)}.referral-error{background:var(--studio-rose-soft);color:var(--studio-rose)}.referral-dialog{margin:auto;max-height:min(92dvh,880px);width:min(560px,calc(100vw - 24px));padding:0;overflow:auto;background:var(--studio-paper);color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:12px;box-shadow:0 18px 65px #28241e38;font:14px var(--font-ui)}.referral-dialog::backdrop{background:#25272070}.referral-dialog form{padding:20px;display:grid;gap:17px}.referral-dialog header,.referral-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.referral-dialog footer{justify-content:flex-end}.referral-dialog fieldset{border:0;min-width:0;display:grid;gap:9px}.referral-dialog legend{font-weight:600;margin-bottom:5px}.referral-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.referral-field-wide{grid-column:1 / -1}.referral-dialog label{display:block;font-weight:500}.referral-dialog label small,.referral-hint{color:var(--studio-secondary);font-size:12px;font-weight:400}.referral-dialog :is(input,select,textarea){display:block;width:100%;margin-top:4px;font-weight:400}.referral-dialog textarea{resize:vertical}.referral-matches{max-height:145px;overflow:auto;border:1px solid var(--studio-line);border-radius:6px;margin-top:5px}.referral-matches button{display:block;width:100%;padding:8px 10px;background:transparent;border:0;text-align:left;color:inherit;cursor:pointer}.referral-matches button:hover,.referral-matches button:focus-visible{background:var(--studio-blue-soft)}.referral-matches small,.referral-picked small{display:block;color:var(--studio-secondary);overflow-wrap:anywhere}.referral-matches p{padding:9px 10px}.referral-picked{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;background:var(--studio-blue-soft);border-radius:6px}.referrals-page :focus-visible,.referral-dialog :focus-visible{outline:2px solid var(--studio-blue);outline-offset:2px}@media(max-width:520px){.referrals-heading{margin-bottom:16px}.referral-metrics>div{padding:10px}.referral-ledger th,.referral-ledger td{padding-inline:8px}}