.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.active{background-color:#19a69d;color:#fff;font-weight:500;box-shadow:0 4px 6px -1px rgba(25,166,157,.3)}.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.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-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:360px}.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-time-content{width:100%;height:240px;border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.mx-time-column{width:100%;height:240px;font-size:.95rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.mx-time-column::-webkit-scrollbar{width:6px}.mx-time-column::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.mx-time-column::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.mx-time-item{padding:8px 12px;transition:all .15s ease}.mx-time-item:hover{background-color:#e6f7f6;color:#19a69d}.mx-time-item.active{background-color:#19a69d;color:#fff;font-weight:500}.mx-table-date .cell.not-current-month{color:#9fa6b2!important}.date-input::-moz-placeholder{color:#1e293b}.date-input::placeholder{color:#1e293b}.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))}