.earnings-workspace { color: var(--ink); }
.earnings-heading,.earnings-actions { display:flex;align-items:center;gap:14px; }
.earnings-heading { justify-content:space-between; }
.earnings-heading .page-heading { margin-bottom:8px; }
.earnings-cards { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0 16px; }
.earnings-card { padding:23px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px; }
.earnings-card>span { display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px; }
.earnings-card svg { width:25px;height:25px;color:var(--green); }
.earnings-card strong { display:block;font-size:29px;line-height:1.4;margin-top:15px;font-variant-numeric:tabular-nums;white-space:nowrap; }
.earnings-card.is-available { border-color:#edbc96;background:#fffcf7; }
.earnings-card.is-available strong,.earnings-card.is-available svg,.earnings-amount { color:#d96817; }
.earnings-notice { padding:15px 20px;border:1px solid #e7def0;border-radius:10px;background:#f6f1fa;font-size:14px;line-height:1.8;margin:15px 0 22px; }
.earnings-notice p { margin:0; }
.finance-warning { color:#8f4e12; }
.earnings-tabs { display:flex;gap:30px;border-bottom:1px solid var(--line);margin:0 0 20px; }
.earnings-tabs button { padding:7px 8px 14px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:16px; }
.earnings-tabs [aria-current=page] { color:var(--green);font-weight:700;border-bottom-color:var(--green); }
.earnings-table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:9px; }
.earnings-table { width:100%;border-collapse:collapse;font-size:13px; }
.earnings-table th { text-align:left;padding:15px 12px;background:#f6f1fa;color:var(--muted);white-space:nowrap;font-weight:600; }
.earnings-table td { padding:18px 12px;border-top:1px solid var(--line);line-height:1.6; }
.earnings-table td:first-child { max-width:230px;overflow-wrap:anywhere; }
.earnings-table td small { display:block;color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere; }
.finance-state { display:inline-flex;padding:5px 9px;border-radius:7px;font-size:12px;background:#f0e9f8;color:#705091;white-space:nowrap; }
.finance-state.state-succeeded { color:#287741;background:#e8f5eb; }
.finance-state.state-pending,.finance-state.state-unknown { color:#966018;background:#fff3df; }
.finance-state.state-rejected,.finance-state.state-failed { color:#a63e58;background:#fff0f3; }
.finance-state.state-cancelled { color:#746d77;background:#eeeaf0; }
.earnings-refresh { margin-top:18px; }
#dialog:has([data-finance-dialog]) { width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto; }
.withdraw-balance { background:#f6effc;border:1px solid #e7d9f4;border-radius:10px;padding:20px;margin-bottom:22px; }
.withdraw-balance strong { display:block;font-size:31px;color:var(--green);margin-top:8px; }
.withdraw-balance p,.withdraw-method p { color:var(--muted);font-size:13px;margin:8px 0 0; }
.withdraw-amount-input { display:flex;align-items:center;gap:10px; }
.withdraw-amount-input input { min-width:0;flex:1; }
.withdraw-method { padding:16px 18px;border:1px solid var(--line);border-radius:8px;margin:18px 0; }
.withdraw-method span { float:right; }
.withdraw-steps { list-style:none;display:flex;justify-content:space-around;padding:8px 0;gap:14px;text-align:center; }
.withdraw-steps li { flex:1;display:grid;gap:10px;justify-items:center;font-size:14px; }
.withdraw-steps b { width:32px;height:32px;border-radius:50%;background:#eae0f5;color:var(--green);display:grid;place-items:center; }
.withdraw-actions { display:flex;justify-content:flex-end;gap:14px;margin-top:20px; }
.withdraw-confirmation { text-align:center;line-height:1.8; }
.withdraw-confirmation img { display:block;width:240px;height:240px;margin:20px auto; }
.withdraw-confirmation p { color:var(--muted); }