.dateInput{width:100%;padding:5px 10px;text-align:center;border:1px solid #bbb;cursor:pointer}.calendar-container{display:none;position:absolute;top:50px;left:0;background:#fff;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.3);border-radius:10px;z-index:3005}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.monthYear{font-size:1.2em;cursor:pointer}.selector{display:none;position:absolute;background:white;border:1px solid #ddd;border-radius:5px;z-index:101;padding:10px}.selector select{margin:5px 0;padding:5px;border-radius:5px;border:1px solid #ddd}.close-button{background-color:#dc3545;color:white;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;margin-left:10px}.close-button:hover{background-color:#c82333}button{background-color:var(--gray-v3);color:white;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}button:hover{background-color:var(--gray-v3)}table{width:100%;border-collapse:collapse;margin-top:10px}thead th{padding:10px;background-color:var(--gray-v3);color:white;font-weight:bold}tbody td{width:14.28%;padding:10px;text-align:center;cursor:pointer;border:1px solid #ddd}tbody td:hover{background-color:#f7f7f7}.selectable-day{cursor:pointer;transition:background-color 0.3s}.selectable-day:hover{background-color:#007BFF;color:white;border-radius:50%}.selected-day{background-color:var(--red-v3);color:white;border-radius:0}