.date-picker-container{position:relative}.date-input{padding-left:2.5rem!important;cursor:pointer}.calendar-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}input,option,select{font-weight:700!important}.date-picker-popup{position:fixed;width:40%!important;top:10%;left:50%;right:5%;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:1rem;z-index:1000;display:none;font-weight:900!important}.date-picker-popup.active{display:block}.date-picker-header{margin-bottom:1rem}.year-month-selector{display:flex;justify-content:space-between;align-items:center}.selector-container{display:flex;gap:.5rem}.year-select,.month-select{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;background-color:#fff;color:#2533cc}.navigation-buttons{display:flex;gap:.25rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color .2s;color:#2533cc}.nav-btn:hover{background-color:#f8fafc}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.weekdays div{text-align:center;font-size:.75rem;font-weight:500;color:#64748b;padding:.5rem 0}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.day{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:50%;font-size:.875rem;cursor:pointer;transition:all .2s;margin:0 auto}.day:hover{background-color:#edf0f8}.day.today{border:1px solid #2533cc;color:#2533cc}.day.selected{background-color:#2533cc;color:#fff}.day.empty{cursor:default}@media only screen and (max-width:768px){.date-picker-popup{position:fixed;width:90%!important;top:10%;font-weight:900!important;left:50%;right:5%;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:1rem;z-index:1000;display:none}}