.referral-loading{min-height:180px;display:grid;place-content:center;gap:10px;padding:28px;border:1px solid var(--line);background:var(--theme-surface,#fff);color:var(--soft);text-align:center}.referral-loading.error{color:#9b3f2c}.referral-loading button{justify-self:center;min-height:40px;padding:8px 14px;border:1px solid var(--teal);border-radius:6px;background:var(--theme-surface,#fff);color:var(--teal);cursor:pointer}
.referral-user{padding:34px 0;border-bottom:1px solid var(--line)}.referral-user-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.referral-user-heading h2,.referral-share h3,.referral-draw h3,.referral-user-lists h3{margin:0 0 7px;color:var(--ink)}.referral-user-heading h2{font-size:24px}.referral-user-heading p,.referral-share p,.referral-draw p{max-width:68ch;margin:0;color:var(--soft);font-size:12px;line-height:1.7}.referral-campaign-state{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--soft);font-size:10px;font-weight:800}.referral-campaign-state.is-active{border-color:#8bc8bd;background:#eaf7f4;color:#11675d}
.referral-activity-intro{margin:0 0 20px;padding:20px 24px;border-block:1px solid var(--line);background:var(--theme-hover,#f4f8f7)}.referral-activity-intro>:first-child{margin-top:0}.referral-activity-intro>:last-child{margin-bottom:0}.referral-activity-intro h3{font-size:17px}.referral-activity-intro p,.referral-activity-intro li{font-size:12px;line-height:1.75}
.referral-user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--theme-surface,#fff)}.referral-user-stats>div{min-height:112px;box-sizing:border-box;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.referral-user-stats>div:last-child{border-right:0}.referral-user-stats span,.referral-user-stats small{color:var(--soft);font-size:10px}.referral-user-stats strong{margin:12px 0 8px;color:var(--ink);font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.referral-share-and-draw{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);margin-top:20px;border:1px solid var(--line);background:var(--theme-surface,#fff)}.referral-share,.referral-draw{padding:26px}.referral-share{border-right:1px solid var(--line)}.referral-share label{display:block;margin-top:17px;color:var(--ink);font-size:11px;font-weight:800}.referral-share label>span{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:7px}.referral-share input,.referral-settings-form input,.referral-settings-form select,.referral-settings-form textarea,.referral-redemption input,.referral-reward-result input{box-sizing:border-box;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--theme-surface,#fff);color:var(--ink);font:inherit}.referral-settings-form textarea{resize:vertical;line-height:1.65}.referral-share input{border-radius:6px 0 0 6px;font-family:Consolas,"Courier New",monospace;font-size:11px}.referral-share button{min-width:96px;border:1px solid var(--teal);border-radius:0 6px 6px 0;background:var(--teal);color:#fff;font-weight:800;cursor:pointer}.referral-draw{display:flex;flex-direction:column}.referral-draw-result{display:grid;place-content:center;min-height:96px;margin:20px 0 14px;padding:12px;border:1px dashed var(--line);background:var(--theme-hover,#f4f8f7);color:var(--soft);text-align:center;overflow-wrap:anywhere;transition:background .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}.referral-draw-result>span{display:block;color:var(--soft);font-size:9px;font-weight:800}.referral-draw-result>strong{display:block;max-width:28ch;margin-top:7px;color:inherit;font-size:17px;line-height:1.35}.referral-draw-result.is-drawing{border-style:solid;border-color:#8bc8bd;background:#edf8f5;color:var(--teal)}.referral-draw-result.is-ticking>strong{animation:referral-prize-tick .16s cubic-bezier(.16,1,.3,1) both}.referral-draw-result.is-settling{box-shadow:0 8px 22px rgba(20,80,71,.09)}.referral-draw-result.is-win{border-style:solid;border-color:#e3a48f;background:#fff3ee;color:#b5482f}.referral-draw-result.is-empty{border-style:solid}.referral-draw-result.is-error{border-style:solid;border-color:#d5a194;background:#fff5f2;color:#914837}.referral-draw-result.is-final>strong{animation:referral-prize-final .42s cubic-bezier(.16,1,.3,1) both}.referral-draw>button{min-height:46px;border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#fff;font-weight:900;cursor:pointer}.referral-draw>button:hover:not(:disabled){background:#075f57}.referral-draw>button:disabled{cursor:not-allowed;opacity:.5}.referral-draw>small{margin-top:10px;color:var(--soft);font-size:10px;line-height:1.55}
@keyframes referral-prize-tick{from{opacity:.38;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes referral-prize-final{0%{opacity:.45;transform:scale(.96)}100%{opacity:1;transform:scale(1)}}
.referral-user-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}.referral-user-lists>section{min-width:0}.referral-user-lists>section>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.referral-user-lists>section>header h3{font-size:17px}.referral-user-lists>section>header span{color:var(--soft);font-size:11px}.referral-reward-list,.referral-record-list{display:grid}.referral-reward-list article,.referral-record-list article{min-width:0;padding:16px 0;border-bottom:1px solid var(--line)}.referral-reward-list article>div:first-child,.referral-record-list article{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-reward-list strong{display:block;font-size:16px;overflow-wrap:anywhere}.referral-reward-value{margin-top:3px}.referral-reward-list code{display:block;margin:10px 0 6px;color:var(--teal);font-size:12px;overflow-wrap:anywhere}.referral-reward-list small,.referral-record-list small{display:block;color:var(--soft);font-size:10px}.referral-reward-list button{margin-top:10px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--theme-surface,#fff);color:var(--teal);font-size:11px;cursor:pointer}.referral-reward-list button:disabled{color:var(--soft);cursor:not-allowed;opacity:.55}.referral-fulfillment{margin-top:10px;padding:10px 12px;background:var(--theme-hover,#f4f8f7);color:var(--soft);font-size:11px;line-height:1.65}.referral-fulfillment>:first-child{margin-top:0}.referral-fulfillment>:last-child{margin-bottom:0}.referral-record-list article>div{min-width:0}.referral-record-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.referral-record-list small{margin-top:5px}.referral-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#eef1f1;color:#56615e;font-size:9px;font-weight:900;white-space:nowrap}.referral-status.status-available,.referral-status.status-confirmed{background:#e6f5f1;color:#11675d}.referral-status.status-locked{background:#fff4d8;color:#735719}.referral-status.status-redeemed{background:#e9eef7;color:#335783}.referral-status.status-expired,.referral-status.status-void{background:#f3e8e5;color:#914837}.referral-empty{padding:24px 0;color:var(--soft);font-size:12px}
.referral-user-reward-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.referral-reward-list .referral-user-reward-actions button,.referral-reward-list .referral-user-reward-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--theme-surface,#fff);color:var(--teal);font-size:11px;line-height:1;text-decoration:none;cursor:pointer}.referral-reward-list .referral-user-reward-actions .referral-use-coupon{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:800}
.referral-admin{margin:0 var(--page-gutter,28px) 64px}.referral-admin-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);background:var(--theme-surface,#fff)}.referral-admin-summary>div{min-height:104px;box-sizing:border-box;padding:20px;border-right:1px solid var(--line)}.referral-admin-summary>div:last-child{border-right:0}.referral-admin-summary span{display:block;color:var(--soft);font-size:10px}.referral-admin-summary strong{display:block;margin-top:13px;font-size:24px;font-variant-numeric:tabular-nums}.referral-admin-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:28px;margin-top:30px;align-items:start}.referral-settings-form,.referral-redemption,.referral-admin-table{padding:26px;border:1px solid var(--line);background:var(--theme-surface,#fff)}.referral-settings-form>header,.referral-redemption>header,.referral-admin-table>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.referral-settings-form h2,.referral-redemption h2,.referral-admin-table h2{margin:0 0 6px;font-size:19px}.referral-settings-form p,.referral-redemption p,.referral-admin-table p{margin:0;color:var(--soft);font-size:11px;line-height:1.6}.referral-switch{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap}.referral-switch input{width:18px;min-height:18px;accent-color:var(--teal)}
.referral-settings-form fieldset{margin:0 0 20px;padding:18px;border:1px solid var(--line)}.referral-settings-form legend{padding:0 7px;color:var(--ink);font-size:11px;font-weight:900}.referral-intro-editor>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.referral-intro-editor label{color:var(--ink);font-size:11px;font-weight:800}.referral-intro-editor textarea{display:block;margin-top:7px}.referral-intro-editor section{min-width:0;padding-inline-start:20px;border-inline-start:1px solid var(--line)}.referral-intro-editor section>strong{font-size:11px}.referral-intro-editor [data-activity-preview]{max-height:260px;margin-top:12px;overflow:auto;color:var(--soft);font-size:11px;line-height:1.65}.referral-prize-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:4px}.referral-prize-editor-toolbar button,.referral-delete-prize{min-height:36px;padding:7px 12px;border:1px solid var(--teal);border-radius:6px;background:var(--theme-surface,#fff);color:var(--teal);font-weight:800;cursor:pointer}.referral-prize-row{padding:18px 0;border-top:1px solid var(--line)}.referral-prize-row:first-child{border-top:0}.referral-prize-row-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.referral-prize-row-head>strong{margin-right:auto;font-size:12px}.referral-delete-prize{border-color:#c68e80;color:#96452f}.referral-prize-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.referral-prize-fields label,.referral-settings-grid label,.referral-redemption label,.referral-reward-result label{min-width:0;color:var(--ink);font-size:11px;font-weight:800}.referral-prize-fields input,.referral-prize-fields select,.referral-prize-fields textarea{display:block;margin-top:7px}.referral-prize-fields [hidden]{display:none}.referral-prize-instructions{grid-column:1/-1}.referral-probability-input{display:grid;grid-template-columns:minmax(0,1fr) 30px;margin-top:7px}.referral-probability-input input{margin-top:0;border-radius:6px 0 0 6px}.referral-probability-input b{display:grid;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 6px 6px 0;color:var(--soft)}.referral-settings-form [data-probability-total]{margin-top:12px;font-weight:800}.referral-settings-form [data-probability-total].is-valid{color:#11675d}.referral-settings-form [data-probability-total].is-invalid{color:#a1432e}.referral-settings-grid{display:grid;grid-template-columns:1.4fr repeat(2,minmax(0,.7fr));gap:14px}.referral-settings-grid input{display:block;margin-top:7px}.referral-settings-grid small{display:block;margin-top:6px;color:var(--soft);font-size:9px;line-height:1.5}.referral-settings-form footer{display:flex;align-items:center;gap:14px;margin-top:20px}.referral-settings-form footer button,.referral-redemption form button,.referral-reward-actions button{min-height:44px;padding:9px 16px;border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#fff;font-weight:900;cursor:pointer}.referral-settings-form footer button:disabled{opacity:.55}.referral-settings-form footer span{color:var(--teal);font-size:11px}
.referral-outcomes{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);align-items:start;gap:24px;margin-top:24px;padding:20px 24px;border:1px solid var(--line);background:var(--theme-surface,#fff)}.referral-outcomes h2{margin:0 0 5px;font-size:17px}.referral-outcomes p{margin:0;color:var(--soft);font-size:10px}.referral-outcomes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.referral-outcomes>div>span{min-width:0;padding:10px 14px;background:var(--theme-surface,#fff);color:var(--soft);font-size:9px;overflow-wrap:anywhere}.referral-outcomes strong{display:block;margin-top:7px;color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums}.referral-redemption form{display:grid;gap:12px}.referral-redemption input,.referral-reward-result input{display:block;margin-top:7px}.referral-reward-result{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.referral-reward-result>.error{color:#9b3f2c}.referral-reward-identify{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line)}.referral-reward-identify>div{min-height:78px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.referral-reward-identify>div:nth-child(2n){border-right:0}.referral-reward-identify>div:last-child{border-bottom:0}.referral-reward-identify span{display:block;color:var(--soft);font-size:9px}.referral-reward-identify strong{display:block;margin-top:8px;font-size:12px;overflow-wrap:anywhere}.referral-admin-fulfillment{margin-top:16px;padding:12px;background:var(--theme-hover,#f4f8f7);font-size:11px;line-height:1.65}.referral-reward-result label{display:block;margin-top:16px}.referral-reward-actions{display:flex;gap:8px;margin-top:12px}.referral-reward-actions button{flex:1}.referral-reward-actions button.danger{border-color:#a84933;background:#a84933}.referral-reward-result>[data-reward-action-status]{display:block;min-height:18px;margin-top:9px;color:var(--teal);font-size:10px}.referral-terminal-state{margin-top:15px!important}
.referral-admin-table{margin-top:30px}.referral-table-toolbar{display:flex;align-items:end;gap:12px;margin:-4px 0 16px}.referral-table-toolbar label{display:grid;gap:6px;color:var(--soft);font-size:10px;font-weight:800}.referral-table-toolbar label:first-child{width:min(420px,100%)}.referral-table-toolbar input,.referral-table-toolbar select{box-sizing:border-box;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:var(--theme-surface,#fff);color:var(--ink);font:inherit}.referral-table-toolbar input{width:100%}.referral-table-toolbar select{min-width:112px}.referral-table-scroll{overflow:auto}.referral-admin-table table{width:100%;border-collapse:collapse;font-size:11px}.referral-admin-table th,.referral-admin-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.referral-admin-table th{background:var(--theme-hover,#f4f8f7);color:var(--soft);font-size:9px}.referral-admin-table td{color:var(--ink);font-variant-numeric:tabular-nums}.referral-admin-table code{color:var(--teal)}.referral-table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:40px;margin-top:14px;color:var(--soft);font-size:10px;font-variant-numeric:tabular-nums}.referral-table-pagination button{min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:var(--theme-surface,#fff);color:var(--ink);font-weight:800;cursor:pointer}.referral-table-pagination button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.referral-table-pagination button:disabled{cursor:not-allowed;opacity:.45}.referral-table-pagination.is-error{color:#9b3f2c}.referral-admin-table[aria-busy="true"] .referral-table-scroll{opacity:.58}
.referral-user button:focus-visible,.referral-user a:focus-visible,.referral-admin button:focus-visible,.referral-user input:focus-visible,.referral-admin input:focus-visible,.referral-admin select:focus-visible,.referral-admin textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.referral-user ::selection,.referral-admin ::selection{background:#b9e1d9;color:#102320}
@media(max-width:1100px){.referral-admin-workspace{grid-template-columns:1fr}.referral-redemption{position:static}.referral-intro-editor>div{grid-template-columns:1fr}.referral-intro-editor section{padding:18px 0 0;border-inline-start:0;border-top:1px solid var(--line)}}
@media(max-width:980px){.referral-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-user-stats>div:nth-child(2){border-right:0}.referral-user-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.referral-share-and-draw{grid-template-columns:1fr}.referral-share{border-right:0;border-bottom:1px solid var(--line)}.referral-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-admin-summary>div{border-bottom:1px solid var(--line)}.referral-admin-summary>div:nth-child(2n){border-right:0}.referral-admin-summary>div:last-child{grid-column:1/-1;border-bottom:0}.referral-settings-grid{grid-template-columns:1fr}.referral-user-lists{grid-template-columns:1fr}.referral-outcomes{grid-template-columns:1fr}.referral-prize-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-outcomes>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.referral-user-heading{flex-direction:column}.referral-activity-intro{padding:17px 16px}.referral-user-stats>div{min-height:98px;padding:16px}.referral-user-stats strong{font-size:24px}.referral-share,.referral-draw{padding:20px}.referral-share label>span{grid-template-columns:1fr}.referral-share input{border-radius:6px 6px 0 0}.referral-share button{min-height:42px;border-radius:0 0 6px 6px}.referral-admin{margin-left:var(--page-gutter,16px);margin-right:var(--page-gutter,16px)}.referral-settings-form,.referral-redemption,.referral-admin-table{padding:18px}.referral-settings-form>header,.referral-admin-table>header,.referral-prize-editor-toolbar{align-items:stretch;flex-direction:column}.referral-table-toolbar{align-items:stretch;flex-direction:column}.referral-table-toolbar label:first-child{width:100%}.referral-table-toolbar input,.referral-table-toolbar select{width:100%;font-size:16px}.referral-table-pagination{align-items:stretch;justify-content:stretch;flex-wrap:wrap}.referral-table-pagination span{width:100%;text-align:center}.referral-table-pagination button{flex:1}.referral-prize-fields{grid-template-columns:1fr}.referral-prize-row-head{flex-wrap:wrap}.referral-prize-row-head>strong{width:100%;margin-right:0}.referral-delete-prize{margin-left:auto}.referral-settings-form footer{align-items:stretch;flex-direction:column}.referral-settings-form footer button{width:100%}.referral-outcomes>div{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-reward-identify{grid-template-columns:1fr}.referral-reward-identify>div,.referral-reward-identify>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.referral-reward-identify>div:last-child{border-bottom:0}.referral-reward-actions{flex-direction:column}.referral-settings-form input,.referral-settings-form select,.referral-settings-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.referral-draw-result,.referral-draw-result>strong{animation:none!important;transition-duration:.01ms!important}.referral-draw-result.is-drawing{box-shadow:none}}