.monthly-chart-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:18px 0;display:grid}.monthly-chart-card{background:#fff;border:1px solid #e8e0d7;border-radius:18px;min-width:0;padding:19px;box-shadow:0 8px 25px #39261308}.monthly-chart-card>header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.monthly-chart-card h3{color:#26211d;letter-spacing:-.025em;margin:0;font-size:16px}.monthly-chart-card header small,.monthly-chart-tail{color:#82786d;margin-top:4px;font-size:11px;display:block}.monthly-insight{flex:none;display:inline-flex;position:relative}.monthly-help{color:#ad500a;cursor:pointer;background:#fff5e9;border:1px solid #edc59c;border-radius:50%;width:25px;height:25px;font-size:13px;font-weight:800}.monthly-help:hover,.monthly-help:focus-visible{color:#1d150d;outline-offset:2px;background:#f58220;outline:2px solid #f5c293}.monthly-insight-pop{z-index:40;color:#483b2e;text-align:left;background:#fffdfa;border:1px solid #e7d4bf;border-radius:12px;gap:12px;width:min(280px,70vw);padding:14px;font-size:12px;font-weight:400;line-height:1.5;display:grid;position:absolute;top:32px;right:0;box-shadow:0 12px 35px #2b1d1333}.monthly-insight-pop button{color:#a64e0e;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:800}.monthly-donut-layout{grid-template-columns:148px 1fr;align-items:center;gap:20px;display:grid}.monthly-donut{border-radius:50%;place-items:center;width:148px;height:148px;display:grid}.monthly-donut>span{background:#fff;border-radius:50%;align-content:center;justify-items:center;width:105px;height:105px;display:grid}.monthly-donut strong{letter-spacing:-.06em;font-size:32px}.monthly-donut small{color:#82766b;font-size:10px}.monthly-donut-legend{gap:8px;min-width:0;display:grid}.monthly-donut-legend>div{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:11px;display:grid}.monthly-donut-legend i{border-radius:50%;width:10px;height:10px}.monthly-donut-legend strong{font-variant-numeric:tabular-nums}.monthly-donut-legend p{color:#8b8178;font-size:12px}.monthly-ranked-bars{gap:13px;display:grid}.monthly-ranked-row{gap:5px;display:grid}.monthly-ranked-row>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.monthly-ranked-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.monthly-ranked-row span{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.monthly-ranked-row small{color:#8b8075;font-size:10px}.monthly-bar-track,.monthly-movement-track{background:#f0e9e1;border-radius:999px;height:8px;overflow:hidden}.monthly-bar-track i,.monthly-movement-track i{background:linear-gradient(90deg,#f58220,#d75613);border-radius:999px;height:100%;display:block}.monthly-chart-empty{color:#80766c;font-size:12px}.monthly-movement-track{height:5px;margin-top:7px}.monthly-movement-list{gap:10px;margin-top:18px;display:grid}.monthly-movement{background:#fff;border:1px solid #e9e1d9;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:14px 16px;display:grid;position:relative}.monthly-movement>div:first-child{min-width:0}.monthly-movement strong{font-size:12px}.monthly-movement small{color:#82776c;overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.45;display:block}.monthly-movement-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.monthly-movement-amount strong{display:block}.monthly-movement-actions{justify-content:flex-end;align-items:center;gap:7px;margin-top:5px;display:flex}.monthly-movement .monthly-movement-track{grid-column:1/-1}.monthly-status-chip{color:#655d54;background:#f1ece6;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.monthly-status-chip.paid,.monthly-status-chip.reconciled,.monthly-status-chip.closed{color:#216c3b;background:#e7f4e9}.monthly-status-chip.submitted,.monthly-status-chip.approved{color:#a15200;background:#fff0df}.monthly-status-chip.returned,.monthly-status-chip.cancelled{color:#a73125;background:#fbe9e6}@media (max-width:820px){.monthly-chart-grid{grid-template-columns:1fr}}@media (max-width:520px){.monthly-chart-card{padding:15px}.monthly-donut-layout{grid-template-columns:112px 1fr;gap:12px}.monthly-donut{width:112px;height:112px}.monthly-donut>span{width:80px;height:80px}.monthly-donut strong{font-size:26px}.monthly-movement{padding:12px}.monthly-movement-amount strong{font-size:11px}}