.referral-center{--referral-accent:#24756f;max-width:1120px;margin:auto;letter-spacing:0}
.referral-share-actions .user-button{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:44px;padding:10px 16px;border:1px solid #24756f;border-radius:10px;background:#247d75;color:#fff;font-weight:750;line-height:1.2;box-shadow:0 5px 12px rgba(36,117,111,.12)}.referral-share-actions .user-button:hover:not(:disabled){background:#1f6d67;border-color:#1f6d67}.referral-share-actions .user-button:focus-visible{outline:2px solid #53b7aa;outline-offset:2px}
.referral-center [hidden]{display:none!important}.referral-center h2{font-size:20px;margin:0 0 7px}.referral-center h3{font-size:14px;margin:0 0 6px}.referral-center p{line-height:1.75}.referral-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:0 0 14px}.referral-intro p{color:#596975;font-size:13px;max-width:560px;margin:0}.referral-intro p strong{color:var(--brand-dark)}.referral-share{min-width:280px}.referral-code{display:flex;align-items:center;gap:14px;margin-bottom:12px}.referral-code small{color:var(--muted)}.referral-code strong{font-size:24px;letter-spacing:0;color:var(--brand-dark);font-variant-numeric:tabular-nums}.referral-share-actions{display:flex;gap:8px}.referral-share-actions button{font-size:12px}.referral-copy-fallback{margin-top:10px;padding:10px;width:100%;border:1px solid var(--line);border-radius:6px}.referral-guest{display:grid;gap:10px}.referral-center .hint{margin:0;min-height:24px}.referral-rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.referral-rules>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 16px;cursor:pointer;list-style:none;color:var(--brand-dark);font-weight:700;font-size:13px}.referral-rules>summary::-webkit-details-marker{display:none}.rule-toggle{font-size:19px}.referral-rules[open] .rule-toggle{transform:rotate(180deg)}.referral-rules-content{padding:8px 20px 20px}.referral-rule-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.referral-rules-content p{font-size:12px;color:#5c6b77;margin:5px 0}.referral-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:20px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.referral-chain strong{font-size:16px;color:var(--brand-dark)}.referral-chain small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.referral-chain>span{font-size:12px;color:var(--muted)}.referral-example dl{margin:14px 0}.referral-example dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);padding:8px 0;border-bottom:1px solid #eef2f5;font-size:12px}.referral-example dt{color:#596975}.referral-example dd{margin:0;color:var(--brand-dark);font-weight:650}.referral-settlement{margin-top:18px}.referral-rule-foot{padding-top:12px;border-top:1px solid var(--line)}.referral-totals{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.referral-totals button{display:grid;gap:6px;text-align:left;padding:20px;border:0;background:none;cursor:pointer;color:var(--ink)}.referral-totals button+button{border-left:1px solid var(--line)}.referral-totals span{font-size:12px;color:#596975}.referral-totals strong{font-size:30px;line-height:1.2;color:var(--brand-dark);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.referral-totals button+button strong{color:#976119}.referral-totals small{font-size:11px;color:var(--muted)}.referral-wallet-note{display:flex;justify-content:space-between;gap:15px;margin:10px 0 26px;font-size:12px;color:var(--muted)}.referral-wallet-note a{color:var(--brand-dark);flex-shrink:0}.referral-activity-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.referral-tabs{display:flex;gap:24px}.referral-tabs button{min-height:48px;border:0;border-bottom:3px solid transparent;background:none;padding:9px 0;font-weight:700;font-size:15px;color:var(--muted);cursor:pointer}.referral-tabs button[aria-selected=true]{color:var(--brand-dark);border-bottom-color:var(--brand)}.referral-text-button{border:0;background:none;color:var(--brand-dark);cursor:pointer;min-height:44px;font-size:12px;padding:8px}.referral-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px;flex-wrap:wrap}.referral-segment{display:flex;gap:0;border:1px solid #d6e1e6;border-radius:6px;overflow:hidden;max-width:100%}.referral-segment button{min-height:40px;padding:8px 12px;border:0;background:#fff;font-size:12px;color:var(--muted);cursor:pointer}.referral-segment button[aria-pressed=true]{background:#e6f3ef;color:var(--brand-dark);font-weight:700}.referral-segment span{margin-left:5px;font-variant-numeric:tabular-nums}.referral-filters label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.referral-filters select{max-width:100%;min-height:40px;padding:7px 30px 7px 10px;border:1px solid #d6e1e6;border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.referral-section-note{font-size:12px;color:var(--muted);min-height:22px;margin:8px 0 12px}.referral-list{min-height:150px}.referral-person,.referral-reward{border-bottom:1px solid var(--line);background:#fff}.referral-person>summary{list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) auto 14px;align-items:center;gap:12px;padding:15px;cursor:pointer}.referral-person>summary::-webkit-details-marker{display:none}.referral-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#386e7e;background:#e7f2f8;font-size:14px;font-weight:700}.referral-person-name{display:block;overflow-wrap:anywhere;font-size:14px}.referral-person summary p{margin:4px 0 0;font-size:11px;color:var(--muted)}.referral-person-amount{text-align:right;font-size:12px}.referral-person-amount strong{display:block;font-size:15px;color:var(--brand-dark);font-variant-numeric:tabular-nums}.referral-person-amount small{font-size:10px;color:var(--muted)}.referral-status{display:inline-block;font-size:10px;padding:2px 7px;border-radius:4px;background:#eff2f5;color:#5d6e7e}.referral-status.observation{background:#fff2dc;color:#8f5b15}.referral-status.settled,.referral-status.available{background:#e5f4ed;color:#236447}.referral-status.review{background:#eaf2fc;color:#315f97}.referral-status.needs_material,.referral-status.cancelled{background:#fff0ef;color:#a74239}.referral-person-detail{padding:0 20px 18px 63px;font-size:12px}.referral-person-detail p{color:var(--muted);margin:7px 0}.referral-person-detail>strong{font-size:13px;color:#976119}.referral-source-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 0;border-top:1px solid #eef2f5;font-size:12px}.referral-source-row span:last-child{color:var(--muted)}.referral-reward{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px}.referral-reward h3{font-size:13px;margin:0}.referral-reward p{font-size:12px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.referral-reward small{font-size:11px;color:var(--muted)}.referral-reward-amount{text-align:right;min-width:80px}.referral-reward-amount strong{display:block;color:var(--brand-dark);font-size:16px;font-variant-numeric:tabular-nums;margin-bottom:5px}.referral-reward.cancelled .referral-reward-amount strong{color:var(--muted);text-decoration:line-through}.referral-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px;font-size:12px;color:var(--muted)}.referral-pagination button{width:44px;height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--brand-dark);font-size:18px;cursor:pointer}.referral-center button:disabled{opacity:.5;cursor:default}.referral-empty{padding:38px 15px;text-align:center;color:var(--muted);font-size:13px}.referral-error{color:#a4342a}.referral-center button:focus-visible,.referral-center summary:focus-visible,.referral-center a:focus-visible{outline:2px solid #2476d8;outline-offset:3px}
@media(max-width:900px){.referral-intro{grid-template-columns:1fr;gap:20px}.referral-share{display:flex;align-items:center;justify-content:space-between;gap:16px}.referral-code{margin:0}.referral-rule-types{gap:14px}}
@media(max-width:600px){.referral-center h2{font-size:18px}.referral-intro{gap:14px}.referral-share{display:block;min-width:0}.referral-code{margin-bottom:12px}.referral-share-actions{display:grid;grid-template-columns:1fr 1fr}.referral-share-actions .user-button{padding:9px 6px}.referral-rule-types{grid-template-columns:1fr;gap:16px}.referral-rules-content{padding:8px 14px 16px}.referral-chain{gap:4px}.referral-chain>span{font-size:10px}.referral-chain strong{font-size:14px}.referral-chain small{font-size:10px}.referral-example dl>div{grid-template-columns:1fr;gap:4px}.referral-totals{margin-top:18px}.referral-totals button{padding:17px 12px}.referral-totals strong{font-size:24px}.referral-wallet-note{display:block;margin-bottom:18px}.referral-wallet-note a{display:inline-block;margin-top:6px}.referral-tabs{gap:20px}.referral-tabs button{font-size:14px}.referral-filters{gap:12px}.referral-filters label{flex:1;min-width:130px;justify-content:space-between}.referral-filters select{min-width:0;max-width:190px}.referral-person>summary{padding:13px 10px;gap:8px;grid-template-columns:30px minmax(0,1fr) auto 10px}.referral-avatar{width:30px;height:30px;font-size:12px}.referral-person-name{font-size:13px}.referral-person-detail{padding:0 12px 14px 48px}.referral-person-amount strong{font-size:13px}.referral-reward{padding:14px 10px;gap:10px}.referral-reward-amount strong{font-size:14px}}
.poster-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:18px;background:rgba(13,34,53,.68)}.poster-modal[hidden]{display:none}.poster-modal-card{position:relative;width:min(480px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28)}.poster-modal-card h2{margin:0;color:var(--ink);font-size:20px}.poster-subtitle{margin:5px 0 13px;color:var(--muted);font-size:12px}.poster-close{position:absolute;top:11px;right:13px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.poster-preview-wrap{display:flex;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#eef5f7}.poster-preview-wrap canvas{display:block;width:min(100%,360px);height:auto}.poster-hint{min-height:34px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.poster-actions{display:flex;gap:9px;margin-top:10px}.poster-actions button{flex:1}.poster-modal-open{overflow:hidden}@media(max-width:780px){.poster-modal{place-items:end center;padding:0}.poster-modal-card{width:100%;max-height:calc(100dvh - 8px);padding:18px 14px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.poster-preview-wrap{max-height:58dvh}.poster-preview-wrap canvas{width:auto;height:58dvh}.poster-actions{position:sticky;bottom:0;margin:10px -14px -3px;padding:10px 14px calc(3px + env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 24%)}}
.referral-download-link{display:block;margin-top:9px;color:#176b60;font-size:11px;font-weight:700;text-align:center;text-decoration:none}