#ui-datepicker-div { background: linear-gradient(to bottom, #ffffff, #fafafa); border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); color: #333333; font-family: 'Helvetica Neue', Arial, sans-serif; padding: 10px; }
#ui-datepicker-div .ui-datepicker-header { border-bottom: 1px solid #ddd; color: #555; padding: 7px 0 11px; margin-bottom: 7px; text-align: center; font-weight: 600; font-size: 15px; position: relative; }
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { background-color: transparent; border: none; color: #888; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.2s; }
#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-next:hover { text-decoration: none; }
#ui-datepicker-div .ui-datepicker-prev { left: 12px; }
#ui-datepicker-div .ui-datepicker-next { right: 12px; }
#ui-datepicker-div th,
#ui-datepicker-div td { padding:0; }
#ui-datepicker-div th { color: #777; font-weight: 600; font-size: 14px; text-align: center; padding: 8px 0; }
#ui-datepicker-div td { text-align: center; }
#ui-datepicker-div td a { display: inline-block; width: 38px; height: 36px; line-height: 36px; text-decoration: none; color: #333; border-radius: 50%; transition: all 0.2s ease; font-weight: 500; }
#ui-datepicker-div td a:hover { background-color: #e3f2fd; color: #000; }
#ui-datepicker-div .ui-datepicker-today a { background-color: #b2dfdb; color: #004d40; font-weight: bold; }
#ui-datepicker-div .ui-state-active { background-color: #42a5f5; color: #fff; font-weight: bold; }
#ui-datepicker-div .ui-datepicker-other-month a, #ui-datepicker-div .ui-datepicker-unselectable a { color: #ccc; cursor: default; }
#ui-datepicker-div .ui-datepicker-week-end a { color: #f48fb1; }
#ui-datepicker-div td a:focus { outline: none; box-shadow: 0 0 0 2px rgba(66, 165, 245, 0.4); }