.calendar-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.calendar-summary>div{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:17px 20px}.calendar-summary small{display:block;color:#708096;font-size:11px}.calendar-summary strong{display:block;margin-top:6px;font-size:21px;letter-spacing:-.045em}.calendar-card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:22px}.calendar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.calendar-title h2{font-size:17px;text-transform:capitalize}.calendar-title a{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f5f7fb;color:#2563eb;font-size:18px;text-decoration:none}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{padding:0 8px 10px;color:#708096;font-size:10px;font-weight:700;text-align:right}.calendar-day{min-height:112px;padding:10px;border-top:1px solid #edf0f5;border-left:1px solid #edf0f5}.calendar-day:nth-child(7n+1){border-left:0}.calendar-day b{display:block;text-align:right;font-size:12px;margin-bottom:9px}.calendar-day.outside{background:#fafbfc;color:#b5bdca}.planned,.actual{display:block;padding:4px 5px;margin:3px 0;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planned{background:#eff6ff;color:#2563eb}.actual{background:#e9f8f2;color:#138a63}.calendar-legend{display:flex;gap:18px;margin-top:16px;color:#708096;font-size:11px}.calendar-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.planned-dot{background:#2563eb}.actual-dot{background:#138a63}@media(max-width:600px){.calendar-summary{gap:9px}.calendar-summary>div{padding:14px}.calendar-summary strong{font-size:17px}.calendar-card{margin:0 -18px;border-radius:0;padding:16px}.calendar-day{min-height:72px;padding:7px 4px}.calendar-day b{margin-bottom:4px;font-size:11px}.planned,.actual{font-size:0;height:6px;padding:0;border-radius:4px}.weekdays span{padding:0 4px 8px;font-size:9px}.calendar-legend{font-size:10px;gap:10px}}