.monthly-detail{margin:28px 0;border:1px solid #e3e4e5;border-radius:6px;background:white;padding:0 22px}
.monthly-detail>summary{padding:20px 0;cursor:pointer;color:#a9241a;font-size:16px;font-weight:700;line-height:1.5}
.monthly-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:5px 0 18px}
.monthly-controls label{font-size:13px;font-weight:700}
.monthly-controls select{display:block;min-height:42px;padding:9px 30px 9px 12px;margin-top:8px;border:1px solid #d8cbc8;background:#fff6f4;border-radius:4px;font:15px Arial;color:#343638}
.monthly-controls button,.monthly-pagination button{padding:11px 14px;border:1px solid #cf2c20;background:#fff;color:#a9241a;border-radius:4px;font:600 13px Arial;cursor:pointer;min-height:42px}
.monthly-controls button{background:#cf2c20;color:white}
.monthly-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}
.monthly-pagination span{font-size:13px;color:#626568}
.monthly-detail button:disabled{opacity:.4;cursor:default}
.monthly-table th,.monthly-table td{padding:15px 10px;font-size:12px}
.monthly-table thead th{font-size:11px}
@media(max-width:650px){.monthly-detail{padding:0 14px}.monthly-detail>summary{font-size:14px}.monthly-controls{gap:12px}.monthly-controls button{font-size:12px}.monthly-table tbody th{font-size:19px;padding:4px 0 12px}.monthly-table td{padding:10px 0;font-size:13px}.monthly-table td.balance{padding:12px 8px}.monthly-pagination{gap:8px}.monthly-pagination span{order:-1;flex-basis:100%;text-align:center}.monthly-pagination button{font-size:12px;padding:10px 12px}}