#pg-affiliates .ph-sub{max-width:680px;line-height:1.6}
#pg-affiliates .referral-view{padding:18px 24px 32px;overflow:auto}
.rf-root{width:100%;min-width:0;color:var(--text);font-size:12px;line-height:1.6}
#notif-wrapper{display:flex;align-items:center;gap:8px}
#referral-rules-help[hidden]{display:none!important}
#referral-rules-help{width:38px;height:38px;min-width:38px;border-radius:12px}
#referral-rules-dialog{margin:auto;width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 64px);padding:0;border:1px solid var(--border2);border-radius:18px;color:var(--text);background:rgba(16,15,27,.97);box-shadow:0 24px 100px #0006;overflow:hidden}
#referral-rules-dialog[open]{display:flex;flex-direction:column}
#referral-rules-dialog::backdrop{background:rgba(4,4,10,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.rf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);flex:none}
.rf-dialog-head h2{font-family:'Poppins',sans-serif;font-size:17px;font-weight:600;margin:0}
.rf-dialog-head p{font-size:11px;color:var(--text3);margin:4px 0 0}
.rf-dialog-head button{font-size:23px;flex:none;border-radius:10px}
.rf-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 8px}
#referral-rules-dialog .rf-rules-article,.rf-welcome-article .rf-rules-article{padding:8px 26px 24px}
.rf-rules.rf-rules-article p{font-size:12px;line-height:1.95;margin:0 0 17px;color:var(--text2);overflow-wrap:anywhere}
.rf-rules-article p:last-child{margin-bottom:0}
.rf-welcome-article{max-width:960px}
.rf-document .rf-doc-intro{margin:10px 0 24px}
.rf-root .rf-document h1{font:600 23px/1.35 'Poppins',sans-serif;letter-spacing:-.55px;margin:0 0 12px;color:var(--text)}
.rf-root .rf-document h2{font:600 16px/1.5 'Poppins',sans-serif;letter-spacing:-.2px;margin:0 0 12px;color:var(--text)}
.rf-root .rf-document h3{font-size:12px;line-height:1.6;font-weight:700;margin:16px 0 8px;color:var(--violet3)}
.rf-document .rf-doc-section{display:block;padding:0;border:0;margin:26px 0 0}
.rf-document .rf-doc-intro>p{color:var(--text2)}
.rf-document ul{list-style:disc;margin:0 0 16px;padding:0 0 0 19px;color:var(--text2);font-size:12px;line-height:1.85}
.rf-document li{padding-left:3px;margin:7px 0}.rf-document li::marker{color:var(--violet3);font-size:10px}
.rf-doc-note{padding:12px 14px;border-left:2px solid var(--violetborder);border-radius:0 8px 8px 0;background:var(--violetbg);color:var(--text3);font-size:11px;line-height:1.8;margin:16px 0}
.rf-locked{min-height:calc(100dvh - 200px);display:grid;place-items:center;padding:36px 20px;background:transparent}
.rf-lock-message{width:min(100%,440px);padding:34px 32px;text-align:center;border:1px solid var(--border);border-radius:22px;background:rgba(22,20,35,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.rf-lock-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border:1px solid var(--violetborder);border-radius:23px;color:var(--violet3);background:var(--violetbg)}.rf-root .rf-lock-icon svg{width:34px;height:34px}
.rf-root .rf-lock-message h2{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:0 0 12px}
.rf-root .rf-lock-message p{font-size:13px;line-height:1.85}.rf-lock-message small{display:block;font-size:11px;line-height:1.8;color:var(--text3);margin-top:16px}
#referral-mobile-help-slot{display:none}
@media(max-width:900px){#pg-affiliates .ph>div:first-child{flex:1;min-width:0}#referral-mobile-help-slot{display:block;flex:none;align-self:center}#referral-mobile-help-slot #referral-rules-help{width:34px;height:34px;min-width:34px;border-radius:11px;color:var(--text2);box-shadow:none}.rf-root .rf-document h1{font-size:21px}.rf-root .rf-document h2{font-size:15px}.rf-locked{min-height:calc(100dvh - 270px);padding:24px 0}.rf-lock-message{padding:28px 22px}.rf-root .rf-lock-message h2{font-size:21px}}
@media(max-width:900px){#referral-rules-dialog .rf-rules-article,.rf-welcome-article .rf-rules-article{padding:4px 20px 24px}.rf-rules.rf-rules-article p{font-size:12px;line-height:1.9}}
.rf-admin-actions{display:flex;justify-content:flex-end}.rf-admin-actions+.rf-stats{margin-top:14px}
@media(max-width:900px){#pg-affiliates .referral-view{padding-top:16px!important}#app .topbar #referral-rules-help{width:36px;height:40px;min-width:36px;background:transparent;border:0;box-shadow:none}#notif-wrapper{gap:4px}#referral-rules-dialog{width:calc(100% - 24px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));border-radius:16px}.rf-dialog-head{padding:17px 18px}.rf-dialog-head h2{font-size:16px}}
.rf-root *{box-sizing:border-box}.rf-root button,.rf-root input,.rf-root select{font-family:inherit}
.rf-root svg{width:18px;height:18px;flex:none;vertical-align:middle}.rf-root h2,.rf-root h3,.rf-root p{margin:0}.rf-root h2{font-family:'Poppins',sans-serif;font-size:21px;font-weight:600;line-height:1.4}.rf-root h3{font-size:13px;font-weight:650}.rf-root p{color:var(--text2)}
.rf-eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--violet3);display:block;margin-bottom:12px}
.rf-welcome{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}
.rf-intro{position:sticky;top:0;overflow:hidden;padding:32px;border:1px solid var(--violetborder);border-radius:18px;background:radial-gradient(ellipse at 5% 0%,rgba(139,92,246,.17),transparent 65%),var(--bg2)}
.rf-gift{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,rgba(167,139,250,.17),rgba(6,182,212,.05));color:var(--violet3);margin:28px 0 24px;border:1px solid var(--violetborder)}.rf-gift svg{width:30px;height:30px}.rf-intro h2{font-size:28px;max-width:350px;letter-spacing:-.025em}.rf-intro>p{font-size:12px;line-height:1.8;margin:16px 0 22px}
.rf-rate{padding:18px 0;border-block:1px solid var(--border);display:flex;gap:16px;align-items:center}.rf-rate strong{font-size:37px;line-height:1.2;color:var(--violet3);font-weight:600;font-family:'Poppins',sans-serif}.rf-rate span{color:var(--text2);max-width:155px}
.rf-steps{padding:0;margin:25px 0;list-style:none;display:grid;gap:20px}.rf-steps li{display:flex;gap:12px;align-items:center}.rf-steps b{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--violetborder);border-radius:50%;color:var(--violet3);font-size:10px;flex:none}.rf-steps span{color:var(--text2);font-size:11px}.rf-note{display:flex;gap:10px;font-size:10px;color:var(--text3);padding-top:18px;border-top:1px solid var(--border)}
.rf-terms{border:1px solid var(--border);border-radius:18px;background:var(--bg2);overflow:hidden}.rf-section-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.rf-section-heading p{font-size:10px;margin-top:3px;color:var(--text3)}.rf-section-heading h2{font-size:18px}.rf-section-heading .rf-eyebrow{margin-bottom:5px}
.rf-rules-full{padding:0 22px}.rf-rules-full section{display:flex;gap:16px;padding:23px 0;border-top:1px solid var(--border)}.rf-rule-number{font-size:11px;font-weight:650;color:var(--violet3);padding-top:2px}.rf-rules p{font-size:11px;line-height:1.85;margin-top:10px;color:var(--text2)}
.rf-consent{padding:24px 22px;background:rgba(139,92,246,.045);border-top:1px solid var(--border)}.rf-consent label{position:relative;display:flex;gap:12px;align-items:start;cursor:pointer;font-size:11px;color:var(--text2);line-height:1.8}.rf-consent input{position:absolute;left:0;top:2px;width:20px;height:20px;opacity:0;cursor:pointer;z-index:1}.rf-check{width:20px;height:20px;border:1px solid var(--border3);border-radius:6px;display:grid;place-items:center;flex:none;margin-top:2px;background:var(--bg3);transition:background .15s,border-color .15s}.rf-check svg{opacity:0;width:14px;height:14px}.rf-consent input:checked+.rf-check{background:var(--violet);border-color:var(--violet);color:#fff}.rf-consent input:checked+.rf-check svg{opacity:1}.rf-consent input:focus-visible+.rf-check{outline:2px solid var(--violet3);outline-offset:3px}.rf-consent .btn{margin-top:20px;min-height:42px;gap:12px}.rf-consent>small{display:block;font-size:9px;color:var(--text3);margin-top:10px}
.rf-member-head,.rf-admin-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:4px 0 24px}.rf-member-head p,.rf-admin-head p{font-size:11px;margin-top:7px;max-width:640px}.rf-member-head .rf-eyebrow{margin-bottom:6px}.rf-member-head>.btn,.rf-admin-head>.btn{flex:none}
.rf-link-card{padding:25px;border:1px solid var(--violetborder);border-radius:14px;background:linear-gradient(120deg,rgba(139,92,246,.11),rgba(6,182,212,.025)),var(--bg2);margin-bottom:20px}.rf-link-card>div:first-child{position:relative;padding-left:45px}.rf-link-icon{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:9px;color:var(--violet3);display:grid;place-items:center;background:var(--violetbg)}.rf-link-card p{font-size:10px;margin-top:3px}.rf-link-field{display:flex;gap:10px;margin:18px 0 15px}.rf-link-field input{flex:1;min-width:0;width:100%;color:var(--text);font-size:12px;background:rgba(8,8,15,.35);border:1px solid var(--border2);border-radius:8px;padding:12px}.rf-link-field .btn{gap:8px;flex:none}.rf-link-foot{display:flex;justify-content:space-between;gap:10px;color:var(--text3);font-size:10px;flex-wrap:wrap}.rf-link-foot b{color:var(--violet3);font-size:12px}
.rf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.rf-stat{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;min-width:0}.rf-stat>span{display:block;font-size:10px;color:var(--text2)}.rf-stat strong{font-family:'Poppins',sans-serif;display:block;font-size:23px;font-weight:600;margin-top:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.4}.rf-stat small{display:block;font-size:9px;color:var(--text3);margin-top:5px}.rf-highlight strong{color:var(--emerald)}
.rf-finance-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.rf-finance-action p{font-size:10px;color:var(--text3)}.rf-finance-action .btn{flex:none}.rf-lower{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rf-card{border:1px solid var(--border);border-radius:12px;background:var(--bg2);min-width:0;overflow:hidden}.rf-card>.rf-section-heading{border-bottom:1px solid var(--border)}.rf-count{font-size:10px;display:inline-block;margin-left:5px;padding:1px 7px;background:var(--bg4);color:var(--text3);border-radius:15px}
.rf-table-scroll{width:100%;max-height:440px;overflow:auto;overscroll-behavior:contain}.rf-root table{width:100%;border-collapse:collapse;white-space:nowrap}.rf-root th{font-size:9px;letter-spacing:.025em;color:var(--text3);font-weight:500;text-align:left;padding:12px 20px;background:var(--bg2);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--border)}.rf-root td{padding:15px 20px;border-bottom:1px solid var(--border);font-size:11px;vertical-align:middle}.rf-root tr:last-child td{border-bottom:0}.rf-root td strong{font-weight:600}.rf-root td small{font-size:9px;color:var(--text3);display:block;margin-top:4px;max-width:280px;white-space:normal;overflow-wrap:anywhere}.rf-root tbody tr:hover{background:rgba(139,92,246,.025)}
.rf-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:600;color:var(--text2);background:var(--bg4);padding:3px 8px;border-radius:20px;line-height:1.5}.rf-badge.active{color:var(--emerald);background:var(--emeraldbg)}.rf-badge.needs_acceptance{color:var(--amber);background:var(--amberbg)}.rf-badge.suspended{color:var(--rose);background:var(--rosebg)}.rf-empty{padding:40px 24px;text-align:center;color:var(--text3);font-size:11px}.rf-suspended{display:flex;align-items:start;gap:12px;padding:17px 20px;margin:18px 0;border:1px solid var(--amberborder);border-radius:12px;background:var(--amberbg);color:var(--text2);font-size:11px}.rf-suspended svg{color:var(--amber)}
.rf-current-rules{margin-bottom:20px}.rf-rules:not(.rf-rules-full){padding:5px 22px 12px}.rf-rules details{border-bottom:1px solid var(--border);padding:14px 0}.rf-rules details:last-child{border:0}.rf-rules summary,.rf-admin-rules>summary{cursor:pointer;color:var(--text2);font-size:11px;font-weight:600}.rf-admin-rules{margin-top:20px}.rf-admin-rules>summary{padding:18px 22px}.rf-admin-controls{align-items:center;flex-wrap:wrap}.rf-filters{display:flex;gap:10px;align-items:center;max-width:100%}.rf-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:8px;background:var(--bg3);padding:0 10px;min-width:0;max-width:100%;color:var(--text3)}.rf-search svg{width:15px;height:15px}.rf-search input{width:210px;min-width:0;background:none;border:0;color:var(--text);font-size:11px;padding:10px 0;outline:none}.rf-filters select{background:var(--bg3);color:var(--text2);border:1px solid var(--border2);border-radius:8px;padding:10px;font-size:11px;max-width:100%}.rf-person{display:flex;align-items:center;gap:10px}.rf-initials{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--violetbg);color:var(--violet3);font-weight:650;font-size:10px;flex:none}.rf-person strong{white-space:normal;display:block;min-width:130px;max-width:240px;overflow-wrap:anywhere}.rf-participant-table th,.rf-participant-table td{padding-left:16px;padding-right:16px}.rf-rate-form{display:flex;gap:6px;align-items:center}.rf-rate-form label{display:flex;gap:3px;align-items:center;color:var(--text3);font-size:10px;border:1px solid var(--border2);border-radius:6px;padding:4px 6px;background:var(--bg3)}.rf-rate-form input{width:49px;min-width:0;color:var(--text);font-size:11px;background:none;border:0;appearance:textfield;-moz-appearance:textfield}.rf-rate-form input::-webkit-inner-spin-button{appearance:none}.rf-root button:disabled{opacity:.45;cursor:not-allowed}.rf-load-error{padding:50px 20px;text-align:center}.rf-load-error p{margin:8px 0 20px}.rf-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--violet3);border-radius:50%;animation:rf-spin .8s linear infinite;vertical-align:middle;margin-right:7px}@keyframes rf-spin{to{transform:rotate(360deg)}}
.rf-auth-referral{font-size:11px;line-height:1.6;padding:10px 12px;border:1px solid var(--violetborder);border-radius:8px;color:var(--text2);background:var(--violetbg)}.rf-auth-referral button{background:none;color:var(--violet3);border:0;text-decoration:underline;font:inherit;cursor:pointer;margin-top:5px;margin-right:10px}
@media(min-width:1550px){.rf-welcome{grid-template-columns:420px 1fr;gap:32px}.rf-intro{padding:38px}.rf-rules-full{padding:0 30px}.rf-section-heading{padding:24px 30px}.rf-consent{padding:26px 30px}}
@media(max-width:1100px){.rf-welcome{grid-template-columns:300px minmax(0,1fr);gap:18px}.rf-intro{padding:24px}.rf-intro h2{font-size:25px}.rf-stats{gap:10px}.rf-stat{padding:16px}.rf-stat strong{font-size:20px}.rf-lower{grid-template-columns:1fr}}
@media(max-width:900px){#pg-affiliates .referral-view{padding:0 16px 24px;overflow:visible;flex:none}.rf-welcome{grid-template-columns:1fr}.rf-intro{position:static}.rf-intro h2{max-width:none}.rf-gift{float:right;margin:0 0 15px 15px;width:48px;height:48px;border-radius:14px}.rf-gift svg{width:25px;height:25px}.rf-intro>p{margin:12px 0 18px}.rf-rate{padding:15px 0}.rf-rate strong{font-size:32px}.rf-steps{gap:13px;margin:20px 0}.rf-note{padding-top:15px}.rf-stats{grid-template-columns:1fr 1fr}.rf-member-head,.rf-admin-head{flex-wrap:wrap;margin-bottom:18px;gap:12px}.rf-root h2{font-size:20px}.rf-link-card{padding:18px}.rf-link-card>div:first-child{padding-left:0}.rf-link-icon{position:static;float:right;margin-left:10px}.rf-link-field{flex-direction:column}.rf-link-field .btn{align-self:flex-end}.rf-link-field input{font-size:11px;padding:12px 10px}.rf-section-heading{padding:17px}.rf-terms .rf-section-heading{padding:23px 20px}.rf-rules-full{padding:0 20px}.rf-rules-full section{gap:12px;padding:20px 0}.rf-consent{padding:22px 20px}.rf-consent .btn{width:100%;justify-content:center}.rf-finance-action{align-items:start}.rf-finance-action p{max-width:200px}.rf-filters{width:100%;flex-wrap:wrap}.rf-search{flex:1;min-width:160px}.rf-search input{width:100%}.rf-filters select{flex:1;min-width:130px}.rf-root .rf-table-scroll{max-height:380px}.rf-root td,.rf-root th{padding:12px}.rf-stat strong{font-size:19px}.rf-root .btn{white-space:normal}.rf-participant-table{min-width:900px}}
@media(prefers-reduced-motion:reduce){.rf-spinner{animation:none}.rf-check{transition:none}}