.modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:10px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 5px 15px #0000004d}.modal-header{background-color:var(--deep-navy);color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h2{color:#fff;border-bottom:none;margin:0;padding-bottom:0;font-size:1.25rem}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.calendar-container{padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-header h3{color:var(--deep-navy);margin:0}.calendar-nav-btn{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s;display:flex}.calendar-nav-btn:hover{background-color:#f7fafc}.calendar-weekdays{text-align:center;color:var(--steel-grey);grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:.5rem;font-weight:600;display:grid}.calendar-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.calendar-day{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:40px;transition:background-color .2s;display:flex}.calendar-day:hover:not(.empty){background-color:#edf2f7}.calendar-day.selected{background-color:var(--dull-gold);color:var(--deep-navy);font-weight:700}.calendar-day.empty{cursor:default}.modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.selected-date{color:var(--deep-navy);margin-bottom:1rem;font-weight:500}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}@media (max-width:640px){.calendar-day{height:35px;font-size:.875rem}.modal-header h2{font-size:1rem}.selected-date{font-size:.875rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}