.earn-role{min-width:280px}.earn-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.earn-grid>*{min-width:0}.earn-grid h2,.earn-payroll h2{font-size:24px;color:#fff}.earn-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 20px;margin-bottom:16px}.earn-head p{max-width:62ch;margin-top:6px}.earn-tbl a{color:#fff;font-weight:700;text-decoration:none}.earn-tbl a:hover{color:var(--orange)}.earn-tbl td .btn{min-height:34px}.earn-chart{margin:4px 0 12px}.earn-chart svg{display:block;width:100%;height:auto;margin-bottom:8px}.earn-chart figcaption{font-size:13px}.earn-payroll{margin-top:22px;display:grid;gap:14px}.earn-payroll .earn-head{margin-bottom:0}.earn-split{display:flex;height:20px;overflow:hidden;border:1px solid var(--edge);border-radius:5px;background:var(--ink)}.earn-split i{display:block;height:100%;min-width:0;border-right:2px solid var(--ink)}.earn-split i:last-child{border-right:0}.earn-split i[data-n="0"]{background:var(--blue)}.earn-split i[data-n="1"]{background:var(--orange)}.earn-split i[data-n="2"]{background:var(--green)}.earn-split i[data-n="3"]{background:var(--violet)}.earn-split i[data-n="4"]{background:var(--amber)}.earn-split i.you{background:repeating-linear-gradient(135deg,#2f2f45 0 8px,#1c1c2b 8px 16px)}.earn-keep{margin-top:-6px;font-size:14px}.earn-keep b{color:#fff}.earn-rows{display:grid;gap:10px}.earn-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 110px auto;gap:12px;align-items:end;padding:12px;border:1px solid var(--edge);border-radius:10px;background:var(--ink)}.earn-row .field{gap:6px}.earn-row .btn{min-height:48px}.earn-problems{display:grid;gap:4px;padding:10px 14px;border-radius:8px;background:rgba(240,68,56,.1);color:#ffb0a8;font:500 13.5px/1.4 var(--font-ui);list-style:none}.earn-acts{display:flex;flex-wrap:wrap;gap:10px}.earn-dialog{max-width:min(560px,calc(100vw - 32px))}.earn-dialog .panel{display:grid;gap:14px}.earn-dialog .callout p+p{margin-top:6px}@media(max-width:980px){.earn-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.earn-role{min-width:0;width:100%}.earn-row{grid-template-columns:minmax(0,1fr) 96px}.earn-row .field:nth-child(2){grid-column:1/-1;grid-row:2}.earn-row .btn{grid-column:1/-1}.earn-head .btn{width:100%}}