.monthly-profit-panel { margin: 24px 0; padding: 22px; border: 1px solid #cfddd9; border-radius: 16px; background: #f6faf9; }
.monthly-profit-panel[hidden] { display:none; }
.monthly-profit-head { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.monthly-profit-head h3 { font-size:18px; margin:0; }
.monthly-profit-head span { font-size:14px; color:var(--muted); }
.monthly-profit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.monthly-profit-grid .card { box-shadow:none; }
.monthly-profit-panel progress { width:100%; height:10px; accent-color:#348271; margin-top:20px; }
.monthly-profit-panel .profit-progress-label { font-size:14px; margin:8px 0; font-weight:600; }
.monthly-profit-panel .profit-status { font-size:14px; line-height:1.65; color:var(--muted); margin-bottom:0; }
@media(max-width:700px) { .monthly-profit-panel { padding:16px; } .monthly-profit-grid { grid-template-columns:1fr; gap:12px; } }