@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap";
*{box-sizing:border-box}html{height:100%}body{color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;min-height:100%;margin:0;padding:0;font-family:Anuphan}a{color:var(--primary-color);text-decoration:none}.layout-wrapper{min-height:100vh}.deleteImageButton{color:#6b7280;background-color:#fff;border:0;border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:8px;font-size:20px;display:flex}.deleteImageButton:hover{color:#2c2e32}.p-menu{border:0!important}.p-menu .p-menuitem-link{border-radius:8px!important;margin-bottom:12px!important}.p-menu .p-menuitem-link:hover{background-color:#edf7fe!important}.p-menu .p-menuitem-link.active-route{background-color:#e2f1fc!important}.p-row-editor-init .pi-pencil:before{content:""!important;font-family:"Font Awesome 5 Pro"!important;font-weight:300!important}.no-dropdown-arrow .p-dropdown-trigger{display:none!important}.delete-icon{color:#ef4444;background-color:#fdd;border-radius:100%;justify-content:center;padding:18px;font-size:56px;display:flex}.icon-print{color:var(--primary-color);background-color:#e1f2ff;border-radius:100%;padding:24px;font-size:56px}.custom-gray-fill{color:#4b556380;background-color:#fbfbfb}.p-datatable-header{background-color:#fff!important}.p-datepicker-trigger.p-button.p-component.p-button-icon-only.p-disabled{border:1px solid #d1d5db!important}.reson-btn{color:#4b5563;border:1px solid #e6e6e9;border-radius:50%;background-color:#80839018!important;width:24px!important;height:24px!important;padding:4px!important;font-size:12px!important}.p-datatable .p-datatable-tbody>tr.p-highlight{color:#1e94d2!important;background-color:#e2f1fc!important}.p-checkbox.p-highlight .p-checkbox-box{outline:.15rem solid #0000;color:#fff!important;background-color:#1d80f2!important;border-color:#1d80f2!important}.p-checkbox.p-highlight:not(.p-disabled) .p-checkbox-box:hover{color:#fff!important;background-color:#1966be!important;border-color:#1966be!important}.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{color:#1e94d2!important;background-color:#e2f1fc!important}.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover{color:#fff!important;background-color:#1e94d2!important}.custom-input-number{width:100%!important}.status-open .p-dropdown-label{color:#28c76f!important}.status-closed .p-dropdown-label{color:#f01212!important}.status-expired .p-dropdown-label{color:#ff9f43!important}.status-op .p-inputtext{color:#28c76f!important}.status-clos .p-inputtext{color:#f01212!important}.status-cancel .p-inputtext{color:#999ca6!important}.tire-old{color:#fff!important;background-color:#6c757d!important}.tire-retread{color:#fff!important;background-color:#ffc107!important}.field-checkbox{width:100%!important}.field-checkbox,.field-radiobutton{color:#4b5563;background-color:#fff;border:1px dashed #e6e6e9;border-radius:8px;align-items:center;padding:12px;transition:all .2s;display:flex}.field-checkbox:hover,.field-radiobutton:hover{color:#4b5563!important;background-color:#fbfbfb!important;border:1px dashed #1d80f260!important}.field-checkbox:active,.field-radiobutton:active{color:#4b5563!important;background-color:#1d80f21a!important;border:1px dashed #1d80f260!important}.field-radiobutton.p-highlight{color:#1d80f2!important;background-color:#1d80f21a!important;border:1px dashed #1d80f2!important}.success-btn{color:#fff!important;background-color:#1e9553!important;border:none!important}.text-right{text-align:right;padding-left:16px;padding-right:16px}.tire-new,.tire-new .p-dropdown-label{color:#fff!important;background-color:#28c76f!important}.tire-old .p-dropdown-label,.tire-retread .p-dropdown-label{color:#fff!important}.p-checkbox .p-checkbox-box.p-disabled{color:#fff!important;background-color:#296d91!important;border:2px solid #d3f0ff!important}.status-dropdown.status-active{color:#24b364!important;background-color:#ddf6e8!important}.status-dropdown.status-active .p-dropdown-label{color:#24b364!important}.status-dropdown.status-inactive{color:#f01212!important;background-color:#feecec!important}.status-dropdown.status-inactive .p-dropdown-label{color:#f01212!important}.p-datatable .p-datatable-thead .align-right-column,.p-datatable .p-datatable-tbody .align-right-column{text-align:right;white-space:nowrap}.p-column-filter-overlay-menu .p-column-filter-operator,.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown,.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-value,.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-value-input{display:none!important}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-menu-button.p-column-filter-menu-button-active:hover{color:#1d80f2!important;background-color:#1d80f21a!important}.card-scroll{-webkit-overflow-scrolling:touch;text-align:left;overflow:auto hidden}.card-scroll .p-chart,.card-scroll canvas{width:auto;min-width:900px;margin:0;display:inline-block}.card-scroll.hide-scrollbar::-webkit-scrollbar{display:none}.card-scroll.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.card-scroll .flex.justify-content-center{justify-content:flex-start!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.p-datatable .p-datatable-tbody>tr.row-enter{animation:.32s both slideUpFade}.p-datatable .p-datatable-tbody>tr.row-enter:first-child{animation-delay:0s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(2){animation-delay:40ms}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(3){animation-delay:80ms}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(4){animation-delay:.12s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(5){animation-delay:.16s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(6){animation-delay:.2s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(7){animation-delay:.24s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(8){animation-delay:.28s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(9){animation-delay:.32s}.p-datatable .p-datatable-tbody>tr.row-enter:nth-child(10){animation-delay:.36s}@media (max-width:991px){.p-overlaypanel{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}}.no-hover:hover,.no-hover:active{box-shadow:none!important;opacity:1!important;background-color:#0000!important}.no-hover{background:0 0!important;border:none!important}.glass-card{-webkit-backdrop-filter:blur(18px);background:#ffffff19;border:1px solid #ffffff4d;border-radius:32px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #00000040}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000059}.p-password{width:100%}.p-float-label{width:100%;display:block}.p-float-label>.p-password{width:100%;display:flex}.p-password-input{flex:auto;width:100%}.trial-status{border-radius:8px;font-weight:500;transition:background-color .2s,color .2s}.trial-status--success{color:#28c76f!important;background-color:#e7fff2!important}.trial-status--warning{color:#ff9f43!important;background-color:#fef9c3!important}.trial-status--danger{color:#f01212!important;background-color:#f8d4d4!important}.p-disabled.trial-status{opacity:1;cursor:default}.layout-topbar{z-index:997;background-color:var(--surface-card);align-items:center;width:100%;height:5rem;padding:0 2rem;transition:left .2s;display:flex;position:fixed;top:0;left:0;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-topbar .layout-topbar-logo{color:var(--surface-900);border-radius:12px;align-items:center;width:300px;font-size:1.5rem;font-weight:500;display:flex}.layout-topbar .layout-topbar-logo img{height:2.5rem;margin-right:.5rem}.layout-topbar .layout-topbar-logo:focus{outline-offset:0;outline:0;transition:box-shadow .2s}.layout-topbar .layout-topbar-button{color:var(--text-color-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background-color .2s;display:inline-flex;position:relative}.layout-topbar .layout-topbar-button:hover{color:var(--text-color);background-color:var(--surface-hover)}.layout-topbar .layout-topbar-button:focus{outline-offset:0;outline:0;transition:box-shadow .2s}.layout-topbar .layout-topbar-button i{font-size:1.5rem}.layout-topbar .layout-topbar-button span{font-size:1rem;display:none}.layout-topbar .layout-menu-button{margin-left:2rem}.layout-topbar .layout-topbar-menu-button{display:none}.layout-topbar .layout-topbar-menu-button i{font-size:1.25rem}.layout-topbar .layout-topbar-menu{margin:0 0 0 auto;padding:0;list-style:none;display:flex}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:1rem}@media (max-width:991px){.layout-topbar{justify-content:space-between}.layout-topbar .layout-topbar-logo{order:2;width:auto}.layout-topbar .layout-menu-button{order:1;margin-left:0}.layout-topbar .layout-topbar-menu-button{order:3;margin-left:0;display:inline-flex}.layout-topbar .layout-topbar-menu{background-color:var(--surface-overlay);border-radius:12px;flex-direction:column;min-width:15rem;margin-left:0;padding:1rem;animation:.15s linear scalein;display:none;position:absolute;top:5rem;right:2rem;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active{display:block}.layout-topbar .layout-topbar-menu .layout-topbar-button{border-radius:12px;justify-content:flex-start;width:100%;height:auto;margin-left:0;padding:1rem;display:flex}.layout-topbar .layout-topbar-menu .layout-topbar-button i{margin-right:.5rem;font-size:1rem}.layout-topbar .layout-topbar-menu .layout-topbar-button span{font-weight:medium;display:block}}.layout-sidebar{z-index:999;-webkit-user-select:none;user-select:none;background-color:var(--surface-overlay);border-radius:12px;width:300px;height:calc(100vh - 9rem);padding:.5rem 1.5rem;transition:transform .2s,left .2s;position:fixed;top:7rem;left:2rem;overflow-y:auto;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.layout-menu{-webkit-user-select:none;user-select:none;margin:0;padding:0;list-style-type:none}.layout-menu .layout-root-menuitem>.layout-menuitem-root-text{text-transform:uppercase;color:var(--surface-900);margin:.75rem 0;font-size:.857rem;font-weight:700}.layout-menu .layout-root-menuitem>a{display:none}.layout-menu li.active-menuitem>a .layout-submenu-toggler{transform:rotate(-180deg)}.layout-menu li.active-menuitem>ul{max-height:auto}.layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-menu ul a{color:var(--text-color);cursor:pointer;border-radius:12px;outline:0;align-items:center;padding:.75rem 1rem;transition:background-color .2s,box-shadow .2s;display:flex;position:relative}.layout-menu ul a .layout-menuitem-icon{margin-right:.5rem}.layout-menu ul a .layout-submenu-toggler{margin-left:auto;font-size:75%;transition:transform .2s}.layout-menu ul a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.layout-menu ul a.active-route{background:#1d80f21a;font-weight:600;color:#1d80f2!important}.layout-menu ul a.active-route:hover{background:#1d80f230}.layout-menu ul a:hover{background:#00000028}.layout-menu ul a:focus{outline-offset:0;outline:0;transition:box-shadow .2s}.layout-menu ul ul{border-radius:12px;max-height:0;overflow:hidden}.layout-menu ul ul li a{margin-left:1rem}.layout-menu ul ul li li a{margin-left:2rem}.layout-menu ul ul li li li a{margin-left:2.5rem}.layout-menu ul ul li li li li a{margin-left:3rem}.layout-menu ul ul li li li li li a{margin-left:3.5rem}.layout-menu ul ul li li li li li li a{margin-left:4rem}.layout-submenu-enter-active{transition:max-height 1s ease-in-out;max-height:1000px!important}.layout-submenu-enter-done,.layout-submenu-exit{max-height:1000px!important}.layout-submenu-exit-active{transition:max-height .45s cubic-bezier(0,1,0,1);overflow:hidden;max-height:0!important}.layout-menu ul a.active-route{color:#1d80f2!important}.p-menuitem-link:active{color:#255126}.p-dropdown .p-dropdown-label{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;display:block!important;overflow:hidden!important}.layout-config-button{background:var(--primary-color);width:3rem;height:3rem;color:var(--primary-color-text);text-align:center;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);transition:background-color var(--transition-duration);cursor:pointer;z-index:999;border-top-right-radius:0;border-bottom-right-radius:0;margin-top:-1.5rem;line-height:3rem;display:block;position:fixed;top:50%;right:0;overflow:hidden;box-shadow:-.25rem 0 1rem #00000026}.layout-config-button.config-link{border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem}.layout-config-button .config-link:focus{outline-offset:0;outline:0}.layout-config-button i{font-size:2rem;line-height:inherit;transition:transform 1s;transform:rotate(0)}.layout-config-button:hover{background:var(--primary-400)}.layout-config-sidebar.p-sidebar .p-sidebar-content{padding-left:2rem;padding-right:2rem}.layout-main-container{flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem 2rem 2rem 4rem;transition:margin-left .2s;display:flex}.layout-main{flex:auto}.layout-footer{border-top:1px solid var(--surface-border);justify-content:center;align-items:center;padding-top:1rem;transition:margin-left .2s;display:flex}@media screen and (min-width:1960px){.layout-main,.landing-wrapper{width:1504px;margin-left:auto!important;margin-right:auto!important}}@media (min-width:992px){.layout-wrapper.layout-overlay .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper.layout-overlay .layout-sidebar{border-top-left-radius:0;border-bottom-left-radius:0;height:100vh;top:0;left:0;transform:translate(-100%)}.layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-static .layout-main-container{margin-left:300px}.layout-wrapper.layout-static.layout-static-inactive .layout-sidebar{left:0;transform:translate(-100%)}.layout-wrapper.layout-static.layout-static-inactive .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-mask{display:none}}@media (max-width:991px){.blocked-scroll{overflow:hidden}.layout-wrapper .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-sidebar{border-top-left-radius:0;border-bottom-left-radius:0;height:100vh;top:0;left:0;transform:translate(-100%)}.layout-wrapper .layout-mask{z-index:998;background-color:var(--maskbg);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.layout-wrapper.layout-mobile-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-mobile-active .layout-mask{animation:.2s fadein;display:block}}.clearfix:after{content:" ";clear:both;display:block}.card{background:var(--surface-card);border:1px solid var(--surface-border);box-shadow:var(--card-shadow);border-radius:12px;margin-bottom:2rem;padding:2rem}.card:last-child{margin-bottom:0}.p-toast.p-toast-top-right,.p-toast.p-toast-top-left,.p-toast.p-toast-top-center{top:100px}.bal-icon-spin{animation:1s linear infinite bal-icon-spin}@keyframes bal-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{color:var(--surface-900);margin:1.5rem 0 1rem;font-family:inherit;font-weight:500;line-height:1.2}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:24px;font-weight:700;line-height:1.5}h6{font-size:1rem}mark{background:#fff8e1;border-radius:12px;padding:.25rem .4rem;font-family:monospace}blockquote{border-left:4px solid #90a4ae;margin:1rem 0;padding:0 2rem}hr{border-top:solid var(--surface-border);border-width:1px 0 0;margin:1rem 0}p{margin:0 0 1rem;line-height:1.5}p:last-child{margin-bottom:0}:root{--font-anuphan:"Anuphan",sans-serif}.custom-table{font-family:var(--font-anuphan),sans-serif}.edit-datatable-button{color:#000;background-color:#fff0;border:0;border-radius:6px;justify-content:center;width:30px;height:30px;padding:18px}.delete-datatable-button{color:red;background-color:#f0121200;border:0;border-radius:6px;justify-content:center;width:30px;height:30px;padding:18px}button,.p-button,.p-datatable,.p-datatable th,.p-datatable td{font-family:var(--font-anuphan),sans-serif!important}.layout-menu{margin:0;padding:0;list-style:none}.menu-group{margin-bottom:10px}.menu-group-label{border-radius:5px;padding:8px 12px;font-weight:700;display:block}.menu-item{cursor:pointer;padding:8px 12px;list-style:none;transition:background .3s ease-in-out}.menu-item:hover{background-color:#e0e0e0}.menu-header{cursor:pointer;align-items:center;gap:8px;display:flex}.submenu{padding-left:20px;list-style:none;display:none}.submenu-item{padding:6px 12px}.submenu-link{color:#333;text-decoration:none}.menu-item.open .submenu{display:block}.scroll-always-visible .p-datatable-wrapper::-webkit-scrollbar{height:8px}.scroll-always-visible .p-datatable-wrapper::-webkit-scrollbar-thumb{background-color:silver;border-radius:4px}.scroll-always-visible .p-datatable-wrapper::-webkit-scrollbar-track{background:#f0f0f0}.p-datatable .p-datatable-loading-overlay{background-color:#ffffffb3}.p-datatable .p-datatable-loading-icon{color:#666!important}.delete-datatable-button:disabled{opacity:.5!important;cursor:not-allowed!important}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.truncate-placeholder .p-dropdown-label.p-placeholder{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;display:block!important;overflow:hidden!important}.tab-button{color:#fff;background-color:#0ea5e9;transition:background-color .2s}.tab-button:hover{background-color:#0ea5e9cc}.tab-button.inactive{color:#64748b;background-color:#fff;border:1px solid #fff}.tab-button.inactive:hover{background-color:#06b6d405}.p-inputswitch .p-inputswitch-slider{background:#ef4444!important}.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider{background:#f87171!important}.p-inputswitch.p-highlight .p-inputswitch-slider{background:#22c55e!important}.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider{background:#16a34a!important}