.mx-datepicker{width:auto;color:#1e293b;font-family:system-ui,-apple-system,sans-serif}.mx-datepicker-popup{z-index:99999!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border-radius:.375rem;border:1px solid #e2e8f0;background-color:#fff}.mx-icon-calendar{display:none}.mx-btn{color:#475569;border-radius:.375rem;font-size:14px;padding:0 6px;transition:all .2s ease}.mx-btn:hover{background-color:#e6f7f6;color:#19a69d}.mx-btn-current{color:#19a69d;font-weight:600}.mx-calendar-content .cell.today{color:#19a69d;font-weight:600;position:relative}.mx-calendar-content .cell.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background-color:#19a69d}.mx-calendar-content .cell.hover-in-range,.mx-calendar-content .cell.in-range{background-color:rgba(25,166,157,.15);color:#0f766e}.mx-calendar-content .cell.active,.mx-calendar-content .cell.today.active{background-color:#19a69d!important;color:#fff!important;font-weight:600;box-shadow:0 4px 6px -1px rgba(25,166,157,.3)}.mx-calendar-content .cell.today.active:after{background-color:#fff}.mx-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:14px;color:#64748b;font-weight:600}.mx-table-date td,.mx-table-date th{width:40px;height:40px!important;font-size:14px}.mx-table-date .cell{height:36px;border-radius:.375rem;transition:all .15s ease}.mx-table-date .cell:not(.active):not(.disabled):hover{background-color:#f1f5f9;color:#19a69d}.mx-datepicker-sidebar{border-right:1px solid #e2e8f0;background-color:#f8fafc;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.mx-datepicker-sidebar .mx-btn{display:block;padding:.875rem 1.25rem;text-align:left;border-radius:.375rem;font-size:.95rem;margin:4px 8px}.mx-datepicker-sidebar .mx-btn:hover{background-color:rgba(25,166,157,.1)}.mx-calendar,.mx-calendar-panel-date{padding:10px 12px!important;width:320px;height:420px}.mx-calendar-header{padding:8px 12px;line-height:32px;font-weight:600;height:48px;border:1px solid #e2e8f0;border-radius:.375rem;margin-bottom:12px;background-color:#f8fafc}.mx-calendar-header-label{font-weight:600;font-size:16px;color:#0f172a}.date-btn{position:relative;transition:all .2s ease;border-radius:.375rem;padding:8px 16px;font-weight:500;border:1px solid #e2e8f0;background-color:#fff;color:#475569}.date-btn:hover:not(.disabled-btn){outline:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:0.9;--tw-ring-color:rgba(25,166,157,var(--tw-ring-opacity))}.active-btn,.date-btn:active:not(.disabled-btn),.date-btn:focus:not(.disabled-btn){background-color:#19a69d!important;color:#fff!important;border-color:#19a69d!important;box-shadow:0 4px 6px -1px rgba(25,166,157,.3)}.disabled-btn,.disabled-input{opacity:.6;cursor:not-allowed;background-color:#f1f5f9;color:#94a3b8;border-color:#cbd5e1}.popup-container{position:absolute;top:100%;right:0;z-index:50;opacity:0;transition:opacity .2s ease,visibility .2s ease}.popup-container.visible{visibility:visible;opacity:1}.mx-table-date td{padding:3px}.mx-calendar-time .mx-time-header,.mx-time-header{height:44px;line-height:44px;font-weight:600;font-size:13px;color:#0f172a;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:.375rem;border-top-right-radius:.375rem;padding:0 12px;cursor:pointer;transition:background-color .15s ease}.mx-calendar-time .mx-time-header:hover,.mx-time-header:hover{background-color:#e6f7f6;color:#19a69d}.mx-calendar-time .mx-time-content,.mx-time-content{height:320px!important;padding:6px 0;background-color:#fff;position:relative}.mx-time-content:after,.mx-time-content:before{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:2}.mx-time-content:before{top:0;background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,0))}.mx-time-content:after{bottom:0;background:linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,0))}.mx-time-columns{height:100%}.mx-time-column{position:relative;border-left:1px solid #f1f5f9;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-arrow{position:absolute;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:center;border:none;background-color:rgba(248,250,252,.92);color:#19a69d;cursor:pointer;z-index:3;transition:background-color .15s ease,color .15s ease}.mx-time-arrow:hover{background-color:#e6f7f6;color:#15938b}.mx-time-arrow:active{background-color:#d1f0ee}.mx-time-arrow-up{top:0;border-bottom:1px solid #e2e8f0;border-radius:0}.mx-time-arrow-down{bottom:0;border-top:1px solid #e2e8f0;border-radius:0}.mx-time-arrow svg{width:14px;height:14px}.mx-time-column .mx-time-list{height:100%;margin:0;padding:26px 6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.mx-time-column .mx-time-list::-webkit-scrollbar{width:6px}.mx-time-column .mx-time-list::-webkit-scrollbar-track{background:transparent}.mx-time-column .mx-time-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.mx-time-column .mx-time-list::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.mx-time-column .mx-time-item,.mx-time-item{height:32px!important;line-height:32px!important;margin:2px 4px;padding:0 8px;font-size:13px;font-weight:500;color:#475569;border-radius:6px;cursor:pointer;scroll-snap-align:center;transition:all .15s ease}.mx-time-column .mx-time-item:hover,.mx-time-item:hover{background-color:#e6f7f6;color:#19a69d}.mx-time-column .mx-time-item.active,.mx-time-item.active{background-color:#19a69d;color:#fff;font-weight:600;box-shadow:0 2px 4px -1px rgba(25,166,157,.4)}.mx-time-column .mx-time-item.disabled,.mx-time-item.disabled{color:#cbd5e1;background-color:transparent;cursor:not-allowed}.mx-table-date .cell.not-current-month{color:#9fa6b2!important}.date-input::-moz-placeholder{color:#1e293b}.date-input::placeholder{color:#1e293b}.picker-footer-group{display:inline-flex;align-items:center;gap:8px}.picker-toggle-time{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;color:#19a69d;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.picker-toggle-time:hover{background:#e6f7f6;border-color:#19a69d;box-shadow:0 1px 2px 0 rgba(25,166,157,.15)}.picker-reset-time{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease}.picker-reset-time:hover:not(:disabled){background:#f8fafc;color:#475569;border-color:#cbd5e1}.picker-reset-time:disabled{opacity:.45;cursor:not-allowed}.picker-toggle-icon{width:14px;height:14px}.mx-datepicker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px!important;background-color:#fafbfc;border-top:1px solid #e2e8f0}.mx-datepicker-btn-confirm{padding:6px 18px!important;font-size:12px!important;font-weight:600!important;color:#fff!important;background-color:#19a69d!important;border:1px solid #19a69d!important;border-radius:6px!important;cursor:pointer;transition:all .15s ease}.mx-datepicker-btn-confirm:hover{background-color:#15938b!important;border-color:#15938b!important;box-shadow:0 2px 4px -1px rgba(25,166,157,.4)}.date-input:focus:not(:disabled),.date-input:hover:not(:disabled){outline:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:0.9;--tw-ring-color:rgba(25,166,157,var(--tw-ring-opacity))}