.metrics-page .page-header h1{margin-top:0}.metrics-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.metrics-header>.metrics-segment{margin-top:5px}.metrics-segment{border:1px solid var(--line);border-radius:8px;flex-shrink:0;gap:3px;padding:4px;display:inline-flex}.metrics-segment button{color:var(--muted);white-space:nowrap;background:0 0;border-radius:5px;min-height:34px;padding:6px 15px;font-size:12px}.metrics-segment button:hover{color:var(--text)}.metrics-segment button[aria-pressed=true]{color:var(--accent);background:#2a3320}.metrics-segment.compact{padding:3px}.metrics-segment.compact button{min-height:30px;padding:5px 11px;font-size:11px}.metrics-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.metric-card{min-width:0;padding:26px}.metric-card+.metric-card{border-left:1px solid var(--line)}.metric-label{color:#b2bca6;align-items:center;gap:8px;font-size:12px;display:flex}.metric-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-1.3px;overflow-wrap:anywhere;margin:16px 0 12px;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.2;display:block}.metric-card strong small,.metrics-secondary strong small,.payout-summary strong small{color:var(--accent);letter-spacing:0;margin-left:7px;font-size:12px}.metric-note{color:var(--muted);font-size:11px;display:block}.metrics-period-note{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:18px 0 27px;font-size:11px;display:flex}.metrics-refresh{color:#b2bca6;background:0 0;align-items:center;gap:7px;min-height:32px;padding:6px 0 6px 7px;font-size:11px;display:inline-flex}.metrics-refresh:hover:not(:disabled){color:var(--accent)}.metrics-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.metric-chart-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:25px 25px 18px}.metric-chart-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.metric-chart-heading h2{letter-spacing:-.5px;font-size:19px;line-height:1.3}.metric-chart-heading p{font-variant-numeric:tabular-nums;margin-top:7px;font-size:11px}.chart-readout{min-height:38px;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.chart-readout strong{color:var(--accent);font-weight:500}.chart-plot{height:210px;position:relative}.chart-plot>svg{width:100%;height:100%;display:block;overflow:visible}.chart-zero{background:var(--surface);color:var(--muted);z-index:1;padding-right:4px;font-size:9px;position:absolute;bottom:17px;left:0}.chart-maximum{background:var(--surface);color:var(--muted);z-index:1;padding-right:4px;font-size:9px;position:absolute;top:1px;left:0}.chart-gridline{stroke:var(--line);stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.chart-guide{stroke:#afc987;stroke-opacity:.3;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.chart-empty{text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 15% 15px}.chart-empty p{background:var(--surface);border-radius:8px;padding:14px;font-size:12px}.chart-dates{color:var(--muted);justify-content:space-between;min-height:18px;margin-top:-10px;font-size:10px;display:flex}.chart-inspector{border-top:1px solid var(--line);min-height:25px;color:var(--muted);align-items:center;gap:15px;margin-top:16px;padding-top:14px;font-size:10px;display:flex}.chart-inspector>span{white-space:nowrap}.chart-inspector input{width:100%;accent-color:var(--accent);cursor:pointer;min-width:0;height:15px}.chart-inspector-empty{font-size:10px}.metrics-secondary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;display:grid}.metrics-secondary>div{padding:8px 22px 28px}.metrics-secondary>div:first-child{padding-left:0}.metrics-secondary>div+div{border-left:1px solid var(--line)}.metrics-secondary strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:9px;font-size:28px;font-weight:500;display:block}.metrics-secondary p{margin:3px 0 17px;font-size:11px}.metrics-secondary .quiet-link{color:var(--accent);font-size:11px}.metrics-method{color:var(--muted);max-width:740px;margin-top:28px;font-size:11px}.metrics-method summary{cursor:pointer;color:#b4bca9}.metrics-method summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.metrics-method p{margin-top:12px;line-height:1.8}.metrics-loading{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:270px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:25px;display:flex}.payout-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr 1fr;margin-bottom:44px;display:grid}.payout-total{padding:30px 32px}.payout-total>strong{letter-spacing:-2px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:17px 0 13px;font-size:54px;font-weight:500;line-height:1.2;display:block}.payout-total>strong small{font-size:16px}.payout-total .metric-label>svg{color:var(--accent)}.payout-summary-rest{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:30px;display:grid}.payout-summary-rest strong{letter-spacing:-1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:11px 0 8px;font-size:31px;font-weight:500;line-height:1.2;display:block}.payout-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.payout-section-heading h2{letter-spacing:-.75px;font-size:25px}.payout-section-heading p{margin-top:7px;font-size:11px}.payout-controls{align-items:center;gap:15px;display:flex}.payout-list-labels,.payout-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.payout-list-labels{color:var(--muted);padding:0 23px 12px;font-size:10px}.payout-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none}.payout-row{padding:23px;font-size:12px}.payout-row+.payout-row{border-top:1px solid var(--line)}.payout-recipient{align-items:center;gap:11px;min-width:0;display:flex}.payout-recipient>div{min-width:0}.payout-recipient .avatar{flex-shrink:0}.payout-recipient a,.payout-round a{color:var(--text);overflow-wrap:anywhere;font-weight:500;line-height:1.6}.payout-recipient a:hover,.payout-round a:hover{color:var(--accent)}.payout-recipient a svg{vertical-align:middle;color:var(--muted)}.payout-recipient div>span,.payout-round>span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.payout-amount strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:15px;font-weight:500;display:block}.payout-amount strong small{color:var(--muted);font-size:10px}.payout-status{align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.payout-status.is-paid{color:var(--accent)}.payout-status.is-pending{color:#d2bb86}.payout-receipt a{color:var(--accent);align-items:center;gap:6px;font-size:11px;display:inline-flex}.payout-receipt>span{font-size:11px}.payout-receipt time{color:var(--muted);margin-top:5px;font-size:9px;display:block}.payout-empty{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 24px;display:flex}.payout-empty>svg{color:#9caf87;margin-bottom:20px}.payout-empty h3{font-size:22px}.payout-empty p{max-width:380px;margin:14px 0 18px;font-size:12px}.payout-empty .quiet-link{color:var(--accent);font-size:12px}.payout-pagination{justify-content:space-between;align-items:center;gap:15px;padding-top:22px;display:flex}.payout-pagination>span{color:var(--muted);font-size:11px}.payout-pagination>div{gap:8px;display:flex}.payout-pagination .button{gap:8px}.payout-footnote{max-width:730px;margin-top:32px;font-size:11px}@media (max-width:1000px){.metric-card{padding:23px 20px}.metric-chart-heading{flex-direction:column;gap:13px}.payout-summary{grid-template-columns:.9fr 1.1fr}.payout-summary-rest{gap:20px;padding:25px}.payout-total{padding:26px}.payout-row,.payout-list-labels{gap:13px}}@media (max-width:760px){.metrics-segment button{min-height:38px}.metrics-header{flex-direction:column;gap:0;margin-bottom:24px}.metrics-header .page-header{margin-bottom:20px}.metrics-summary{grid-template-columns:1fr 1fr}.metric-card:nth-child(3){border-left:0}.metric-card:nth-child(n+3){border-top:1px solid var(--line)}.metrics-charts{grid-template-columns:1fr}.metric-chart-heading{flex-direction:row}.metrics-secondary{grid-template-columns:1fr;margin-top:18px}.metrics-secondary>div,.metrics-secondary>div:first-child{padding:22px 0}.metrics-secondary>div+div{border-left:0;border-top:1px solid var(--line)}.metrics-secondary p{margin-bottom:9px}.payout-summary{grid-template-columns:1fr;margin-bottom:34px}.payout-summary-rest{border-left:0;border-top:1px solid var(--line)}.payout-summary-rest strong{font-size:27px}.payout-section-heading{flex-direction:column;align-items:flex-start;gap:20px}.payout-controls{justify-content:space-between;width:100%}.payout-list-labels{display:none}.payout-row{grid-template-columns:minmax(0,1fr) auto;gap:20px 16px;padding:23px 20px}.payout-recipient{grid-area:1/1}.payout-amount{text-align:right;grid-area:1/2}.payout-status{justify-content:flex-end}.payout-round{grid-area:2/1}.payout-receipt{text-align:right;grid-area:2/2;max-width:150px}.payout-pagination{flex-wrap:wrap}}@media (max-width:430px){.metric-card{padding:20px 16px}.metric-card>strong{font-size:28px}.metric-note{font-size:10px}.metric-chart-panel{padding:20px 17px 17px}.metric-chart-heading{flex-wrap:wrap}.metric-chart-heading h2{font-size:18px}.metrics-segment.compact button{padding:5px 9px}.chart-plot{height:180px}.chart-readout{font-size:9px}.payout-total>strong{font-size:47px}.payout-summary-rest{gap:15px;padding:22px}.payout-summary-rest strong{font-size:25px}.payout-row{gap:20px 12px;padding:20px 15px}.payout-recipient{gap:8px}.payout-recipient .avatar{width:30px;height:30px;font-size:9px}.payout-amount strong{font-size:13px}.payout-receipt{max-width:124px}}