body.coach-earnings{color-scheme:light;--portal-bg:#fafcf9;--portal-card:#ffffffcf;--portal-ink:#0c101b;--portal-muted:#59666b;--portal-line:#dce5de;--portal-lime:#347b41;background:#fafcf9 url('/assets/redesign/coach-earnings-ribbon.webp') right top/100% auto no-repeat;font-family:PaymentManrope,Arial,sans-serif;min-height:100svh}.coach-earnings .portal-nav{max-width:1180px;padding:28px 7% 32px;border:0}.coach-earnings .wordmark span{display:none}.coach-earnings .portal-nav .wordmark img{width:200px;filter:none;content:url('/assets/branding/payments-home-lockup.png')}.coach-earnings .portal-nav>a:last-child{background:#ffffffbb;padding:4px 12px;border-radius:24px;font-size:14px}
.coach-earnings .portal-content{max-width:1180px;padding:32px 7% 40px;min-height:0}.coach-earnings .earnings-title{font-size:clamp(38px,4.5vw,62px);font-weight:800;line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}.earnings-title span{color:#205c3e}.earnings-title::after{content:'';display:block;width:62px;height:2px;background:#94cc75;margin-top:28px}.coach-earnings .portal-toolbar{max-width:620px;justify-content:flex-start;gap:8px;margin-bottom:10px}.coach-earnings .portal-toolbar nav,.coach-earnings .portal-toolbar-actions{gap:8px}.coach-earnings .portal-toolbar button,.coach-earnings .portal-toolbar a,.coach-earnings .earnings-tools button{border:1px solid #dce5de;background:#ffffffc7;padding:12px 20px;font-size:14px;color:#19332a;min-height:48px}.coach-earnings .portal-toolbar [aria-current=page]{background:#dff1d4;border-color:#dff1d4}.earnings-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:46px}
.coach-earnings .earnings-panel{position:relative;isolation:isolate;overflow:hidden;min-height:230px;padding:36px 40px;border-radius:24px;margin:20px 0;background:#ffffffb5;display:flex;align-items:center;justify-content:space-between;gap:24px}.earnings-copy{position:relative;z-index:1;width:57%}.coach-earnings .earnings-panel h2{font-size:29px;letter-spacing:-1.2px;font-weight:750;margin:0}.coach-earnings .earnings-rule{width:62px;height:2px;background:#9bd07c;margin:22px 0}.coach-earnings .earnings-copy>p:not(.earnings-rule){font-size:14px;line-height:1.6;max-width:510px;margin:16px 0}.coach-earnings .portal-badge{display:inline-block;font-size:11px;color:#355b3d;border-color:#c9d9c7;background:#f5faf0}.coach-earnings .portal-primary{background:linear-gradient(110deg,#246644,#10422f);padding:14px 32px;font-weight:500;min-height:54px}.coach-earnings .portal-secondary{border-color:#aab9ae;color:#233f32;min-height:54px;padding:12px 30px;background:#ffffffb5}.earnings-card-art{position:absolute;right:0;top:0;bottom:0;width:48%;background:url('/assets/redesign/coach-payment-cards.webp') center/cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.earnings-chart{position:relative;width:40%;height:175px}.earnings-bars{position:absolute;left:0;bottom:0;width:75%;height:160px;display:flex;align-items:flex-end;gap:12px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff,#edf4e9);box-shadow:0 14px 30px #23543010}.earnings-bars i{width:17px;height:20%;background:linear-gradient(#addb83,#3c753f);border-radius:5px}.earnings-bars i:nth-child(2){height:35%}.earnings-bars i:nth-child(3){height:50%}.earnings-bars i:nth-child(4){height:70%}.earnings-bars i:nth-child(5){height:95%}.earnings-balance{position:absolute;right:0;bottom:0;display:flex;gap:14px;align-items:center;padding:24px;background:#fffffff2;border:1px solid white;border-radius:25px;font-size:13px;color:#627067;box-shadow:0 12px 30px #456b3510}.earnings-balance>span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#edf5e7;color:#5d9450;font-size:26px}.earnings-balance strong{display:block;font-size:20px;color:#14261b;margin-top:4px}.earnings-fee-art{display:flex;align-items:baseline;justify-content:center;padding-top:24px;width:220px;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#fff,#e0edd6);font-size:110px;line-height:1.4;font-weight:800;letter-spacing:-7px;color:#194932;margin-bottom:-65px}.earnings-fee-art small{font-size:60px;letter-spacing:-3px}.coach-earnings .portal-footer{max-width:1015px;margin:0 auto;padding:20px 0;color:#59666b}.coach-earnings .portal-notice{background:#eff6e8;color:#294a31}.coach-earnings :focus-visible{outline:3px solid #367646;outline-offset:4px}
@media(max-width:760px){body.coach-earnings{background-size:auto 460px;background-position:70% top}.coach-earnings .portal-nav{padding:24px 5%;gap:12px}.coach-earnings .portal-nav .wordmark img{width:165px}.coach-earnings .portal-nav>a:last-child{font-size:12px;padding:4px}.coach-earnings .portal-content{padding:30px 5%}.coach-earnings .earnings-title{font-size:42px;max-width:350px}.coach-earnings .portal-toolbar button,.coach-earnings .portal-toolbar a,.coach-earnings .earnings-tools button{font-size:12px;padding:10px 14px}.earnings-tools{margin-bottom:30px}.coach-earnings .earnings-panel{padding:28px 24px;display:block}.earnings-copy{width:100%}.coach-earnings .earnings-panel h2{font-size:26px}.earnings-card-art{position:relative;width:100%;height:155px;margin-top:12px;mask-image:linear-gradient(180deg,transparent,#000 20%)}.earnings-chart{width:100%;height:175px;margin-top:24px}.earnings-fee-art{width:160px;font-size:80px;margin:12px 0 -45px auto}.earnings-fee-art small{font-size:44px}.coach-earnings .portal-footer{margin:0 5%;font-size:11px}.coach-earnings .portal-toolbar nav{width:auto}}
@media(prefers-reduced-motion:reduce){.coach-earnings *{transition:none!important}}
body.coach-earnings{background-size:auto 550px}.coach-earnings .earnings-panel{overflow-wrap:anywhere}
@media(max-width:760px){body.coach-earnings{background-image:linear-gradient(90deg,#fafcf9e8,#fafcf9a0),url('/assets/redesign/coach-earnings-ribbon.webp');background-size:auto 550px}}