.datepicker-container{position:relative;width:100%}.datepicker-input{padding:8px;background-color:#f3f4f6;color:#333;border:1px solid #ddd;border-radius:4px;width:100%}.datepicker-input:focus{border-color:#3b82f6;outline:none}.calendar-container{display:none;position:absolute;z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / .1);width:220px;margin-top:10px;overflow:hidden}.month-year-container{display:none;padding:10px;text-align:center}.month-year-container select,#apply-changes{width:100%;padding:8px;margin-top:10px;border-radius:4px;border:1px solid #ddd}.calendar-header{padding:10px;display:flex;justify-content:space-between;align-items:center}.calendar-header button{color:#666;background:none;border:none;cursor:pointer}.calendar-header button:hover{color:#333}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:10px}.day-cell{padding:8px;text-align:center;cursor:pointer;border-radius:50%}.day-cell:hover{background-color:#f0f0f0}.highlight-today{background-color:#3b82f6;color:#fff}.highlight-today:hover{background-color:#2563eb}.today-btn{width:100%;padding:8px;background-color:#f3f4f6;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer}.today-btn:hover{background-color:#e5e7eb}