.react-calendar{width:100%;max-width:420px;background-color:#111827;border-radius:.75rem;color:#f9fafb;padding:.5rem;transition:all .3s ease;box-shadow:0 0 10px rgba(0,0,0,.4);font-size:.85rem;overflow-x:hidden}.react-calendar__viewContainer{min-height:300px;transition:min-height .3s ease}.react-calendar__navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.react-calendar__navigation button{background:none;color:#f43f5e;font-weight:600;font-size:1rem;padding:.25rem .75rem;border-radius:.5rem;transition:background .2s ease}.react-calendar__navigation button:hover{background-color:rgba(244,63,94,.1)}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-size:.75rem;color:#9ca3af}.react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:.25rem}.react-calendar__tile{padding:.75rem 0;font-size:1rem;background:none;border-radius:.5rem;text-align:center;transition:background-color .2s ease,transform .2s ease}.react-calendar__tile--now{background-color:rgba(244,63,94,.15);font-weight:700}.react-calendar__tile--active,.react-calendar__tile--rangeEnd,.react-calendar__tile--rangeStart{background-color:#f43f5e;color:#fff;font-weight:700}.react-calendar__tile:hover:not(:disabled){background-color:rgba(244,63,94,.2);color:#fff;cursor:pointer}.react-calendar__tile--hover,.react-calendar__tile:focus{background-color:rgba(244,63,94,.2);color:#fff;transition:background-color .2s ease}.react-calendar__tile:disabled{background-color:#1f2937;color:#6b7280;cursor:not-allowed;text-decoration:line-through}