.custom-datepicker-header{justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex;position:relative}.custom-datepicker-header .nav-button{cursor:pointer;color:#0070f3;background-color:#0000;border:none;border-radius:4px;padding:5px 8px;font-size:16px;font-weight:700;transition:all .2s}.custom-datepicker-header .nav-button:hover{background-color:#e3f2fd}.month-year-display{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.month-year-display .month-selector-btn{color:#0070f3;cursor:pointer;text-align:center;background-color:#e3f2fd;border:2px solid #0070f3;border-radius:4px;min-width:90px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .2s}.month-year-display .month-selector-btn:hover{background-color:#bbdefb}.month-year-display .year-selector-btn{color:#0070f3;cursor:pointer;background-color:#e3f2fd;border:2px solid #0070f3;border-radius:4px;min-width:60px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .2s}.month-year-display .year-selector-btn:hover{background-color:#bbdefb}.year-selector-popup{z-index:9999;background-color:#fff;border:1px solid #0070f3;border-radius:4px;min-width:280px;margin-top:5px;padding:8px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0070f326;max-height:220px!important;overflow:hidden scroll!important}.month-selector-popup{max-height:none!important;overflow-y:visible!important}.year-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.year-option{cursor:pointer;color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:6px 8px;font-size:12px;font-weight:500;transition:all .2s}.year-option:hover{color:#0070f3;background-color:#e3f2fd;border-color:#0070f3}.year-option.selected{color:#fff;background-color:#0070f3;border-color:#0070f3;font-weight:600}