.month-board{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden}
.month-weekday{padding:11px;text-align:center;font-size:10px;font-weight:700;color:#6e7b8c;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc}
.month-day{min-height:105px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.month-day.outside{background:#fafbfc;color:#b3bbc5}
.month-day.today>b{display:grid;place-items:center;background:var(--blue);color:#fff;width:23px;height:23px;border-radius:50%}
.month-event{background:#ddebff;color:#245eab;border-radius:4px;padding:4px 5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.month-event.unpaid{background:#fff0b9;color:#855f00}
.month-day small{font-size:8px;color:#8a95a3}
@media(max-width:760px){.month-board{min-width:680px}.page:has(.month-board){overflow:auto}}