.fade-scale-enter-active,.fade-scale-leave-active{transition:all 1s ease}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.95) translateY(-5px)}.datepicker-wrapper{position:relative}.datepicker-toggle{color:var(--gray-color);cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.datepicker-header-today,.datepicker-toggle:hover{color:var(--primary-color)}.datepicker-header-today{align-items:center;background-color:rgba(var(--border-color-rgb),.5);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;line-height:1;padding:var(--spacing-1) var(--spacing-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.scale-in{animation:scaleIn .3s ease-in-out}.datepicker-modern{background-color:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;width:100%}.datepicker-modern-header{align-items:center;background-color:var(--card-bg);display:flex;justify-content:space-between;padding:15px 20px}.datepicker-modern-title{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;font-weight:600}.datepicker-modern-month{font-weight:700;margin-right:5px;position:relative}.datepicker-modern-month:after{color:var(--text-color);content:",";font-weight:700}.datepicker-modern-year{color:var(--primary-color);cursor:pointer;font-size:var(--h6)}.datepicker-modern-controls{display:flex;gap:8px}.datepicker-modern-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease-in-out;width:30px}.datepicker-modern-btn:hover{background-color:var(--primary-color);color:var(--text-contrast)}.datepicker-modern-weekdays{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr);padding:10px 15px}.datepicker-modern-weekday{color:var(--primary-color);font-size:.85rem;font-weight:500;text-align:center}.datepicker-modern-days{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 15px 15px}.datepicker-modern-day{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;height:40px;justify-content:center;margin:2px;position:relative;transition:all .3s ease-in-out}.datepicker-modern-day.other-month{color:rgba(var(--text-color-rgb),.3)}.datepicker-modern-day.today{background-color:var(--primary-color);color:var(--text-contrast);font-weight:700}.datepicker-modern-day.selected{background-color:var(--primary-color);color:var(--card-bg)}.datepicker-modern-day.kegiatan:before{background-color:var(--secondary-color);bottom:0;content:"";height:10%;left:0;position:absolute;width:100%}.datepicker-modern-day.libur:before{background-color:var(--color-danger-600);bottom:0;content:"";height:10%;left:0;position:absolute;width:100%}.year-selector-modern{background-color:var(--card-bg);border-radius:var(--radius-lg);display:none;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.year-selector-modern.active{animation:fadeIn .3s ease-in-out;display:flex}.year-selector-modern-header{align-items:center;border-bottom:1px solid var(--text-color);display:flex;justify-content:space-between;padding:15px 20px}.year-selector-modern-title{font-size:1.1rem;font-weight:600}.year-selector-modern-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease-in-out;width:30px}.year-selector-modern-close:hover{background-color:var(--primary-color);color:var(--text-contrast)}.year-selector-modern-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-height:300px;overflow-y:auto;padding:15px}.year-selector-modern-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;height:50px;justify-content:center;transition:all .3s ease-in-out}.year-selector-modern-item:hover{background-color:var(--primary-tint-color);color:var(--text-contrast)}.year-selector-modern-item.selected{background-color:var(--primary-color);color:#fff}