.date-picker-container{position:relative;width:100%}.date-picker-input{width:100%;padding:10px 12px;background-color:#0e0e10;border:2px solid #2d2d33;border-radius:4px;color:#efeff1;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;height:44px;box-sizing:border-box;transition:border-color .2s}.date-picker-input:hover{border-color:#5c5c65}.date-picker-input:focus{outline:none;border-color:#9147ff}.date-picker-input .placeholder{color:#5c5c65}.calendar-icon{color:#9147ff;opacity:.8;transition:opacity .2s}.date-picker-input:hover .calendar-icon{opacity:1}.calendar-dropdown{position:absolute;top:calc(100% + 8px);left:0;background-color:#18181b;border:2px solid #2d2d33;border-radius:8px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.5);z-index:1000;min-width:320px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.month-year{font-size:18px;font-weight:600;color:#efeff1}.month-nav{background:none;border:none;color:#9147ff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.month-nav:hover{background-color:rgba(145,71,255,.1)}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-bottom:8px}.calendar-days-header div{text-align:center;font-size:14px;font-weight:600;color:#9147ff;padding:8px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:16px;color:#efeff1;cursor:pointer;border-radius:4px;transition:all .2s;min-height:40px}.calendar-day:not(.empty):not(.disabled):hover{background-color:rgba(145,71,255,.2)}.calendar-day.empty{cursor:default}.calendar-day.selected{background-color:#9147ff;color:white;font-weight:600}.calendar-day.today{border:2px solid #9147ff}.calendar-day.disabled{color:#5c5c65;cursor:not-allowed}.calendar-day.disabled:hover{background-color:transparent}.date-picker-container.required .date-picker-input{border-color:#4d4d55}.calendar-dropdown{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}