/* Scoped referral layout; independent of the existing site stylesheet. */
.ui-icon{display:inline-block;vertical-align:middle;flex:none;width:22px;height:22px}.sidebar nav a .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;height:22px;color:#08c9bd}.sidebar nav a .nav-icon svg{width:19px;height:19px}.sidebar nav a{gap:12px}.referral-page{--rf-border:#214653;--rf-muted:#a9c3cd;display:grid;gap:22px;min-width:0}.referral-page *{box-sizing:border-box}.referral-page .card{margin:0;padding:28px;border:1px solid var(--rf-border);border-radius:18px;min-width:0;background:#0a2330}.referral-page p{font-size:14px;line-height:1.7;color:var(--rf-muted);margin:10px 0}.referral-page h2{font-size:21px;line-height:1.35;margin:0;color:#f2f7fa}.referral-page h3{font-size:16px;margin:8px 0;color:#e8f3f6}.rf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rf-metric{display:flex;align-items:flex-start;gap:14px;padding:23px 18px;border-radius:16px;border:1px solid var(--rf-border);background:linear-gradient(130deg,#102f3c,#09202c);min-width:0}.rf-metric-icon,.rf-heading-icon,.rf-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#00bdb31a;color:#17d8c9;flex:none}.rf-metric>div{min-width:0}.rf-metric span:not(.rf-metric-icon){font-size:12px;color:var(--rf-muted)}.rf-metric strong{display:block;margin:9px 0 5px;font-size:28px;line-height:1.2;color:#f1f8fa;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rf-metric:first-child strong{color:#16d3c4}.rf-metric small{display:block;color:var(--rf-muted);font-size:11px;line-height:1.5}.rf-section-heading{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:14px}.rf-section-heading>div{min-width:0}.rf-section-heading p{margin:4px 0 0}.rf-kicker{display:block;color:#6cdbd3;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:5px}.rf-tag{margin-left:auto;border:1px solid #226453;border-radius:30px;padding:7px 11px;font-size:11px;white-space:nowrap;background:#00c9ac13;color:#74e4cc}.referral-page .rf-share{background:linear-gradient(120deg,#10343e,#0a2330 70%)}.referral-page label{display:block;font-size:13px;color:#e0eef3;font-weight:600;margin:20px 0 8px}.referral-page input{width:100%;min-width:0;max-width:100%;font:inherit;font-size:14px;border:1px solid #2a5260;background:#071c27;color:#e9f3f8;border-radius:10px;padding:14px 15px;min-height:48px;margin:0}.referral-page input:focus{outline:2px solid #00c7bc;outline-offset:2px}.referral-page input::placeholder{color:#7898a5;opacity:1}.rf-copy-row{display:flex;gap:10px;align-items:stretch}.rf-copy-row input{flex:1;font-size:13px}.rf-copy-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:132px;border-radius:10px;font-size:13px;padding:12px 18px;margin:0}.referral-page .rf-copy-status{min-height:20px;margin:5px 0;color:#72e1cc;font-size:12px}.rf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:18px;border-top:1px solid var(--rf-border)}.rf-steps>div{display:flex;gap:12px}.rf-step-number{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #246b6b;border-radius:50%;font-size:12px;color:#2ce1ce;flex:none}.rf-steps strong{font-size:13px;display:block}.referral-page .rf-steps p{font-size:12px;margin:4px 0 0}.rf-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}.rf-side{display:grid;gap:22px;min-width:0}.rf-available{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--rf-border);padding-top:18px;font-size:13px;color:var(--rf-muted)}.rf-available strong{color:#24d7c5}.referral-page .rf-balance-note{font-size:12px;padding:10px 12px;background:#e9b65a0d;border:1px solid #6b562b;border-radius:8px;color:#e6cc9b}.rf-label-hint{float:right;font-size:11px;color:var(--rf-muted);font-weight:400}.rf-amount-field{position:relative}.rf-amount-field input{padding-right:70px;font-size:18px}.rf-amount-field>span{position:absolute;right:15px;top:16px;color:#83acb9;font-size:12px;pointer-events:none}.referral-page .rf-field-note{font-size:12px;margin:8px 0 14px}.rf-fee-box{border-radius:12px;background:#061c26;border:1px solid #24444f;padding:17px;margin-top:22px}.rf-fee-box>div{display:flex;justify-content:space-between;gap:14px;font-size:13px;margin-bottom:12px;color:var(--rf-muted)}.rf-fee-box b{color:#e2edf2;font-weight:500;white-space:nowrap}.rf-fee-box .rf-net{border-top:1px solid #264650;padding-top:14px;margin:0;color:#e2edf2}.rf-net strong{color:#27d9c4;font-size:18px;white-space:nowrap}.referral-page .rf-submit{width:100%;min-height:48px;border-radius:10px;font-size:14px;margin-top:4px}.referral-page button:disabled{opacity:.45;cursor:not-allowed}.rf-schedule>.rf-heading-icon{margin-bottom:14px}.rf-date-windows{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.rf-date-windows>div{padding:17px;text-align:center;border:1px solid #295361;border-radius:12px;background:#061e29}.rf-date-windows strong{display:block;font-size:28px;color:#e9f5f9;line-height:1.2}.rf-date-windows span{display:block;font-size:11px;color:#a6bec9;margin-top:6px}.rf-status{display:inline-flex;align-items:center;border-radius:30px;font-size:11px;font-weight:600;padding:5px 10px;border:1px solid #406070;line-height:1.4;max-width:100%}.rf-status-pending{color:#ebcf93;border-color:#735e31;background:#a87d151a}.rf-status-paid{color:#78e3c5;border-color:#27604f;background:#13a77914}.rf-status-rejected{color:#f3b2b8;border-color:#794851;background:#aa304b18}.referral-page details.rf-rules{padding:20px 24px}.rf-rules summary{font-size:14px;font-weight:600;cursor:pointer;color:#dfeef4;min-height:24px}.rf-rules p{font-size:12px}.rf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px 18px}.rf-empty .rf-empty-icon{margin-bottom:8px;opacity:.8}.rf-empty p{margin:0;max-width:400px}.rf-history{margin-top:20px}.rf-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px 0;border-top:1px solid var(--rf-border)}.rf-history-row small,.rf-commission-row small{display:block;color:var(--rf-muted);font-size:11px;margin:6px 0}.rf-history-row strong,.rf-commission-row strong{font-size:14px}.rf-history-amount{text-align:right}.rf-history-amount strong>small{display:inline;font-weight:400}.rf-history-detail{grid-column:1/-1;min-width:0}.rf-wallet{display:block;font-size:12px;overflow-wrap:anywhere;color:#9cbecb}.rf-commission-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;border-top:1px solid var(--rf-border);padding:16px 0}.rf-commission-row>strong{color:#34d3bf;white-space:nowrap}.referral-page .button:focus-visible,.referral-page button:focus-visible,.rf-rules summary:focus-visible{outline:2px solid #65e8dc;outline-offset:3px}
@media(min-width:1450px){.referral-page{max-width:1280px}}
@media(max-width:1180px){.rf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-tag{display:none}.rf-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
@media(max-width:720px){.referral-page{gap:16px}.referral-page .card{padding:20px;border-radius:14px}.rf-metrics{gap:10px}.rf-metric{padding:16px 12px;gap:10px;flex-direction:column}.rf-metric-icon{width:34px;height:34px;border-radius:10px}.rf-metric strong{font-size:25px}.rf-metric small{font-size:10px}.rf-main-grid{grid-template-columns:minmax(0,1fr);gap:16px}.rf-side{gap:16px}.rf-steps{grid-template-columns:1fr;gap:16px}.referral-page h2{font-size:19px}.rf-heading-icon{width:38px;height:38px}.rf-copy-row{flex-direction:column}.rf-copy-row button{width:100%;min-height:44px}.rf-copy-row input{font-size:12px}.rf-commission-row{gap:10px;grid-template-columns:minmax(0,1fr) auto}.rf-commission-row>strong{grid-column:2;grid-row:1}.rf-commission-row .rf-status{grid-column:1;justify-self:start}.rf-label-hint{float:none;display:block;margin-top:3px}.rf-history-row{grid-template-columns:minmax(0,1fr)}.rf-history-amount{text-align:left}.rf-history-detail{grid-column:1}.rf-net strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.referral-page *{scroll-behavior:auto;transition:none}}