@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{height:100%}body{font-family:Anuphan;color:var(--text-color);background-color:#fff;margin:0;padding:0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color)}.layout-wrapper{min-height:100vh}.p-sidebar{max-width:calc(100vw - 1rem);max-height:100vh}.p-sidebar .p-sidebar-content{max-height:calc(100vh - 4.5rem);overflow-y:auto}.p-dialog{max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.p-dialog .p-dialog-content{max-height:calc(100vh - 8rem);overflow-y:auto}@media screen and (max-width:768px){.p-sidebar-left,.p-sidebar-right{width:100vw!important;max-width:100vw}.p-sidebar-bottom,.p-sidebar-top{max-height:calc(100vh - 1rem)}.p-sidebar .p-sidebar-content{max-height:calc(100vh - 4rem);padding-bottom:env(safe-area-inset-bottom)}}@media screen and (max-width:576px){.p-dialog{width:calc(100vw - 1rem)!important;margin:.5rem}}.deleteImageButton{border-radius:100%;width:24px;height:24px;font-size:20px;display:flex;align-items:center;justify-content:center;border:0;margin-bottom:8px;background-color:#fff;color:#6b7280}.deleteImageButton:hover{color:#2c2e32}.p-menu{border:0!important}.p-menu .p-menuitem-link{margin-bottom:12px!important;border-radius:8px!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;display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:url(/light/pen-to-square.svg) center/contain no-repeat;mask:url(/light/pen-to-square.svg) center/contain no-repeat}.no-dropdown-arrow .p-dropdown-trigger{display:none!important}.delete-icon{color:#ef4444;background-color:#fdd;padding:18px;display:flex;justify-content:center}.delete-icon,.icon-print{font-size:56px;border-radius:100%}.icon-print{color:var(--primary-color);background-color:#e1f2ff;padding:24px}.custom-gray-fill{background-color:#fbfbfb;color:rgba(75,85,99,.5)}.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{background-color:hsla(229,7%,53%,.094)!important;color:#4b5563;border:1px solid #e6e6e9;border-radius:50%;width:24px!important;height:24px!important;padding:4px!important;font-size:12px!important}.p-datatable .p-datatable-tbody>tr.p-highlight{background-color:#e2f1fc!important;color:#1e94d2!important}.p-checkbox .p-checkbox-box.p-highlight{outline:.15rem solid transparent}.p-checkbox .p-checkbox-box.p-highlight,.p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#1e94d2!important;color:#fff!important}.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background-color:#e2f1fc!important;color:#1e94d2!important}.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover{background-color:#1e94d2!important;color:#fff!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-new{background-color:#28a745!important}.tire-old{background-color:#6c757d!important;color:#fff!important}.tire-retread{background-color:#ffc107!important;color:#fff!important}.field-checkbox{width:100%!important}.field-checkbox,.field-radiobutton{display:flex;align-items:center;border-radius:8px;padding:12px;background-color:#fff;color:#4b5563;border:1px dashed #e6e6e9;transition:all .2s ease}.field-checkbox:hover,.field-radiobutton:hover{background-color:#fbfbfb!important;color:#4b5563!important;border:1px dashed rgba(30,147,210,.376)!important}.field-checkbox:active,.field-radiobutton:active{background-color:rgba(30,147,210,.102)!important;color:#4b5563!important;border:1px dashed rgba(30,147,210,.376)!important}.field-radiobutton.p-highlight{background-color:rgba(30,147,210,.102)!important;border:1px dashed #1e93d2!important;color:#1e93d2!important}.success-btn{background-color:#1e9553!important;color:#fff!important;border:none!important}.text-right{text-align:right;padding-right:16px;padding-left:16px}.tire-new,.tire-new .p-dropdown-label{background-color:#28c76f!important;color:#fff!important}.tire-old .p-dropdown-label,.tire-retread .p-dropdown-label{color:#fff!important}.p-checkbox .p-checkbox-box.p-disabled{border:2px solid #d3f0ff!important;background-color:#296d91!important;color:#fff!important}.status-normal{color:#24b364;background:rgba(40,199,111,.08)}.status-warning{color:#ffc107;background:rgba(255,193,7,.08)}.status-expired{color:#f01212;background:rgba(255,76,81,.08)}.p-datatable .p-datatable-tbody .align-right-column,.p-datatable .p-datatable-thead .align-right-column{text-align:right;white-space:nowrap}.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,.p-column-filter-overlay-menu .p-column-filter-operator{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{background-color:rgba(30,147,210,.102)!important;color:#1e93d2!important}.card-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;text-align:left}.card-scroll .p-chart,.card-scroll canvas{display:inline-block;min-width:900px;width:auto;margin:0}.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)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-fade-in{animation:fade-in .22s ease-in both}.p-datatable .p-datatable-tbody>tr.row-enter{animation:slideUpFade .32s ease both}.p-datatable .p-datatable-tbody>tr.row-enter:first-child{animation-delay:0ms}.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}.no-hover:active,.no-hover:hover{background-color:transparent!important;box-shadow:none!important;opacity:1!important}.no-hover{background:transparent!important;border:none!important}.layout-submenu-enter{max-height:0;opacity:0}.layout-submenu-enter-active{max-height:500px;opacity:1;transition:all .3s ease}.layout-submenu-exit{max-height:500px;opacity:1}.layout-submenu-exit-active{max-height:0;opacity:0;transition:all .3s ease}.layout-topbar{position:fixed;height:5rem;z-index:997;left:0;top:0;width:100%;padding:0 2rem;background-color:var(--surface-card);transition:left .2s;display:flex;align-items:center;box-shadow:0 3px 5px rgba(0,0,0,.02),0 0 2px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.08)}.layout-topbar .layout-topbar-logo{display:flex;align-items:center;color:var(--surface-900);font-size:1.5rem;font-weight:500;width:300px;border-radius:12px}.layout-topbar .layout-topbar-logo img{height:2.5rem;margin-right:.5rem}.layout-topbar .layout-topbar-logo:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:var(--focus-ring)}.layout-topbar .layout-topbar-button{display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--text-color-secondary);border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color .2s}.layout-topbar .layout-topbar-button:hover{color:var(--text-color);background-color:var(--surface-hover)}.layout-topbar .layout-topbar-button:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:var(--focus-ring)}.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{width:auto;order:2}.layout-topbar .layout-menu-button{margin-left:0;order:1}.layout-topbar .layout-topbar-menu-button{display:inline-flex;margin-left:0;order:3}.layout-topbar .layout-topbar-menu{margin-left:0;position:absolute;flex-direction:column;background-color:var(--surface-overlay);box-shadow:0 3px 5px rgba(0,0,0,.02),0 0 2px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.08);border-radius:12px;padding:1rem;right:2rem;top:5rem;min-width:15rem;display:none;animation:scalein .15s linear}.layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active{display:block}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:0;display:flex;width:100%;height:auto;justify-content:flex-start;border-radius:12px;padding:1rem}.layout-topbar .layout-topbar-menu .layout-topbar-button i{font-size:1rem;margin-right:.5rem}.layout-topbar .layout-topbar-menu .layout-topbar-button span{font-weight:medium;display:block}}.layout-sidebar{position:fixed;width:300px;height:calc(100vh - 9rem);z-index:999;overflow-y:auto;top:7rem;left:2rem;transition:transform .2s,left .2s;background-color:var(--surface-overlay);border-radius:12px;padding:.5rem 1.5rem;box-shadow:0 3px 5px rgba(0,0,0,.02),0 0 2px rgba(0,0,0,.05),0 1px 4px rgba(0,0,0,.08)}.layout-menu,.layout-sidebar{-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-menu{list-style-type:none}.layout-menu .layout-root-menuitem>.layout-menuitem-root-text{font-size:.857rem;text-transform:uppercase;font-weight:700;color:var(--surface-900);margin:.75rem 0}.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>.layout-submenu,.layout-menu li.active-menuitem>ul{max-height:1000px!important}.layout-menu ul{margin:0;padding:0;list-style-type:none}.layout-menu ul a{display:flex;align-items:center;position:relative;outline:0 none;color:var(--text-color);cursor:pointer;padding:.75rem 1rem;border-radius:12px;transition:background-color .2s,box-shadow .2s}.layout-menu ul a .layout-menuitem-icon{margin-right:.5rem}.layout-menu ul a .layout-submenu-toggler{font-size:75%;margin-left:auto;transition:transform .2s}.layout-menu ul a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.layout-menu ul a.active-route{font-weight:700;color:var(--primary-color);background-color:#e2f1fc}.layout-menu ul a:hover{background-color:var(--surface-hover)}.layout-menu ul a:focus{outline:0 none;outline-offset:0;transition:box-shadow .2s;box-shadow:inset var(--focus-ring)}.layout-menu ul ul{overflow:hidden;max-height:0;border-radius:12px;transition:max-height .3s ease}.layout-menu ul ul.open{max-height:1000px}.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{max-height:1000px!important;transition:max-height 1s ease-in-out}.layout-submenu-enter-done,.layout-submenu-exit{max-height:1000px!important}.layout-submenu-exit-active{overflow:hidden;max-height:0!important;transition:max-height .45s cubic-bezier(0,1,0,1)}.layout-menu ul a.active-route,.p-menuitem-link:active{color:var(--primary-color)!important}.p-dropdown .p-dropdown-label{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;width:100%!important;display:block!important}.layout-config-button{display:block;position:fixed;width:3rem;height:3rem;line-height:3rem;background:var(--primary-color);color:var(--primary-color-text);text-align:center;top:50%;right:0;margin-top:-1.5rem;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;transition:background-color var(--transition-duration);overflow:hidden;cursor:pointer;z-index:999;box-shadow:-.25rem 0 1rem rgba(0,0,0,.15)}.layout-config-button.config-link{font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border:none}.layout-config-button .config-link:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 1px var(--focus-ring)}.layout-config-button i{font-size:2rem;line-height:inherit;transform:rotate(0deg);transition:transform 1s}.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{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;padding:7rem 2rem 2rem 4rem;transition:margin-left .2s}.layout-main{flex:1 1 auto}.layout-footer{transition:margin-left .2s;display:flex;align-items:center;justify-content:center;padding-top:1rem;border-top:1px solid var(--surface-border)}@media screen and (min-width:1960px){.landing-wrapper,.layout-main{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{transform:translateX(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar{transform:translateX(0)}.layout-wrapper.layout-static .layout-main-container{margin-left:300px}.layout-wrapper.layout-static.layout-static-inactive .layout-sidebar{transform:translateX(-100%);left:0}.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{transform:translateX(-100%);left:0;top:0;height:100vh;border-top-left-radius:0;border-bottom-left-radius:0}.layout-wrapper .layout-mask{display:none;position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;background-color:var(--maskbg)}.layout-wrapper.layout-mobile-active .layout-sidebar{transform:translateX(0)}.layout-wrapper.layout-mobile-active .layout-mask{display:block;animation:fadein .2s}}.clearfix:after{content:" ";display:block;clear:both}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-spin{animation:icon-spin 1s linear infinite;transform-origin:center}.card{background:var(--surface-card);border:1px solid var(--surface-border);padding:2rem;margin-bottom:2rem;box-shadow:var(--card-shadow);border-radius:12px}.card:last-child{margin-bottom:0}.p-toast.p-toast-top-center,.p-toast.p-toast-top-left,.p-toast.p-toast-top-right{top:100px}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 1rem;font-family:inherit;font-weight:500;line-height:1.2;color:var(--surface-900)}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;padding:.25rem .4rem;border-radius:12px;font-family:monospace}blockquote{margin:1rem 0;padding:0 2rem;border-left:4px solid #90a4ae}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}.custom-table .p-datatable-scrollable .p-frozen-column{z-index:2}.edit-datatable-button{background-color:hsla(0,0%,100%,0);color:#000}.delete-datatable-button,.edit-datatable-button{border:0;width:30px;height:30px;justify-content:center;padding:18px;border-radius:6px}.delete-datatable-button{background-color:rgba(240,18,18,0);color:red}.p-button,.p-datatable,.p-datatable td,.p-datatable th,button{font-family:var(--font-anuphan),sans-serif!important}.layout-menu{list-style:none;padding:0;margin:0}.menu-group{margin-bottom:10px}.menu-group-label{font-weight:700;padding:8px 12px;display:block;border-radius:5px}.menu-item{list-style:none;padding:8px 12px;cursor:pointer;transition:background .3s ease-in-out}.menu-item:hover{background-color:#e0e0e0}.menu-header{display:flex;align-items:center;gap:8px;cursor:pointer}.submenu{list-style:none;padding-left:20px;display:none}.submenu-item{padding:6px 12px}.submenu-link{text-decoration:none;color:#333}.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:hsla(0,0%,100%,.7)}.p-datatable .p-datatable-loading-icon{color:#666!important}.delete-datatable-button:disabled{opacity:.5!important;cursor:not-allowed!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-placeholder .p-dropdown-label.p-placeholder{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;width:100%!important;display:block!important}.tab-button{background-color:#e3f2fd;color:#1e93d2;border:1px solid transparent;transition:background-color .2s ease}.tab-button:hover{background-color:#d0e9fb}.tab-button.inactive{background-color:#fff;color:#64748b;border:1px solid transparent}.tab-button.inactive:hover{background-color:rgba(6,182,212,.02)}.tab-count-badge{background-color:#1e93d2;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:8px}form[data-form-mode=view] .p-calendar,form[data-form-mode=view] .p-datepicker-trigger,form[data-form-mode=view] .p-dropdown,form[data-form-mode=view] .p-dropdown-label,form[data-form-mode=view] .p-inputnumber,form[data-form-mode=view] .p-inputnumber-input,form[data-form-mode=view] .p-inputtext,form[data-form-mode=view] .p-inputtextarea,form[data-form-mode=view] input:not([type=hidden]),form[data-form-mode=view] select,form[data-form-mode=view] textarea{pointer-events:none!important}form[data-form-mode=view] .p-calendar input,form[data-form-mode=view] .p-dropdown,form[data-form-mode=view] .p-inputnumber-input,form[data-form-mode=view] .p-inputtext,form[data-form-mode=view] .p-inputtextarea,form[data-form-mode=view] input:not([type=hidden]),form[data-form-mode=view] select,form[data-form-mode=view] textarea{background:var(--surface-100)!important;cursor:not-allowed!important}.order-list-datatable .p-datatable-tbody>tr>td.p-frozen-column,.order-list-datatable .p-datatable-tfoot>tr>td.p-frozen-column{z-index:1}