.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px}.month-header{font-weight:700;text-align:center;padding:4px;background:#ddd;border-radius:4px}.month-day{min-height:80px;border:1px solid #ccc;border-radius:4px;padding:4px;font-size:14px;cursor:pointer;position:relative;background:#fafafa}.month-day:hover{background:#e8f3ff}.month-day.empty{background:transparent;border:none}.day-number{font-weight:700;text-align:right;font-size:12px}.res-badge{background:#0074e8;color:#fff;padding:2px 4px;margin-top:2px;border-radius:3px;font-size:11px;cursor:pointer}