.ui-datepicker { padding: .6em; width: auto; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius: 8px; font-family: 'Segoe UI', 'Microsoft JhengHei', sans-serif; font-size: 14px; }

.ui-widget-header { background: none; border: 0; }

.ui-datepicker .ui-datepicker-title { display: flex; align-items: center; gap: .2em; text-align: center; font-weight: 400; font-size: 14px; }
.ui-datepicker .ui-datepicker-title span { min-width: 2em; }

.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month { padding: .2em .3em; width: 6em; border: 1px solid #ccc; border-radius: 4px; font-size: .9em; flex: 1 1 auto; }

.ui-datepicker table { margin: 0.5em 0 0 0; width: 100%; border-collapse: collapse; }

.ui-datepicker td { padding: 2px; }
.ui-datepicker td a { padding: 6px 0; background: #fff !important; border: 0 !important; border-radius: 4px; display: block; text-align: center; text-decoration: none; font-size: 1em; color: #333; transition: all 0.2s ease-in-out; }

.ui-datepicker td a:hover { background-color: #f0f0f0; color: #000; }

.ui-datepicker td a.ui-state-active { background-color: #357ebd !important; color: #fff !important; }

.ui-datepicker-unselectable span { padding: 6px 0; display: block; text-align: center; color: #ccc; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 32px; min-width: 32px; height: 24px; line-height: 20px; border-radius: 4px; border: 1px solid transparent; text-align: center; font-size: 12px; white-space: nowrap; cursor: pointer; vertical-align: middle; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.ui-datepicker .ui-datepicker-prev span , .ui-datepicker .ui-datepicker-next span { position: relative; margin: 0; padding: 3px; width: 2px; height: 2px; background: none; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; color: #fff; top: auto; left: auto; }
.ui-datepicker .ui-datepicker-prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.ui-datepicker .ui-datepicker-next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0; background: #eee; }