.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.calendar-toolbar h2{margin:0;text-align:center}.month-calendar{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);margin-bottom:24px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays>div{padding:10px;text-align:center;background:#0c0f13;color:var(--muted);font-size:.75rem;font-weight:800}.calendar-day{position:relative;min-height:128px;padding:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#0a0c0f}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-day.selected{background:rgba(215,25,32,.08)}.calendar-create-hitbox{position:absolute;inset:0;z-index:1}.day-number,.calendar-event,.more-events{position:relative;z-index:2}.more-events{pointer-events:none}.day-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:.78rem;font-weight:800;margin-bottom:5px}.today .day-number{background:var(--accent)}.calendar-event{display:flex;min-width:0;align-items:center;gap:5px;padding:4px 6px;margin:3px 0;border-radius:5px;background:#252c34;font-size:.68rem;white-space:nowrap;overflow:hidden}.calendar-event-time{flex:0 0 auto;font-weight:800}.calendar-event-meta{min-width:0;overflow:hidden;text-overflow:ellipsis}.calendar-event.full-day .calendar-event-time{padding:1px 4px;border-radius:3px;background:rgba(255,255,255,.09);font-size:.59rem;letter-spacing:.01em}.calendar-event.confirmed{background:rgba(242,169,59,.2);color:#ffd37e}.calendar-event.completed{background:rgba(35,178,109,.18);color:#78e2ae}.calendar-event.cancelled{opacity:.5;text-decoration:line-through}.more-events{font-size:.65rem;color:var(--muted)}#new-appointment{scroll-margin-top:86px}@media(max-width:800px){.month-calendar{overflow:auto}.calendar-weekdays,.calendar-grid{min-width:820px}.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-toolbar h2{order:-1}}