:root{color-scheme:dark;--af-bg:var(--c_affiliate_101418, #101418);--af-sidebar:var(--c_affiliate_14191e, #14191e);--af-surface:var(--c_affiliate_1a2026, #1a2026);--af-raised:var(--c_affiliate_222a32, #222a32);--af-line:var(--c_affiliate_303942, #303942);--af-text:var(--c_affiliate_f2f5f6, #f2f5f6);--af-muted:var(--c_affiliate_a7b2ba, #a7b2ba);--af-mint:var(--c_affiliate_65edb2, #65edb2);--pu-surface:var(--af-surface);--pu-raised:var(--af-raised);--pu-line:var(--af-line);--pu-text:var(--af-text);--pu-muted:var(--af-muted);--pu-mint:var(--af-mint);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--af-bg);color:var(--af-text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--af-mint);outline-offset:4px}[hidden]{display:none!important}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}button{color:inherit}small{line-height:1.55}.af-sr,.af-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.af-skip:focus{position:fixed;z-index:100;top:10px;left:10px;background:var(--af-mint);color:var(--c_affiliate_10251a, #10251a);padding:12px}.af-layout{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.af-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:32px 18px 20px;background:var(--af-sidebar);border-right:1px solid var(--c_affiliate_252e36, #252e36);overflow-y:auto;z-index:30}.af-brand{display:block;padding:0 14px}.af-brand img{width:180px;height:auto;display:block;object-fit:contain}.af-workspace-label{display:flex;align-items:center;gap:7px;color:var(--af-muted);font-size:11px;margin:14px 14px 35px}.af-workspace-label>span{width:5px;height:5px;border-radius:50%;background:var(--af-mint)}.af-nav-caption{margin:0 15px 10px;color:var(--c_affiliate_80909d, #80909d);font-size:9px;font-weight:750;letter-spacing:.14em}.af-navigation{display:grid;gap:5px}.af-navigation a{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 15px;border-radius:8px;color:var(--c_affiliate_b1bcc5, #b1bcc5);font-size:13px;font-weight:500}.af-navigation a svg{width:19px;height:19px;color:var(--c_affiliate_8797a3, #8797a3)}.af-navigation a:hover{background:var(--c_affiliate_202830, #202830);color:var(--c_affiliate_ffffff, #fff)}.af-navigation a[aria-current=page]{background:rgb(var(--c_affiliate_65edb2-rgb, 101 237 178) / 0.09019607843137255);color:var(--af-mint);box-shadow:inset 2px 0 0 var(--af-mint)}.af-navigation a[aria-current=page] svg{color:inherit}.af-sidebar-note{margin:32px 7px 28px;padding:19px 16px;background:var(--c_affiliate_1b2429, #1b2429);border:1px solid var(--c_affiliate_2c393d, #2c393d);border-radius:10px}.af-note-mark{color:var(--af-mint);font-size:25px;display:block;line-height:1;margin-bottom:14px}.af-sidebar-note strong{display:block;font-size:13px;font-weight:600;line-height:1.55}.af-sidebar-note p{font-size:11px;line-height:1.7;margin:8px 0 16px;color:var(--af-muted)}.af-sidebar-note a{font-size:11px;color:var(--af-mint);display:flex;justify-content:space-between;align-items:center}.af-sidebar-bottom{margin-top:auto}.af-return{display:block;margin:0 10px 18px;font-size:12px;color:var(--af-muted)}.af-return:hover{color:var(--af-text)}.af-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--af-line);padding:18px 6px 0}.af-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:var(--c_affiliate_31403e, #31403e);color:var(--c_affiliate_c2f7df, #c2f7df);border:1px solid var(--c_affiliate_455852, #455852);border-radius:50%;font-size:12px;font-weight:650}.af-profile>span:nth-child(2){min-width:0;flex:1}.af-profile strong{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.af-profile small{display:block;color:var(--c_affiliate_8899a5, #8899a5);font-size:10px}.af-profile>span:last-child{color:var(--c_affiliate_83939f, #83939f)}
.af-main{min-width:0}.af-topbar{height:76px;border-bottom:1px solid var(--c_affiliate_252e36, #252e36);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px}.af-topbar-location{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--c_affiliate_8799a6, #8799a6)}.af-topbar-location strong{font-weight:500;color:var(--c_affiliate_dce2e7, #dce2e7)}.af-topbar-location>span:nth-of-type(2){color:var(--c_affiliate_53636f, #53636f)}.af-topbar-return{font-size:11px;color:var(--c_affiliate_bcc8d0, #bcc8d0);display:flex;align-items:center;gap:10px}.af-menu-button{display:none}.af-content{width:100%;max-width:1560px;padding:36px 38px 0;margin:0 auto;outline:none}.af-page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}.af-eyebrow{display:block;color:var(--af-mint);font-size:9px;font-weight:750;letter-spacing:.15em;margin-bottom:10px}.af-page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.045em;font-weight:650;margin-bottom:10px}.af-page-heading p{color:var(--af-muted);font-size:12px;line-height:1.65;margin:0;max-width:620px}.af-toolbar{display:flex;align-items:flex-end;gap:9px;flex-shrink:0}.af-period{display:block}.af-period>span{font-size:10px;color:var(--af-muted);display:block;margin-bottom:7px}.af-period select,.af-stage select{color:var(--af-text);background:var(--af-surface);border:1px solid var(--af-line);border-radius:7px;padding:10px 34px 10px 12px;font-size:11px;min-height:40px}.af-icon-button{border:1px solid var(--af-line);background:var(--af-surface);border-radius:7px;width:40px;height:40px;display:grid;place-items:center;color:var(--c_affiliate_b4c0c8, #b4c0c8)}.af-icon-button svg{width:17px;height:17px}.af-view{min-height:460px;display:grid;gap:22px}.af-view:empty{display:block}.af-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.af-metric{padding:20px;background:var(--af-surface);border:1px solid var(--af-line);border-radius:10px;min-width:0}.af-metric>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--c_affiliate_b2bec7, #b2bec7);font-size:11px}.af-metric svg{width:16px;height:16px;color:var(--c_affiliate_82939f, #82939f)}.af-metric>strong{font-size:27px;letter-spacing:-.035em;font-weight:620;display:block;line-height:1.25;margin:15px 0 8px;overflow-wrap:anywhere}.af-metric>small{color:var(--c_affiliate_899ca8, #899ca8);font-size:10px;display:block}.af-metric--accent{border-color:var(--c_affiliate_365a4e, #365a4e);background:var(--c_affiliate_1b2a26, #1b2a26)}.af-metric--accent>strong,.af-metric--accent svg{color:var(--af-mint)}.af-metrics--small .af-metric{padding:17px}.af-metrics--small .af-metric>strong{font-size:23px}.af-metrics--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.af-card{padding:25px;background:var(--af-surface);border:1px solid var(--af-line);border-radius:11px;min-width:0}.af-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.af-section-heading h2{font-size:15px;letter-spacing:-.015em;font-weight:620;margin:0 0 7px}.af-section-heading p{font-size:11px;color:var(--af-muted);line-height:1.7;margin:0;max-width:670px}.af-overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(265px,1fr);gap:20px}.af-chart-total{text-align:right;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.af-chart-total small{display:block;font-size:9px;color:var(--af-muted);margin-top:7px;font-weight:400;letter-spacing:0}.af-chart{height:160px;display:flex;gap:clamp(2px,.5vw,8px);align-items:flex-end;border-bottom:1px solid var(--c_affiliate_394750, #394750);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,rgb(var(--c_affiliate_73828c-rgb, 115 130 140) / 0.09803921568627451) 39px,rgb(var(--c_affiliate_73828c-rgb, 115 130 140) / 0.09803921568627451) 40px)}.af-chart-column{height:100%;flex:1;max-width:55px;display:flex;align-items:flex-end;position:relative}.af-chart-column i{display:block;width:100%;height:max(2px,var(--height));background:var(--c_affiliate_65edb2, #65edb2);border-radius:3px 3px 0 0;opacity:.85}.af-chart-column:hover i{opacity:1;background:var(--c_affiliate_a0fbd1, #a0fbd1)}.af-chart-axis{display:flex;justify-content:space-between;color:var(--c_affiliate_8c9faa, #8c9faa);font-size:9px;margin-top:10px}.af-chart-data{font-size:10px;color:var(--af-muted);margin-top:17px}.af-chart-data summary{cursor:pointer;width:max-content}.af-chart-data table{margin-top:12px}.af-balance{display:flex;flex-direction:column;align-items:flex-start;padding:27px 25px;background:var(--c_affiliate_233b32, #233b32);border:1px solid var(--c_affiliate_365d4e, #365d4e);border-radius:11px;min-width:0}.af-balance-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.1em;color:var(--c_affiliate_b4d8c6, #b4d8c6);font-weight:650}.af-balance-label svg{width:18px;height:18px;color:var(--af-mint)}.af-balance>strong{font-size:clamp(30px,2.7vw,41px);letter-spacing:-.045em;line-height:1.1;margin:27px 0 11px;font-weight:600;overflow-wrap:anywhere}.af-balance>p{font-size:11px;color:var(--c_affiliate_bfd0c8, #bfd0c8);margin-bottom:28px}.af-balance>.af-button{width:100%;margin-top:auto}.af-balance>small{display:block;font-size:10px;color:var(--c_affiliate_adc7ba, #adc7ba);margin-top:15px;line-height:1.65}.af-balance--wide{display:block;position:relative;padding-right:270px}.af-balance--wide>strong{display:block;margin-top:20px}.af-balance--wide>.af-button{position:absolute;right:26px;top:50%;width:210px;transform:translateY(-50%)}.af-balance--wide>p{margin-bottom:0}.af-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:11px 17px;border-radius:7px;border:1px solid var(--af-line);background:var(--af-raised);color:var(--af-text);font-size:12px;font-weight:600;line-height:1.4}.af-button:hover:not(:disabled){border-color:var(--c_affiliate_657b88, #657b88);background:var(--c_affiliate_2b3640, #2b3640)}.af-button--mint{background:var(--af-mint);border-color:var(--af-mint);color:var(--c_affiliate_133025, #133025)}.af-button--mint:hover:not(:disabled){background:var(--c_affiliate_94f7ca, #94f7ca);border-color:var(--c_affiliate_94f7ca, #94f7ca)}.af-button--secondary{background:transparent}.af-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.af-funnel{display:grid;gap:21px;margin-top:25px}.af-funnel>div>span{display:flex;justify-content:space-between;font-size:11px;color:var(--af-muted);margin-bottom:8px}.af-funnel strong{color:var(--af-text);font-size:12px;font-weight:600}.af-funnel>div>div{height:5px;border-radius:3px;background:var(--c_affiliate_2d383f, #2d383f);overflow:hidden}.af-funnel i{height:100%;display:block;background:var(--c_affiliate_69dca9, #69dca9);border-radius:3px}.af-funnel>div:nth-child(2) i{background:var(--c_affiliate_57a486, #57a486)}.af-funnel>div:nth-child(3) i{background:var(--c_affiliate_476e61, #476e61)}.af-shortcuts{display:grid;margin-top:6px}.af-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--c_affiliate_313c43, #313c43)}.af-shortcuts a:last-child{border-bottom:0}.af-shortcuts a>span{display:flex;align-items:center;gap:14px}.af-shortcuts a>span>svg{color:var(--c_affiliate_a2b5be, #a2b5be);width:18px;height:18px}.af-shortcuts strong{display:block;font-weight:550;font-size:12px}.af-shortcuts small{display:block;color:var(--c_affiliate_91a2ae, #91a2ae);font-size:10px;margin-top:3px}.af-shortcuts a>svg{width:17px;height:17px;color:var(--c_affiliate_7d948f, #7d948f)}.af-shortcuts a:hover strong{color:var(--af-mint)}.af-footnote{color:var(--c_affiliate_92a4b0, #92a4b0);font-size:10px;line-height:1.8;margin:18px 0 0}.af-pix-note{margin:-7px 0 -4px;padding:0 3px}
.af-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.af-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}.af-table-wrap th{font-weight:550;color:var(--c_affiliate_a3b4bf, #a3b4bf)}.af-table-wrap td{color:var(--c_affiliate_e4ecf0, #e4ecf0)}.af-table-wrap th,.af-table-wrap td{padding:13px 12px;border-bottom:1px solid var(--c_affiliate_303c44, #303c44)}.af-table-wrap th:first-child,.af-table-wrap td:first-child{padding-left:0}.af-table-wrap th:last-child,.af-table-wrap td:last-child{padding-right:0;text-align:right}.af-table-wrap tbody tr:last-child th,.af-table-wrap tbody tr:last-child td{border-bottom:0}.af-table-wrap caption{text-align:left;color:var(--c_affiliate_a3b4bf, #a3b4bf);font-size:11px;padding:12px 0}.af-game-name{display:flex;align-items:center;gap:10px;color:var(--af-text)}.af-game-name svg{width:23px;height:23px;border:1px solid var(--c_affiliate_455b59, #455b59);background:var(--c_affiliate_293e38, #293e38);color:var(--c_affiliate_98d5b7, #98d5b7);border-radius:6px;padding:4px}.af-empty{padding:35px 20px;text-align:center;color:var(--af-muted)}.af-empty>svg{width:33px;height:33px;color:var(--c_affiliate_7a9b8e, #7a9b8e);margin-bottom:12px}.af-empty h3{color:var(--c_affiliate_d7e4e9, #d7e4e9);font-size:15px;margin-bottom:7px;font-weight:550}.af-empty p{font-size:12px;line-height:1.7;max-width:480px;margin:0 auto}.af-stage{display:flex;align-items:center;gap:10px;flex-shrink:0}.af-stage>span{color:var(--c_affiliate_92a4b0, #92a4b0);font-size:10px}.af-stage select{max-width:215px}.af-members{border-top:1px solid var(--af-line)}.af-member{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(160px,1fr) minmax(160px,1fr);align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--af-line)}.af-person{display:flex;align-items:center;gap:11px}.af-person>div{min-width:0}.af-person strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.af-person small{display:block;color:var(--c_affiliate_8fa2af, #8fa2af);font-size:10px;margin-top:4px}.af-member-status small{color:var(--c_affiliate_91a6b2, #91a6b2);font-size:10px;display:block;margin-top:7px}.af-status{display:inline-block;font-size:10px;padding:4px 8px;border-radius:5px;border:1px solid var(--c_affiliate_47545d, #47545d);color:var(--c_affiliate_b6c1c9, #b6c1c9);background:var(--c_affiliate_2a333a, #2a333a)}.af-status--mint{border-color:var(--c_affiliate_3b6553, #3b6553);background:var(--c_affiliate_253d32, #253d32);color:var(--c_affiliate_a1e6c5, #a1e6c5)}.af-status--pending{border-color:var(--c_affiliate_625943, #625943);background:var(--c_affiliate_38352b, #38352b);color:var(--c_affiliate_dac79b, #dac79b)}.af-member-commission{text-align:right}.af-member-commission small{display:block;color:var(--c_affiliate_91a6b2, #91a6b2);font-size:9px}.af-member-commission strong{display:block;font-size:15px;margin-top:5px;font-weight:600}.af-branch{grid-column:1/-1;background:var(--c_affiliate_151d22, #151d22);border:1px solid var(--c_affiliate_2d3e46, #2d3e46);border-radius:7px;padding:13px 16px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--c_affiliate_a9bac4, #a9bac4)}.af-branch>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.af-branch strong{font-size:12px;color:var(--c_affiliate_e0e9ed, #e0e9ed);font-weight:600}.af-branch small{font-size:9px;color:var(--c_affiliate_88a0ae, #88a0ae)}.af-branch svg{width:16px;height:16px;color:var(--c_affiliate_92b9a8, #92b9a8)}.af-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px}.af-pagination>span{font-size:11px;color:var(--af-muted)}.af-pagination>div{display:flex;gap:7px}.af-pagination .af-button{font-size:11px;min-height:37px;padding:8px 14px}.af-subinvite .referral-invite{padding:25px;background:var(--c_affiliate_1c3029, #1c3029);border:1px solid var(--c_affiliate_385b4c, #385b4c);border-radius:10px}.referral-eyebrow{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--af-mint)}.af-subinvite h3{font-size:21px;letter-spacing:-.025em;font-weight:600;margin:6px 0 8px}.af-subinvite p{color:var(--c_affiliate_b1c9bd, #b1c9bd);font-size:12px;max-width:660px;line-height:1.7;margin-bottom:20px}.af-subinvite label{font-size:11px;color:var(--c_affiliate_c4d9cf, #c4d9cf);display:block;margin-bottom:8px}.referral-link-control{display:flex;gap:9px;max-width:870px}.referral-link-control input{flex:1;min-width:0;border:1px solid var(--c_affiliate_426353, #426353);background:var(--c_affiliate_15251e, #15251e);color:var(--c_affiliate_c5ded2, #c5ded2);border-radius:7px;padding:12px;font-size:12px}.referral-button,.referral-share,.referral-push-disable{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;min-height:42px;background:var(--af-mint);border:1px solid var(--af-mint);border-radius:7px;color:var(--c_affiliate_143225, #143225);font-size:12px;font-weight:600;white-space:normal}.referral-button:hover:not(:disabled){background:var(--c_affiliate_92f6c8, #92f6c8)}.referral-share{background:transparent;border-color:transparent;color:var(--c_affiliate_a6debf, #a6debf);font-size:11px;min-height:36px;padding-left:0;margin-top:9px}.referral-share svg{width:16px;height:16px}.referral-invite>small{display:block;color:var(--c_affiliate_9fbbae, #9fbbae);font-size:10px;line-height:1.7;max-width:760px;margin-top:7px}.af-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.af-levels article{padding:20px;background:var(--c_affiliate_151d22, #151d22);border:1px solid var(--c_affiliate_34434b, #34434b);border-radius:9px}.af-level-badge{display:inline-grid;place-items:center;width:32px;height:30px;font-size:10px;font-weight:650;color:var(--c_affiliate_9dd6bd, #9dd6bd);background:var(--c_affiliate_284336, #284336);border-radius:6px;margin-bottom:15px}.af-levels h3{font-size:12px;font-weight:500;color:var(--c_affiliate_b7c5ce, #b7c5ce);margin:0 0 14px}.af-levels strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;margin-bottom:7px;overflow-wrap:anywhere}.af-levels small{font-size:10px;color:var(--c_affiliate_90a5b2, #90a5b2)}.af-levels p{font-size:10px;color:var(--c_affiliate_d5be94, #d5be94);line-height:1.7;margin:13px 0 0}
.af-settings{display:grid;gap:22px}.referral-pixel,.referral-push{border:1px solid var(--af-line);border-radius:11px;padding:26px;background:var(--af-surface);min-width:0}.referral-pixel-heading,.referral-push-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.referral-pixel-icon,.referral-push-icon{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:var(--c_affiliate_2a3e36, #2a3e36);color:var(--af-mint)}.referral-pixel-heading>div,.referral-push-heading>div{flex:1;min-width:0}.referral-pixel h3,.referral-push h3{font-size:18px;margin:4px 0 6px;font-weight:600;letter-spacing:-.025em}.referral-pixel p,.referral-push p{font-size:12px;color:var(--af-muted);line-height:1.75;margin-bottom:0}.referral-pixel h4{font-size:13px;font-weight:600;color:var(--af-text);margin:24px 0 12px}.referral-pixel-badge{border:1px solid var(--af-line);border-radius:20px;font-size:10px;color:var(--c_affiliate_b5c7d1, #b5c7d1);padding:6px 11px;flex-shrink:0}.referral-pixel-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.referral-pixel-fields>label:first-child{font-size:12px;font-weight:500}.referral-pixel-fields input[type=text]{display:block;width:100%;min-width:0;background:var(--c_affiliate_111b21, #111b21);color:var(--af-text);border:1px solid var(--c_affiliate_3a4b57, #3a4b57);padding:12px;border-radius:7px;font-size:16px;margin:8px 0}.referral-pixel-fields small{font-size:10px;color:var(--c_affiliate_93a8b6, #93a8b6);font-weight:400;display:block}.referral-pixel-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--af-line);border-radius:8px;padding:16px;margin-top:25px;font-size:11px}.referral-pixel-toggle strong{display:block;font-size:12px;margin-bottom:4px}.referral-pixel input[type=checkbox],.referral-push input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--af-mint)}.referral-pixel-provider{border-top:1px solid var(--af-line);margin-top:24px}.referral-pixel-events{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.referral-pixel-events span{padding:5px 9px;font-size:10px;color:var(--c_affiliate_a2c2b4, #a2c2b4);background:var(--c_affiliate_253930, #253930);border:1px solid var(--c_affiliate_3a5648, #3a5648);border-radius:5px}.referral-pixel-actions,.referral-push-actions{display:flex;flex-wrap:wrap;gap:10px}.referral-button--outline,.referral-push-disable{background:transparent;color:var(--af-text);border-color:var(--af-line)}.referral-pixel .referral-pixel-status{padding:12px 14px;border:1px solid var(--af-line);border-radius:7px;margin-top:18px;font-size:11px}.referral-pixel .referral-pixel-note,.referral-push .referral-push-note{font-size:10px;margin-top:16px;color:var(--c_affiliate_91a7b4, #91a7b4)}.referral-push-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.referral-push-options label{display:flex;align-items:center;gap:13px;border:1px solid var(--af-line);background:var(--c_affiliate_162127, #162127);border-radius:8px;padding:18px}.referral-push-options strong{display:block;font-size:12px;font-weight:550;margin-bottom:5px}.referral-push-options small{font-size:10px;display:block;color:var(--c_affiliate_91a7b4, #91a7b4)}.referral-push-install{background:var(--c_affiliate_293b32, #293b32);border:1px solid var(--c_affiliate_44634f, #44634f);border-radius:9px;padding:20px;margin-bottom:22px;font-size:12px}.referral-push-install ol{padding-left:20px;line-height:1.9;color:var(--c_affiliate_b8cec1, #b8cec1)}.referral-push-install small{color:var(--c_affiliate_abc3b5, #abc3b5)}.af-settings .utmify-settings{--utmify-ink:var(--af-text);--utmify-muted:var(--af-muted);--utmify-line:var(--af-line);--utmify-surface:var(--c_affiliate_121b21, #121b21);margin:0;background:var(--af-surface);border-radius:11px;padding:26px}.af-settings .utmify-button{background:var(--af-mint);border-color:var(--af-mint);color:var(--c_affiliate_123224, #123224);border-radius:7px;font-size:12px}.af-settings .utmify-button--outline{background:transparent;border-color:var(--af-line);color:var(--af-text)}.af-settings .utmify-settings input[type=checkbox]{accent-color:var(--af-mint)}.af-settings .utmify-settings :focus-visible{outline-color:var(--af-mint)}.af-settings .utmify-fields input[type=password]{border-radius:7px}.af-settings .utmify-heading h3{font-weight:600;font-size:19px}.af-settings .utmify-fields,.af-settings .utmify-counts{min-width:0}.af-settings .utmify-counts strong{font-size:23px;font-weight:600}
.af-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.af-field{display:grid;gap:8px;font-size:12px;color:var(--af-muted);min-width:0}.af-field input,.af-field select{width:100%;min-width:0;font-size:16px;border:1px solid var(--c_affiliate_3a4a54, #3a4a54);border-radius:7px;background:var(--c_affiliate_121c22, #121c22);color:var(--af-text);padding:12px}.af-field small{font-size:10px}.af-withdrawal h2{font-size:17px;font-weight:600}.af-withdrawal p{font-size:12px;color:var(--af-muted);line-height:1.75}.af-withdrawal .af-button{margin-top:12px}.af-amounts{display:flex;gap:25px;flex-wrap:wrap;padding:18px;border-radius:8px;border:1px solid var(--c_affiliate_3a5749, #3a5749);background:var(--c_affiliate_20352a, #20352a);margin:18px 0}.af-amounts div{display:grid;gap:5px}.af-amounts dt,.af-amounts small{font-size:11px;color:var(--c_affiliate_afcdbd, #afcdbd)}.af-amounts dd{margin:0;font-size:19px;font-weight:600}.af-withdrawal [role=status],.af-withdrawal [role=alert]{padding:14px;border:1px solid var(--af-line);border-radius:7px;margin-top:16px;overflow-wrap:anywhere}.af-footer{display:flex;justify-content:space-between;gap:20px;color:var(--c_affiliate_80939f, #80939f);font-size:10px;padding:27px 0;border-top:1px solid var(--c_affiliate_29343d, #29343d);margin-top:34px}.af-footer>span:first-child>span{padding:0 7px;color:var(--c_affiliate_52646e, #52646e)}.af-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(480px,calc(100% - 30px));background:var(--c_affiliate_284237, #284237);color:var(--c_affiliate_e1f9ee, #e1f9ee);border:1px solid var(--c_affiliate_5c8c73, #5c8c73);border-radius:10px;padding:14px 20px;box-shadow:0 12px 40px rgb(var(--c_affiliate_000000-rgb, 0 0 0) / 0.5333333333333333);z-index:80;font-size:12px}.af-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;text-align:center;gap:12px}.af-loading h2{font-size:16px;font-weight:500;margin:0}.af-loading p{font-size:12px;color:var(--c_affiliate_8ca1ad, #8ca1ad);margin:0}.af-spinner{width:26px;height:26px;border:2px solid var(--c_affiliate_33463d, #33463d);border-top-color:var(--af-mint);border-radius:50%;animation:af-spin .8s linear infinite;margin-bottom:6px}.af-error{align-self:start;border:1px solid var(--c_affiliate_48525a, #48525a);background:var(--c_affiliate_1c242b, #1c242b);border-radius:11px;text-align:center;padding:55px 22px}.af-error>svg{color:var(--c_affiliate_c2b795, #c2b795);width:33px;height:33px;margin-bottom:16px}.af-error h2{font-size:21px;font-weight:550;margin-bottom:12px}.af-error p{font-size:13px;line-height:1.7;color:var(--c_affiliate_a9b9c4, #a9b9c4);max-width:580px;margin:0 auto 23px;overflow-wrap:anywhere}.af-error>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.af-demo-notice{background:var(--c_affiliate_393323, #393323);border:1px solid var(--c_affiliate_655737, #655737);color:var(--c_affiliate_dac79a, #dac79a);padding:13px 17px;border-radius:8px;font-size:11px;margin-bottom:20px}.af-backdrop{display:none}@keyframes af-spin{to{transform:rotate(360deg)}}
@media(min-width:1650px){.af-layout{grid-template-columns:260px minmax(0,1fr)}.af-sidebar{padding-inline:24px}.af-content{padding-top:43px}.af-metric{padding:24px}.af-metric>strong{font-size:31px}.af-chart{height:190px}}
@media(max-width:1180px){.af-layout{grid-template-columns:220px minmax(0,1fr)}.af-sidebar{padding-inline:12px}.af-brand img{width:166px}.af-content{padding:28px 24px 0}.af-topbar{padding:0 24px}.af-page-heading{gap:18px}.af-page-heading h1{font-size:28px}.af-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.af-metrics--three{grid-template-columns:repeat(3,minmax(0,1fr))}.af-overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.af-card{padding:21px}.af-balance{padding:24px 21px}.af-balance--wide{padding-right:240px}.af-balance--wide>.af-button{width:185px;right:22px}.af-stage{align-items:flex-start;flex-direction:column;gap:5px}.af-member{gap:16px;grid-template-columns:minmax(150px,1.3fr) 1fr minmax(130px,1fr)}.af-branch{flex-direction:column;gap:10px}.af-member-commission small{font-size:9px}.af-levels{gap:10px}.af-levels article{padding:17px}.af-referral-settings{padding:20px}.af-settings .utmify-fields,.referral-pixel-fields{grid-template-columns:1fr}.referral-pixel-toggle{margin-top:0}}
@media(max-width:900px){.af-layout{display:block}.af-sidebar{position:fixed;left:0;top:0;bottom:0;width:254px;height:100dvh;transform:translateX(-100%);transition:transform .2s ease;visibility:hidden}.af-menu-open .af-sidebar{transform:translateX(0);visibility:visible}.af-menu-open{overflow:hidden}.af-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:29;background:rgb(var(--c_affiliate_03090e-rgb, 3 9 14) / 0.7490196078431373);backdrop-filter:blur(3px);border:0}.af-menu-button{display:grid;place-items:center;border:0;background:transparent;padding:7px;margin-left:-7px;color:var(--c_affiliate_d5e0e7, #d5e0e7)}.af-topbar{height:66px}.af-topbar-location{gap:12px}.af-brand img{width:180px}.af-sidebar-note{margin-top:25px}.af-overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.af-footer{margin-top:28px}.af-settings .utmify-fields,.referral-pixel-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.referral-pixel-toggle{margin-top:25px}}
@media(max-width:650px){.af-topbar{padding:0 18px;height:60px}.af-topbar-location{font-size:10px;gap:10px}.af-topbar-location>span:first-of-type{display:none}.af-topbar-location>span:nth-of-type(2){display:none}.af-topbar-return{font-size:10px;gap:5px}.af-content{padding:26px 17px 0;padding-bottom:env(safe-area-inset-bottom)}.af-page-heading{display:block;margin-bottom:23px}.af-eyebrow{font-size:8px;margin-bottom:10px}.af-page-heading h1{font-size:29px;margin-bottom:9px}.af-page-heading p{font-size:12px;max-width:360px}.af-toolbar{margin-top:20px;justify-content:space-between;align-items:flex-end}.af-period{flex:1;max-width:250px}.af-period>span{font-size:10px;margin-bottom:6px}.af-period select{width:100%;font-size:12px;padding-block:11px}.af-icon-button{height:42px;width:42px}.af-view{gap:17px;min-height:380px}.af-metrics{gap:10px}.af-metric{padding:16px 14px;border-radius:9px}.af-metric>div{font-size:10px;gap:7px;align-items:start;min-height:30px;line-height:1.6}.af-metric svg{width:15px;height:15px;margin-top:2px}.af-metric>strong{font-size:24px;margin:9px 0 8px;letter-spacing:-.04em}.af-metric>small{font-size:9px;line-height:1.7}.af-overview-grid,.af-two-columns{grid-template-columns:1fr;gap:17px}.af-card{padding:20px 17px;border-radius:9px}.af-section-heading{gap:12px;margin-bottom:20px}.af-section-heading h2{font-size:15px}.af-section-heading p{font-size:10px}.af-chart{height:150px;gap:4px}.af-chart-total{font-size:23px}.af-balance{padding:23px 22px}.af-balance>strong{margin:24px 0 9px;font-size:35px}.af-balance>p{margin-bottom:21px}.af-balance--wide{padding:23px 22px}.af-balance--wide>.af-button{position:static;transform:none;width:100%;margin-top:22px}.af-balance--wide>small{margin-top:14px}.af-funnel{gap:19px}.af-funnel>div>span{font-size:11px}.af-shortcuts a{padding:15px 0}.af-footnote{font-size:10px;line-height:1.85}.af-pix-note{margin:0}.af-table-wrap table{font-size:10px}.af-table-wrap th,.af-table-wrap td{padding:12px 13px}.af-table-wrap th:first-child,.af-table-wrap td:first-child{padding-right:23px}.af-table-wrap th:not(:first-child),.af-table-wrap td:not(:first-child){min-width:85px}.af-game-name{gap:8px}.af-stage{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-top:4px}.af-stage select{font-size:11px;max-width:75%}.af-members-card>.af-section-heading{flex-direction:column;gap:13px}.af-member{grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);gap:17px 9px;padding:20px 0}.af-person{grid-column:1/-1}.af-person strong{font-size:13px}.af-person small{font-size:10px}.af-member-status small{font-size:9px}.af-member-commission small{font-size:9px;max-width:120px;margin-left:auto}.af-member-commission strong{font-size:15px}.af-status{font-size:9px;white-space:nowrap}.af-branch{padding:12px;gap:13px}.af-branch>span{font-size:10px;gap:6px}.af-branch small{flex-basis:100%;font-size:9px}.af-pagination{gap:10px}.af-pagination>span{font-size:10px}.af-pagination .af-button{font-size:10px;padding-inline:10px;min-height:39px}.af-subinvite .referral-invite{padding:22px 18px}.af-subinvite h3{font-size:22px}.af-subinvite p{font-size:11px;line-height:1.8}.referral-link-control{flex-wrap:wrap}.referral-link-control input{flex-basis:100%;font-size:13px;min-height:44px}.referral-link-control .referral-button{width:100%}.referral-share{font-size:11px}.referral-invite>small{font-size:9px;line-height:1.9}.af-levels{grid-template-columns:1fr;gap:12px}.af-levels article{padding:20px}.af-level-badge{float:right;margin-bottom:0}.af-levels h3{font-size:13px;margin-bottom:17px}.af-levels strong{font-size:29px}.af-metrics--three{grid-template-columns:1fr}.af-metrics--three .af-metric>div{min-height:0}.af-metrics--three .af-metric>strong{font-size:28px}.af-form-grid{grid-template-columns:1fr;gap:15px}.af-withdrawal .af-button{width:100%}.af-settings{gap:17px}.referral-pixel,.referral-push{padding:21px 17px}.referral-pixel-heading,.referral-push-heading{gap:10px;flex-wrap:wrap}.referral-pixel-icon,.referral-push-icon{width:33px;height:33px}.referral-pixel-icon svg,.referral-push-icon svg{width:18px;height:18px}.referral-pixel h3,.referral-push h3{font-size:17px}.referral-pixel-heading>div,.referral-push-heading>div{min-width:190px}.referral-pixel-badge{margin-left:43px;font-size:9px}.referral-pixel p,.referral-push p{font-size:11px}.referral-pixel-fields,.af-settings .utmify-fields{grid-template-columns:1fr;gap:14px}.referral-pixel-toggle{margin-top:0;padding:15px}.referral-pixel-actions,.referral-push-actions{flex-direction:column;align-items:stretch}.referral-pixel-events{gap:6px}.referral-pixel-events span{font-size:9px}.referral-push-options{grid-template-columns:1fr;gap:10px}.referral-push-options label{padding:16px}.af-settings .utmify-settings{padding:21px 17px}.af-settings .utmify-fields{gap:14px}.af-settings .utmify-disclosure{padding:14px}.af-settings .utmify-disclosure p{font-size:11px}.af-settings .utmify-actions{gap:9px}.af-settings .utmify-toggle{padding:15px}.af-settings .utmify-counts strong{font-size:22px}.af-settings .utmify-counts{gap:9px}.af-settings .utmify-counts>div{padding:13px}.af-settings .utmify-contract{font-size:11px}.af-footer{flex-direction:column;gap:9px;align-items:center;font-size:9px;padding:25px 0}.af-toast{bottom:calc(20px + env(safe-area-inset-bottom));width:calc(100% - 34px);font-size:11px;text-align:center}.af-loading{min-height:360px}.af-error{padding:40px 20px}.af-error h2{font-size:18px}.af-error p{font-size:12px}.af-empty{padding:30px 10px}.af-empty h3{font-size:14px}.af-empty p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep settings and data tables within the mobile column. */
.af-view,.af-settings{grid-template-columns:minmax(0,1fr);min-width:0}.af-view>* ,.af-settings>*{min-width:0;max-width:100%}.af-settings .utmify-table-wrap{max-width:100%;overflow-x:auto}.af-withdrawal{scroll-margin-top:24px}
@media(max-width:650px){.af-settings input:not([type=checkbox]),.af-settings select,.referral-link-control input,.af-field input,.af-field select,.af-link-editor input,.af-link-editor textarea{font-size:16px}.referral-pixel-heading>div,.referral-push-heading>div{min-width:0;flex-basis:calc(100% - 48px)}}

/* Standalone iPhone/PWA: keep controls outside the status bar and home indicator. */
:root {
  --af-safe-top: env(safe-area-inset-top, 0px);
  --af-safe-bottom: env(safe-area-inset-bottom, 0px);
  --af-safe-left: env(safe-area-inset-left, 0px);
  --af-safe-right: env(safe-area-inset-right, 0px);
  --af-header-height: 76px;
  --af-header-gutter: 38px;
  --af-content-gutter: 38px;
}
.af-topbar {
  height: calc(var(--af-header-height) + var(--af-safe-top));
  padding-top: var(--af-safe-top);
  padding-left: max(var(--af-header-gutter), var(--af-safe-left));
  padding-right: max(var(--af-header-gutter), var(--af-safe-right));
}
.af-topbar-location { min-width: 0; }
.af-topbar-location strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-topbar-return { min-height: 44px; flex-shrink: 0; }
.af-sidebar {
  padding-top: calc(32px + var(--af-safe-top));
  padding-bottom: calc(20px + var(--af-safe-bottom));
  padding-left: max(18px, var(--af-safe-left));
  overscroll-behavior-y: contain;
}
.af-content {
  padding-left: max(var(--af-content-gutter), var(--af-safe-left));
  padding-right: max(var(--af-content-gutter), var(--af-safe-right));
  padding-bottom: max(20px, var(--af-safe-bottom));
}
.af-menu-dismiss { display: none; }
.af-skip:focus { top: calc(10px + var(--af-safe-top)); left: max(10px, var(--af-safe-left)); }
.af-toast { bottom: calc(20px + var(--af-safe-bottom)); }
@media(max-width:1180px) {
  :root { --af-header-gutter: 24px; --af-content-gutter: 24px; }
}
@media(max-width:900px) {
  :root { --af-header-height: 66px; }
  .af-topbar { gap: 12px; }
  .af-menu-button { width: 44px; height: 44px; min-width: 44px; margin-left: 0; padding: 10px; }
  .af-sidebar { width: min(310px, calc(100vw - 48px)); padding-right: max(18px, var(--af-safe-right)); }
  .af-sidebar-heading { display: flex; align-items: center; gap: 12px; }
  .af-sidebar-heading .af-brand { min-width: 0; flex: 1; padding: 0; display: flex; align-items: center; min-height: 44px; }
  .af-sidebar-heading .af-brand img { width: 100%; max-width: 180px; }
  .af-menu-dismiss { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--af-line); border-radius: 8px; background: var(--af-surface); color: var(--af-text); }
}
@media(max-width:900px), (pointer:coarse) {
  .af-layout :is(button, select, summary, a.af-button, a.al-open) { min-height: 44px; min-width: 44px; }
  .af-layout :is(.af-icon-button, .af-menu-button) { width: 44px; height: 44px; }
  .af-layout :is(.af-return, .referral-share, .af-sidebar-note a) { display: flex; align-items: center; min-height: 44px; }
  .af-layout summary { padding-block: 12px; }
  .af-layout label:has(input[type=checkbox]) { min-height: 44px; }
  .af-layout :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { font-size: 16px; }
}
@media(max-width:650px) {
  :root { --af-header-height: 60px; --af-header-gutter: 18px; --af-content-gutter: 17px; }
}
