:root{color-scheme:light;--ink:#17213f;--muted:#7d879f;--line:#e9edf5;--paper:#f2f5fa;--white:#fff;--green:#4059d6;--green-dark:#3047bc;--lime:#bcdcff;--amber:#a16c24;--red:#a64038;--shadow:0 24px 70px rgba(21,37,77,.09)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'Poppins',sans-serif}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.auth-shell{width:min(1200px,calc(100% - 48px));margin:auto;padding:30px 0 56px}
.brand{display:inline-flex;align-items:center;gap:0;color:var(--ink);font:800 24px/1 'Poppins',sans-serif;text-decoration:none;letter-spacing:-.7px}
.brand-dot{color:var(--green)}
.auth-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(35px,8vw,112px);align-items:center;min-height:calc(100vh - 112px);padding:30px 0}
.auth-story{max-width:560px;padding:35px 0}
.overline{color:#6e8976;font-size:10px;font-weight:700;letter-spacing:1.7px}
.auth-story h1{margin:25px 0 18px;font:700 clamp(42px,6vw,72px)/1.07 'Poppins',sans-serif;letter-spacing:-4px}
.auth-story h1 em{color:var(--green);font-style:normal}
.auth-story>p:not(.story-foot){max-width:480px;color:#66746b;font-size:17px}
.story-rule{width:100%;height:1px;margin:42px 0 25px;background:var(--line)}
.story-stats{display:flex;gap:clamp(22px,5vw,58px)}
.story-stats div{display:grid;gap:2px}
.story-stats strong{font:700 23px 'Poppins',sans-serif}
.story-stats span,.story-foot{color:var(--muted);font-size:12px}
.story-foot{max-width:460px;margin-top:30px;line-height:1.7}
.auth-card{width:100%;max-width:470px;justify-self:end;padding:clamp(26px,4vw,42px);border:1px solid rgba(212,224,214,.9);border-radius:16px;background:var(--white);box-shadow:var(--shadow)}
.card-top{display:flex;justify-content:space-between;align-items:center}
.card-index{color:#99a59c;font-size:10px;font-weight:700;letter-spacing:1px}
.auth-card h2{margin:25px 0 5px;font:700 29px 'Poppins',sans-serif;letter-spacing:-1px}
.card-sub{margin:0 0 25px;color:var(--muted);font-size:13px}
.auth-card form>label:not(.check-row){display:block;margin:15px 0 6px;font-size:12px;font-weight:700}
.auth-card input:not([type=checkbox]){width:100%;height:47px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#fcfdfb;color:var(--ink);outline:none}
.auth-card input:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#6e9c78;box-shadow:0 0 0 3px rgba(76,132,90,.12)}
.check-row{display:flex;gap:10px;align-items:flex-start;margin:19px 0;color:#6b786f;font-size:11px}
.check-row input{margin-top:3px;accent-color:var(--green)}
.primary-btn{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:20px;padding:0 16px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:700;transition:background .2s,transform .2s}
.primary-btn:hover{transform:translateY(-1px);background:var(--green-dark)}
.primary-btn:disabled{opacity:.6;cursor:wait;transform:none}
.form-message{min-height:20px;margin:12px 0 0;color:var(--green);font-size:12px}
.form-message.error{color:var(--red)}
.auth-switch{margin:21px 0 13px;color:var(--muted);font-size:12px;text-align:center}
.auth-switch a,.back-link{color:var(--green);font-weight:700;text-decoration:none}
.back-link{display:block;color:#7a887f;font-size:11px}
.text-btn{display:block;margin:13px 0 0 auto;padding:0;border:0;background:none;color:var(--green);font-size:11px;font-weight:700}
.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh;background:#f6f8f5}
.side-panel{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:25px 18px;border-right:1px solid #e1e8e1;background:#fff}
.side-panel .brand{margin:0 8px 45px}
.side-label{margin:0 10px 12px;color:#99a49b;font-size:9px;font-weight:700;letter-spacing:1.6px}
.side-nav{display:grid;gap:5px}
.side-nav a,.side-nav button,.side-bottom a{padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#637168;font-size:12px;font-weight:600;text-align:left;text-decoration:none}
.side-nav button{display:flex;align-items:center;gap:11px;width:100%;cursor:pointer}
.side-nav button svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.side-nav a.active,.side-nav button.active{background:#edf4ec;color:var(--green)}
.side-nav a:hover,.side-nav button:hover,.side-bottom a:hover{background:#f2f6f1}
.side-bottom{margin-top:auto;display:grid;gap:8px}
.side-bottom button{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:white;color:#5d6b61;text-align:left;font-size:12px}
.workspace{min-width:0;padding:38px clamp(20px,4.4vw,64px) 60px}
.workspace-inner{max-width:1180px;margin:auto}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}
.page-head h1{margin:3px 0 5px;font:700 clamp(25px,3vw,34px) 'Poppins',sans-serif;letter-spacing:-1px}
.page-head p{margin:0;color:var(--muted);font-size:12px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;background:#edf4ec;color:var(--green);font-size:10px;font-weight:700;text-transform:capitalize}
.tag[hidden]{display:none!important}
.tag.pending,.tag.processing{background:#fff4df;color:var(--amber)}
.tag.rejected,.tag.suspended{background:#fff0ee;color:var(--red)}
.tag.paid,.tag.approved,.tag.available{background:#edf4ec;color:var(--green)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0}
.stat-card,.panel{border:1px solid #e1e8e1;border-radius:11px;background:#fff}
.stat-card{padding:19px}
.stat-card span{display:block;color:#7e8a81;font-size:10px;font-weight:600}
.stat-card strong{display:block;margin:10px 0 4px;font:700 27px 'Poppins',sans-serif;letter-spacing:-1px}
.stat-card small{color:#9aa59c;font-size:10px}
.panel{margin-top:18px;padding:22px}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}
.panel-heading h2{margin:0;font:700 16px 'Poppins',sans-serif;letter-spacing:-.3px}
.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}
.link-box{display:flex;gap:9px;margin:15px 0}
.link-box input{min-width:0;flex:1}
.referral-alias-form{display:flex;align-items:flex-start;gap:10px;margin:15px 0}
.referral-alias-field{display:grid;flex:1;grid-template-columns:minmax(0,1fr);gap:5px}
.referral-alias-field label{color:#647268;font-size:10px;font-weight:700}
.referral-alias-field input{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fcfdfb;color:var(--ink)}
.referral-alias-field small{color:var(--muted);font-size:10px}
.referral-alias-form .soft-btn{flex:0 0 auto;margin-top:20px;min-height:40px}
.referral-alias-form[hidden]{display:none}
@media(max-width:540px){.referral-alias-form{align-items:stretch;flex-direction:column}.referral-alias-form .soft-btn{align-self:flex-start;margin-top:0}}
.panel input,.panel select,.panel textarea{min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fcfdfb;color:var(--ink);outline:none}
.panel textarea{width:100%;resize:vertical}
.soft-btn,.small-btn{padding:9px 12px;border:1px solid #d5e0d5;border-radius:7px;background:#fff;color:var(--green);font-size:11px;font-weight:700}
.soft-btn:hover,.small-btn:hover{background:#f1f6ef}
.small-btn{padding:6px 9px;font-size:10px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left}
th{padding:10px 11px;border-bottom:1px solid #e7ece7;color:#9aa49c;font-size:9px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
td{padding:12px 11px;border-bottom:1px solid #edf0ed;color:#39473e;font-size:11px;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
td strong{display:block;color:var(--ink);font-size:11px}
td small{color:#8e9a91;font-size:10px}
.empty-state{padding:28px 12px;color:#86938a;font-size:12px;text-align:center}
.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:5px}
.field.full{grid-column:1/-1}
.field label{color:#647268;font-size:10px;font-weight:700}
.field input,.field select{width:100%}
.notice{padding:12px 14px;border:1px solid #e6e9d8;border-radius:7px;background:#fcfbed;color:#716b48;font-size:11px;line-height:1.6}
.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.admin-tabs{display:flex;gap:8px;margin:20px 0}
.admin-tab{padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#6a776e;font-size:11px;font-weight:700}
.admin-tab.active{border-color:var(--green);background:var(--green);color:white}
.admin-list{display:grid;gap:10px}
.admin-row{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(3,minmax(100px,1fr)) auto;gap:12px;align-items:center;padding:13px;border-bottom:1px solid #edf0ed}
.admin-row:last-child{border-bottom:0}
.admin-row .actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.admin-row strong{display:block;font-size:11px}
.admin-row small{color:#8c978f;font-size:10px}
.details-box{margin-top:5px;color:#657369;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.admin-form{margin-top:22px}
.admin-form .panel form{display:grid}
.toast{position:fixed;right:22px;bottom:22px;z-index:20;max-width:min(420px,calc(100% - 44px));padding:13px 17px;border-radius:8px;background:#213e2c;color:white;box-shadow:0 8px 28px #14271d30;font-size:12px}
.toast.error{background:#9e3d35}
.loading{padding:42px;color:var(--muted);text-align:center}
.mobile-brand{display:none}
@media(max-width:900px){.auth-layout{gap:38px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:190px minmax(0,1fr)}.side-panel{padding-inline:13px}.workspace{padding-inline:24px}.admin-row{grid-template-columns:1.2fr 1fr 1fr auto}.admin-row>:nth-child(4){display:none}}
@media(max-width:650px){.auth-shell{width:min(100% - 28px,480px);padding-top:18px}.auth-layout{grid-template-columns:1fr;gap:8px;padding:15px 0}.auth-story{padding:15px 4px}.auth-story h1{margin:16px 0;font-size:44px;letter-spacing:-2.5px}.auth-story>p:not(.story-foot){font-size:14px}.story-rule{margin:25px 0 18px}.story-stats{gap:24px}.story-stats strong{font-size:19px}.story-foot{margin-top:16px}.auth-card{justify-self:stretch}.app-shell{display:block}.side-panel{position:relative;display:flex;height:auto;flex-direction:row;align-items:center;gap:12px;padding:13px 16px;border-right:0;border-bottom:1px solid #e1e8e1}.side-panel .brand{margin:0}.side-label,.side-bottom{display:none}.side-nav{display:flex;gap:2px;margin-left:auto}.side-nav a{padding:8px;font-size:10px}.workspace{padding:25px 15px 40px}.page-head{align-items:flex-start}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:22px}.panel{padding:16px}.section-grid{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr auto;padding:12px 4px}.admin-row>:nth-child(3){display:none}.admin-row .actions{grid-column:1/-1;justify-content:flex-start}.panel form{grid-template-columns:1fr}.field.full,.form-actions{grid-column:1}.link-box{flex-direction:column}}
@media(max-width:390px){.side-nav a{padding:7px 5px;font-size:9px}.story-stats{gap:16px}.story-stats strong{font-size:17px}}

body{background:var(--paper);font-family:'Poppins',sans-serif}
.brand{gap:0;color:var(--ink);font:800 24px/1 'Poppins',sans-serif;letter-spacing:-.7px}
.brand span{color:#78a0ff}
.auth-shell{padding-top:30px}
.auth-layout{min-height:calc(100vh - 110px)}
.auth-story h1,.auth-card h2,.page-head h1,.stat-card strong,.panel-heading h2{font-family:'Poppins',sans-serif}
.auth-story h1{letter-spacing:-2.8px}
.auth-story h1 em{color:#4059d6}
.overline{color:#6d7fbd}
.story-rule{background:var(--line)}
.auth-card{border-color:var(--line);border-radius:12px;box-shadow:0 18px 48px rgba(21,37,77,.08)}
.auth-card input:not([type=checkbox]),.panel input,.panel select,.panel textarea{border-color:var(--line);background:#fcfdff}
.auth-card input:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#7184e3;box-shadow:0 0 0 3px rgba(64,89,214,.12)}
.check-row input{accent-color:#4059d6}
.primary-btn{background:linear-gradient(135deg,#4059d6,#2f80ed);box-shadow:0 7px 18px rgba(64,89,214,.2)}
.primary-btn:hover{background:linear-gradient(135deg,#3047bc,#1e63d6)}
.form-message{color:#4059d6}
.auth-switch a,.back-link,.text-btn{color:#4059d6}
.app-shell{background:#f2f5fa}
.side-panel{border-color:rgba(255,255,255,.09);background:#111c43}
.side-panel .brand{color:#fff}
.side-label{color:#96a8e8}
.side-nav a,.side-bottom a{color:#b4bfdc}
.side-nav a.active,.side-nav button.active{background:rgba(64,89,214,.25);color:#fff}
.side-nav a:hover,.side-nav button:hover,.side-bottom a:hover{background:rgba(255,255,255,.08);color:#fff}
.side-bottom button{border-color:rgba(255,255,255,.16);background:transparent;color:#d4daf0}
.side-bottom button:hover{background:rgba(255,255,255,.08)}
.workspace{background:#f2f5fa}
.page-head h1{letter-spacing:-.8px}
.stat-card,.panel{border-color:#edf0f5;border-radius:9px;box-shadow:0 5px 20px rgba(21,37,77,.035)}
.stat-card strong{letter-spacing:-.7px}
.stat-card span,.panel-heading p,.field label{color:#69748c}
.stat-card small,td small{color:#8b94a7}
.panel-heading h2{letter-spacing:-.35px}
.tag{background:#eff2ff;color:#4059d6}
.tag.pending,.tag.processing{background:#fff6e8;color:#a76b16}
.tag.rejected,.tag.suspended{background:#fff0ee;color:#a64038}
.tag.paid,.tag.approved,.tag.available{background:#eaf8f3;color:#18886d}
.panel input,.panel select,.panel textarea{color:var(--ink)}
.soft-btn,.small-btn{border-color:#dfe4f1;color:#4059d6}
.soft-btn:hover,.small-btn:hover{background:#eff2ff}
th{border-color:#edf0f5;color:#8b94a7}
td{border-color:#eff1f5;color:#4f5c74}
td strong{color:var(--ink)}
.empty-state,.loading{color:#8791a5}
.notice{border-color:#dce4fb;background:#f5f7ff;color:#59668f}
.admin-tab{border-color:var(--line);color:#69748c}
.admin-tab.active{border-color:#4059d6;background:#4059d6}
.admin-row{border-color:#eff1f5}
.admin-row small{color:#8b94a7}
.toast{background:#111c43}
.toast.error{background:#9e3d35}
@media(max-width:650px){.side-panel{border-color:rgba(255,255,255,.09)}}
html{scroll-behavior:smooth}
.dashboard-section{scroll-margin-top:28px}
.workspace-inner>.stats-grid{margin:0 0 25px}
.dashboard-section+.dashboard-section{margin-top:24px}
.workspace-inner [id="overview"],.workspace-inner [id="promoCodes"],.workspace-inner [id="referrals"],.workspace-inner [id="commissions"],.workspace-inner [id="payouts"],.workspace-inner [id="accountSettings"]{scroll-margin-top:28px}
.side-nav a,.side-nav button{transition:background .18s,color .18s}
.side-nav a.active,.side-nav button.active{background:rgba(64,89,214,.25);color:#fff}
.side-nav a:focus-visible,.side-nav button:focus-visible,.side-bottom button:focus-visible{outline:2px solid #91a4ff;outline-offset:2px}
.payout-selection{margin:18px 0 5px}
.payout-option-summary{min-height:16px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.payout-privacy-note{margin-top:16px}
.payout-settings-form{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
.payout-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.payout-address{grid-column:1/-1}
.payout-options-heading,.payout-option-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.payout-options-heading h3{margin:0;font:700 14px 'Poppins',sans-serif}
.payout-options-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.payout-option-list{display:grid;gap:13px}
.payout-option-card{display:grid;gap:14px;padding:17px;border:1px solid var(--line);border-radius:9px;background:#fbfcff}
.payout-option-head{align-items:flex-end}
.payout-option-head .field{flex:1}
.payout-remove{color:var(--red)}
.payout-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payout-bank-address{grid-column:1/-1}
.payout-settings-actions{display:grid;grid-template-columns:1fr minmax(210px,.7fr);gap:10px;align-items:center}
.payout-settings-actions .payout-save{width:100%;margin:0}
.payout-settings-message{grid-column:1/-1;margin:0}
.payout-setup-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:rgba(10,18,44,.68);backdrop-filter:blur(5px)}
.payout-setup-overlay[hidden]{display:none}
.payout-setup-modal{width:min(780px,100%);max-height:min(92vh,920px);overflow:auto;padding:clamp(22px,4vw,36px);border:1px solid #e6eaf4;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(9,17,45,.28)}
.payout-setup-modal h2{margin:8px 0 5px;font:700 24px 'Poppins',sans-serif;letter-spacing:-.7px}
.payout-setup-modal>.sub,.page-head-copy{margin:0 0 20px;color:var(--muted);font-size:12px}
.payout-onboarding-note{margin-bottom:3px}
.payout-setup-signout{margin:14px 0 0 auto}
body.payout-setup-open{overflow:hidden}
body.account-settings-open{overflow:hidden}
.tab-panel[hidden]{display:none}
.mobile-account-actions{display:none}
.account-settings-modal{width:min(900px,100%)}
.account-settings-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.account-settings-heading h2{margin:7px 0 4px;font:700 24px 'Poppins',sans-serif;letter-spacing:-.7px}
.account-settings-heading .page-head-copy{margin:0}
.affiliate-profile-settings{display:grid;gap:12px}
.account-edit-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;gap:12px!important;align-items:end}
.account-edit-form .soft-btn{min-width:120px;min-height:40px}
.account-edit-form[hidden]{display:none!important}
.payout-modal-heading{margin:24px 0 15px}
.payout-modal-heading h3{margin:0;font:700 14px 'Poppins',sans-serif}
.payout-modal-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}
@media(max-width:650px){
  .side-panel{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;overflow:visible;padding:13px 16px}
  .side-panel .brand{margin:0}
  .side-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e8ebf3;background:#fff;box-shadow:0 -8px 24px rgba(21,37,77,.08)}
  .side-nav button{justify-content:center;flex-direction:column;gap:3px;min-width:0;padding:5px 2px;color:#6b7590;text-align:center;font-size:9px}
  .side-nav button svg{width:19px;height:19px;flex-basis:19px}
  .side-nav button.active{background:transparent;color:#4059d6}
  .side-nav button:hover{background:#f2f4fb;color:#4059d6}
  .side-nav .side-account{display:none}
  .mobile-account-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
  .mobile-account-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4059d6;font-size:11px;font-weight:700}
  .workspace{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .payout-contact-grid,.payout-bank-grid{grid-template-columns:1fr}
  .payout-address,.payout-bank-address{grid-column:auto}
  .payout-option-head{display:grid;grid-template-columns:1fr 1fr}
  .payout-option-head .field:first-child{grid-column:1/-1}
  .payout-settings-actions{grid-template-columns:1fr}
  .payout-settings-actions .payout-save{grid-column:1}
  .payout-setup-overlay{padding:10px}
  .payout-setup-modal{max-height:96vh;padding:20px 15px}
  .account-settings-modal{max-height:96vh}
  .account-edit-form{grid-template-columns:1fr!important}
  .account-edit-form .soft-btn{width:100%}
  .account-settings-heading h2{font-size:21px}
}
.affiliate-auth .formpane{min-width:0}
.affiliate-auth .bp-body{max-width:470px}
.affiliate-auth .brandpane h2{max-width:440px}
.affiliate-auth .box{width:100%}
.affiliate-signin .box{max-width:420px}
.affiliate-signup .box{max-width:440px}
.affiliate-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.affiliate-highlights span{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);background:rgba(255,255,255,.08);color:var(--blue-200);font-size:11px}
.affiliate-highlights strong{color:#fff;font-weight:700}
.affiliate-note{margin-top:16px!important;font-size:11px!important;line-height:1.65}
.affiliate-auth .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.affiliate-auth .affiliate-terms{display:flex;align-items:flex-start;gap:9px;margin:2px 0 14px;color:var(--muted);font-size:12px}
.affiliate-auth .affiliate-terms input{flex:0 0 auto;margin-top:3px;accent-color:var(--blue-600)}
.affiliate-auth .form-message{min-height:20px;margin-top:10px;color:var(--blue-600);font-size:12px}
.affiliate-auth .form-message.error{color:var(--bad)}
.affiliate-program-link{margin-top:12px;text-align:center;font-size:12px}
.affiliate-program-link a{color:var(--blue-600);font-weight:600}
.affiliate-program-link a:hover{text-decoration:underline}
@media(max-width:899px){.affiliate-auth .brandpane{padding:calc(22px + env(safe-area-inset-top)) 22px 26px 30px}.affiliate-auth .bp-body{margin:18px 0 0}}
@media(max-width:520px){.affiliate-auth .fr{grid-template-columns:1fr;gap:0}.affiliate-auth .brandpane{padding-right:20px;padding-left:22px}.affiliate-highlights{gap:6px}.affiliate-highlights span{font-size:10px}}
.promo-code-form{grid-template-columns:minmax(0,1.3fr) minmax(100px,.7fr) auto!important;align-items:end}
.promo-code-form .form-actions{grid-column:auto}
.promo-code-form .form-message{grid-column:1/-1}
.promo-code-list{display:grid;gap:10px;margin-top:16px}
.promo-code-row{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(190px,1.4fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eff1f5}
.promo-code-row:first-child{border-top:0}
.promo-code-title strong,.promo-code-title small{display:block}
.promo-code-title strong{color:var(--ink);font-size:13px;letter-spacing:.5px}
.promo-code-title small{color:#8b94a7;font-size:10px}
.promo-code-row .promo-code-link{min-width:0;width:100%;font-size:10px}
.promo-code-actions{display:flex;gap:6px}
.promo-code-message.error{color:var(--red)}
@media(max-width:650px){.promo-code-form{grid-template-columns:1fr 1fr!important}.promo-code-form .form-actions{grid-column:1/-1}.promo-code-row{grid-template-columns:1fr auto}.promo-code-row .promo-code-link{grid-column:1/-1;grid-row:2}.promo-code-actions{grid-column:2;grid-row:1}}