.calendar-page{max-width:1050px;margin:auto}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex:1}.calendar-nav h2{text-transform:capitalize;margin:0;min-width:210px;text-align:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8dedd;background:#fff;color:#168b88;font-size:1.6rem;line-height:1;border-radius:12px;width:42px;height:42px;padding:0;cursor:pointer}.view-switch{display:flex;background:#e6f3f2;border-radius:999px;padding:4px}.view-switch button{border:0;background:transparent;color:#35646a;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.view-switch button.active{background:#168b88;color:#fff}.calendar-grid{display:grid;background:#fff;border:1px solid #dcebea;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #194d5420}.month-view{grid-template-columns:repeat(7,minmax(0,1fr))}.week-view{grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{background:#edf8f6;color:#577b7b;font-weight:850;font-size:.8rem;padding:12px;border-bottom:1px solid #dcebea}.calendar-cell{min-height:120px;padding:10px;border-right:1px solid #e5f0ef;border-bottom:1px solid #e5f0ef;display:flex;flex-direction:column;gap:6px}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.empty{background:#f8fcfb}.calendar-cell.today{background:#fff7fa;box-shadow:inset 0 0 0 2px #d65b86}.calendar-cell>strong{color:#173b43}.event-chip{border:0;text-align:left;border-radius:9px;padding:7px 8px;background:#d9f0eb;color:#137776;font:700 .76rem Inter,system-ui,sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-chip:hover{background:#c5e8e2}.event-details{position:relative;margin-top:18px}.event-details[hidden]{display:none}.event-details h2{margin-top:0}.event-details p{white-space:pre-wrap}.close-detail{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#779093;font-size:1.5rem;cursor:pointer}.calendar-page .button{white-space:nowrap}@media(max-width:700px){.calendar-toolbar{align-items:stretch;flex-wrap:wrap}.calendar-nav{order:3;width:100%;justify-content:center}.calendar-nav h2{min-width:170px}.calendar-cell{min-height:92px;padding:7px}.event-chip{font-size:.68rem;padding:5px}.weekday{font-size:.68rem;padding:8px 4px;text-align:center}.calendar-page{width:100%}}