.datepicker-container{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333}.datepicker-input-container{display:flex;align-items:center;width:100%;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.datepicker-input-container:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.datepicker-button{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#718096;cursor:pointer;background:none;border:none;transition:color .15s ease-in-out;min-width:40px;min-height:40px;flex-shrink:0}.datepicker-button:hover{color:#4a5568}.datepicker-button:focus{outline:none}.datepicker-input{flex:1;width:calc(100% - 80px);padding:.5rem .75rem;outline:none;border:none;background:transparent;font-size:.875rem;height:40px;line-height:40px;box-sizing:border-box}.datepicker-calendar{position:absolute;z-index:1000;margin-top:.25rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.75rem;width:auto;min-width:280px;-webkit-user-select:none;user-select:none}.datepicker-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.datepicker-month-button{padding:.375rem;border-radius:.25rem;cursor:pointer;background:none;border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#4a5568;transition:background-color .15s ease-in-out}.datepicker-month-button:hover{background-color:#f7fafc}.datepicker-month-button:focus{outline:none}.datepicker-select-container{display:flex;align-items:center;gap:.5rem}.datepicker-select{padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;font-size:.875rem;color:#4a5568;cursor:pointer;transition:border-color .15s ease-in-out;min-width:80px}.datepicker-select:hover{border-color:#cbd5e0}.datepicker-select:focus{outline:none;border-color:#4299e1}.datepicker-days-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}.datepicker-weekday-header{font-size:.75rem;font-weight:600;color:#718096;padding:.375rem 0}.datepicker-days-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.datepicker-day-button{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;font-size:.875rem;cursor:pointer;background:none;border:none;color:#2d3748;transition:background-color .15s ease-in-out,color .15s ease-in-out}.datepicker-day-button-inactive{color:#a0aec0}.datepicker-day-button-today{background-color:#ebf8ff;font-weight:600}.datepicker-day-button-selected{background-color:#4299e1;color:#fff;font-weight:600}.datepicker-day-button:hover:not(.datepicker-day-button-selected){background-color:#edf2f7}.datepicker-day-button:focus{outline:none}.datepicker-time-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #edf2f7}.datepicker-time-wheel{display:flex;justify-content:center;gap:1rem;padding:.5rem 0}.datepicker-time-column{display:flex;flex-direction:column;align-items:center}.datepicker-time-scroller{height:8rem;overflow-y:auto;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #edf2f7}.datepicker-time-scroller::-webkit-scrollbar{width:6px}.datepicker-time-scroller::-webkit-scrollbar-track{background:#edf2f7;border-radius:.25rem}.datepicker-time-scroller::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:.25rem}.datepicker-time-option{cursor:pointer;padding:.5rem .75rem;border-radius:.25rem;text-align:center;margin-bottom:.25rem;min-width:2.5rem;transition:background-color .15s ease-in-out,color .15s ease-in-out}.datepicker-time-option-selected{background-color:#4299e1;color:#fff;font-weight:600}.datepicker-time-option:hover:not(.datepicker-time-option-selected){background-color:#edf2f7}.datepicker-time-label{font-size:.75rem;color:#718096;margin-top:.5rem}@media (max-width: 640px){.datepicker-calendar{position:fixed;left:0;right:0;bottom:0;top:auto;margin:0;border-radius:.5rem .5rem 0 0;max-height:80vh;overflow-y:auto}.datepicker-time-wheel{flex-wrap:wrap}}.datepicker-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;stroke-width:2px;flex-shrink:0}@keyframes datepicker-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.datepicker-calendar{animation:datepicker-fade-in .2s ease-out;transform-origin:top center}@media (hover: none) and (pointer: coarse){.datepicker-day-button,.datepicker-time-option{padding:.75rem}.datepicker-time-scroller{height:10rem}}.datepicker-button:focus,.datepicker-month-button:focus,.datepicker-day-button:focus,.datepicker-time-option:focus{outline:none;box-shadow:0 0 0 3px #4299e180}.datepicker-input:focus::placeholder{color:transparent}.datepicker-footer{display:flex;justify-content:center;padding:10px 0;border-top:1px solid #eee}.datepicker-confirm-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.datepicker-confirm-button:hover{background-color:#45a049}