*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}:root{--primary-font-family: "Sarabun", sans-serif;--status-success-bg: #1E4620;--status-success-text: #4CAF50;--status-warning-bg: #422E16;--status-warning-text: #FFC107;--status-danger-bg: #441A1A;--status-danger-text: #F44336;--status-info-bg: #1A3C4D;--status-info-text: #03A9F4;--status-primary-bg: #1A237E;--status-primary-text: #3F51B5;--status-default-bg: #333;--status-default-text: #fff}html{box-sizing:border-box;font-size:10px;scroll-behavior:smooth;transition:background-color .3s,color .3s}body{width:100%;height:100%;box-sizing:border-box;font-display:swap}p-menu .p-menu{background-color:#1a1a1a;border:.1rem solid #333;border-radius:.8rem;box-shadow:0 1rem 1.5rem -.3rem #0000001a,0 .4rem .6rem -.2rem #0000000d}p-menu .p-menu .p-menuitem-link{color:#fff}p-menu .p-menu .p-menuitem-link:hover{background-color:#333}p-menu .p-menu .p-menuitem-link .p-menuitem-icon{color:#fff9}p-menu .p-menu .p-menuitem-link .p-menuitem-text{color:#fff}p-menu .p-menu .p-menuitem-link:hover .p-menuitem-icon,p-menu .p-menu .p-menuitem-link:hover .p-menuitem-text{color:#fff}.p-dialog-mask,.pay-vendor-dialog-mask,.permissions-dialog-mask,.deactivate-user-dialog-mask,.add-user-dialog-mask,.edit-user-dialog-mask{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#00000080!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999!important}.pay-vendor-dialog .p-dialog,.permissions-dialog .p-dialog,.deactivate-user-dialog .p-dialog,.add-user-dialog .p-dialog,.edit-user-dialog .p-dialog{border-radius:1.6rem!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;overflow:hidden!important;background:#fff!important}.pay-vendor-dialog .p-dialog-header,.permissions-dialog .p-dialog-header,.deactivate-user-dialog .p-dialog-header,.add-user-dialog .p-dialog-header,.edit-user-dialog .p-dialog-header{padding:0!important;border:none!important;background:transparent!important}.pay-vendor-dialog .p-dialog-content,.permissions-dialog .p-dialog-content,.deactivate-user-dialog .p-dialog-content,.add-user-dialog .p-dialog-content,.edit-user-dialog .p-dialog-content{padding:0!important;border-radius:1.6rem!important;background:#fff!important;color:#18181b!important}.pay-vendor-dialog .p-dialog-header-icons,.permissions-dialog .p-dialog-header-icons,.deactivate-user-dialog .p-dialog-header-icons,.add-user-dialog .p-dialog-header-icons,.edit-user-dialog .p-dialog-header-icons{display:none!important}.dark .pay-vendor-dialog .p-dialog,.dark .permissions-dialog .p-dialog,.dark .deactivate-user-dialog .p-dialog,.dark .add-user-dialog .p-dialog,.dark .edit-user-dialog .p-dialog{background:#fff!important}.dark .pay-vendor-dialog .p-dialog-content,.dark .permissions-dialog .p-dialog-content,.dark .deactivate-user-dialog .p-dialog-content,.dark .add-user-dialog .p-dialog-content,.dark .edit-user-dialog .p-dialog-content{background:#fff!important;color:#18181b!important}select.p-dropdown,select[role=listbox]{display:none!important}.p-dropdown-overlay,.p-dropdown-panel{position:fixed!important;z-index:10000!important;border:.1rem solid #E5E7EB!important;border-radius:1.2rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;margin-top:.4rem!important;background:#fff!important;overflow:visible!important;color:#18181b!important;max-height:none!important}.p-dropdown-overlay .p-dropdown-header,.p-dropdown-panel .p-dropdown-header{padding:.8rem!important;border-bottom:.1rem solid #F3F4F6!important;background:#fff!important;color:#18181b!important}.p-dropdown-overlay .p-dropdown-items-wrapper,.p-dropdown-panel .p-dropdown-items-wrapper{max-height:20rem!important;overflow-y:auto!important;background:#fff!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items{padding:.8rem!important;list-style:none!important;margin:0!important;background:#fff!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item{padding:1.2rem 1.6rem!important;font-family:Sarabun,sans-serif!important;font-weight:400!important;font-size:1.6rem!important;line-height:2.4rem!important;color:#18181b!important;border-radius:.8rem!important;margin:.2rem 0!important;transition:all .15s ease!important;cursor:pointer!important;background:transparent!important;list-style:none!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:hover,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:hover{background:#f9fafb!important;color:#18181b!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight{background:#f3f4f6!important;color:#18181b!important;font-weight:500!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-focus,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-focus{background:#f9fafb!important;color:#18181b!important;box-shadow:none!important;outline:none!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:active,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:active{background:#f3f4f6!important;color:#18181b!important}.p-dropdown-overlay .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-empty-message,.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-empty-message{padding:1.2rem 1.6rem!important;font-family:Sarabun,sans-serif!important;font-size:1.6rem!important;color:#9ca3af!important;text-align:center!important;background:#fff!important}.p-dropdown-overlay .p-dropdown-items-wrapper::-webkit-scrollbar,.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar{width:.6rem}.p-dropdown-overlay .p-dropdown-items-wrapper::-webkit-scrollbar-track,.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.3rem}.p-dropdown-overlay .p-dropdown-items-wrapper::-webkit-scrollbar-thumb,.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.3rem}.p-dropdown-overlay .p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover,.p-dropdown-panel .p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.p-dropdown-overlay .p-dropdown-filter-container,.p-dropdown-panel .p-dropdown-filter-container{padding:.8rem!important}.p-dropdown-overlay .p-dropdown-filter-container .p-dropdown-filter,.p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter{padding:1rem 1.6rem!important;border:.1rem solid #E5E7EB!important;border-radius:.8rem!important;font-family:Sarabun,sans-serif!important;font-size:1.4rem!important}.p-dropdown-overlay .p-dropdown-filter-container .p-dropdown-filter:focus,.p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter:focus{border-color:#7c3aed!important;box-shadow:0 0 0 .3rem #7c3aed1a!important;outline:none!important}.custom-dropdown{width:100%!important;display:block!important;position:relative!important}.custom-dropdown select{display:none!important}.custom-dropdown .p-dropdown{width:100%!important;border:.1rem solid #D1D5DB!important;border-radius:1.2rem!important;background:#fff!important;transition:all .2s ease!important;height:5.2rem!important;min-height:5.2rem!important;display:flex!important;align-items:center!important;box-shadow:none!important;position:relative!important;padding:0!important;color:#18181b!important}.custom-dropdown .p-dropdown:not(.p-disabled):hover{border-color:#9ca3af!important;background:#fff!important}.custom-dropdown .p-dropdown:not(.p-disabled).p-focus,.custom-dropdown .p-dropdown:not(.p-disabled):focus{border-color:#7c3aed!important;box-shadow:0 0 0 .3rem #7c3aed1a!important;outline:none!important;background:#fff!important}.custom-dropdown .p-dropdown .p-inputtext{display:none!important}.custom-dropdown .p-dropdown .p-dropdown-label{padding:0 1.6rem!important;font-family:Sarabun,sans-serif!important;font-weight:400!important;font-size:1.6rem!important;line-height:2.4rem!important;color:#18181b!important;flex:1!important;display:flex!important;align-items:center!important;height:100%!important;background:transparent!important}.custom-dropdown .p-dropdown .p-dropdown-label.p-placeholder{color:#9ca3af!important;font-weight:400!important}.custom-dropdown .p-dropdown .p-dropdown-trigger{width:4rem!important;height:100%!important;color:#6b7280!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;background:transparent!important}.custom-dropdown .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon,.custom-dropdown .p-dropdown .p-dropdown-trigger .p-icon{font-size:1.2rem!important;color:#6b7280!important;width:1.6rem!important;height:1.6rem!important}.custom-dropdown .p-dropdown .p-dropdown-trigger svg{width:1.6rem!important;height:1.6rem!important;fill:#6b7280!important;stroke:#6b7280!important}.custom-dropdown.error .p-dropdown{border-color:#ef4444!important;background:#fff!important}.custom-dropdown.error .p-dropdown:not(.p-disabled).p-focus,.custom-dropdown.error .p-dropdown:not(.p-disabled):focus{box-shadow:0 0 0 .3rem #ef44441a!important;background:#fff!important}.dark .custom-dropdown .p-dropdown{background:#fff!important;color:#18181b!important;border-color:#d1d5db!important}.dark .custom-dropdown .p-dropdown:hover{background:#fff!important;border-color:#9ca3af!important}.dark .custom-dropdown .p-dropdown.p-focus,.dark .custom-dropdown .p-dropdown:focus{background:#fff!important}.dark .custom-dropdown .p-dropdown .p-dropdown-label{color:#18181b!important}.dark .custom-dropdown .p-dropdown .p-dropdown-label.p-placeholder{color:#9ca3af!important}.dark .custom-dropdown .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon,.dark .custom-dropdown .p-dropdown .p-dropdown-trigger .p-icon,.dark .custom-dropdown .p-dropdown .p-dropdown-trigger svg{color:#6b7280!important;fill:#6b7280!important;stroke:#6b7280!important}.dark .p-dropdown-panel,.dark .p-dropdown-overlay{background:#fff!important;color:#18181b!important;border-color:#e5e7eb!important}.dark .p-dropdown-panel .p-dropdown-item,.dark .p-dropdown-overlay .p-dropdown-item{color:#18181b!important;background:transparent!important}.dark .p-dropdown-panel .p-dropdown-item:hover,.dark .p-dropdown-overlay .p-dropdown-item:hover{background:#f9fafb!important;color:#18181b!important}.dark .p-dropdown-panel .p-dropdown-item.p-highlight,.dark .p-dropdown-panel .p-dropdown-item.p-focus,.dark .p-dropdown-overlay .p-dropdown-item.p-highlight,.dark .p-dropdown-overlay .p-dropdown-item.p-focus{background:#f3f4f6!important;color:#18181b!important}.form-group p-dropdown{display:block;width:100%}.form-group .p-select-label{font-family:Sarabun,sans-serif!important;font-weight:400;font-size:1.4rem;line-height:1.2;letter-spacing:0;color:#3b3b3b}.form-group .custom-dropdown,.form-group .p-dropdown{width:100%!important;height:4.8rem!important;border:1px solid #A5A5A5!important;border-radius:.8rem!important;background:#fff!important;padding:1.6rem .8rem!important;box-shadow:none!important;transition:all .2s ease!important;display:flex!important;align-items:center!important}.form-group .custom-dropdown:hover,.form-group .p-dropdown:hover{border-color:#9ca3af!important}.form-group .custom-dropdown.p-focus,.form-group .custom-dropdown:focus,.form-group .p-dropdown.p-focus,.form-group .p-dropdown:focus{border-color:#7c3aed!important;box-shadow:0 0 0 .3rem #7c3aed1a!important;outline:none!important}.form-group .custom-dropdown .p-dropdown-label,.form-group .p-dropdown .p-dropdown-label{padding:0 1.6rem!important;font-family:Sarabun,sans-serif!important;font-weight:400!important;font-size:1.6rem!important;line-height:2.4rem!important;color:#18181b!important}.form-group .custom-dropdown .p-dropdown-label.p-placeholder,.form-group .p-dropdown .p-dropdown-label.p-placeholder{color:#9ca3af!important}.form-group .custom-dropdown .p-dropdown-trigger,.form-group .p-dropdown .p-dropdown-trigger{width:4rem!important;color:#6b7280!important}.form-group .error.p-dropdown,.form-group p-dropdown.error .p-dropdown{border-color:#ef4444!important}.form-group .error.p-dropdown.p-focus,.form-group .error.p-dropdown:focus,.form-group p-dropdown.error .p-dropdown.p-focus,.form-group p-dropdown.error .p-dropdown:focus{box-shadow:0 0 0 .3rem #ef44441a!important}.p-overlay{z-index:10000!important}.p-select-overlay{border:.5px solid rgba(0,0,0,.1019607843)!important;border-radius:1.2rem!important;box-shadow:0 4px 24px #0000000f!important;background:#fff!important;overflow:hidden!important;width:100%!important}.p-select-filter{height:3.4rem!important;padding:.8rem 2.8rem!important;font-family:Sarabun,sans-serif!important;font-weight:400!important;font-size:1.4rem!important;line-height:2rem!important;color:#18181b!important;background:#fff!important;transition:all .2s ease!important}.p-select-filter::placeholder{color:#9ca3af!important}.p-select-filter:hover{border-color:#d1d5db!important}.p-select-list-container{background:#fff!important;padding:.8rem 1.6rem!important;max-height:10rem!important;overflow-y:auto!important}.p-select-list-container .p-select-list{width:100%!important;list-style:none!important;margin:0!important;padding:0!important;background:#fff!important}.p-select-list-container .p-select-list .p-select-option{padding:.6rem 1.2rem!important;font-family:Sarabun,sans-serif!important;font-weight:400!important;font-size:1.4rem!important;line-height:2rem!important;color:#18181b!important;border-radius:.6rem!important;margin:.2rem 0!important;cursor:pointer!important;transition:all .2s ease!important;background:transparent!important}.p-select-list-container .p-select-list .p-select-option:hover{background:#f3f4f6!important;color:#18181b!important}.p-select-list-container .p-select-list .p-select-option.p-select-option-selected,.p-select-list-container .p-select-list .p-select-option.p-highlight{background:#ede9fe!important;color:#7c3aed!important;font-weight:500!important}.p-select-list-container .p-select-list .p-select-option.p-focus{background:#f3f4f6!important;color:#18181b!important;outline:none!important}.p-select-list-container .p-select-list .p-select-option.p-select-option-selected.p-focus,.p-select-list-container .p-select-list .p-select-option.p-highlight.p-focus{background:#ddd6fe!important;color:#7c3aed!important}.p-select-list-container .p-select-list .p-select-option:active{background:#e0e7ff!important}.p-select-list-container::-webkit-scrollbar{width:.4rem}.p-select-list-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.2rem}.p-select-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.2rem}.p-select-list-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.p-datepicker-year,.p-datepicker-month{font-size:1.6rem!important;padding:.8rem!important}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:999.9rem;font-size:1.2rem;font-weight:500;text-align:center}.status-badge.status-success{background-color:var(--status-success-bg);color:var(--status-success-text)}.status-badge.status-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.status-badge.status-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text)}.status-badge.status-info{background-color:var(--status-info-bg);color:var(--status-info-text)}.status-badge.status-primary{background-color:var(--status-primary-bg);color:var(--status-primary-text)}.status-badge.status-default{background-color:var(--status-default-bg);color:var(--status-default-text)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-10{gap:2.5rem}.space-y-2>*+*{margin-top:.5rem}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.fixed{position:fixed}.sticky{position:sticky}.text-center{text-align:center}.text-white{color:#fff}.text-black{color:#000}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-normal{font-weight:400}.border{border-width:.1rem;border-style:solid}.border-0{border-width:0}.border-none{border:none}.rounded-full{border-radius:999.9rem}.rounded-3xl{border-radius:1.5rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-transparent{background-color:transparent}.focus-outline-none:focus{outline:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-32{padding-top:8rem}.pb-2{padding-bottom:.5rem}.grid{display:grid}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 64rem){.container{max-width:64rem}}@media (min-width: 76.8rem){.container{max-width:76.8rem}}@media (min-width: 102.4rem){.container{max-width:102.4rem}}@media (min-width: 128rem){.container{max-width:128rem}}@media (min-width: 153.6rem){.container{max-width:153.6rem}}.dark .dark-bg-black{background-color:#000}@media (prefers-color-scheme: dark){.dark-bg-black{background-color:#000}}*,*:before,*:after{box-sizing:border-box}.app-container-wrapper{min-height:100dvh;height:100%;width:100%}.gradient-border{position:relative;overflow:hidden;padding:.1rem;background:radial-gradient(100% 100% at 0% 0%,#b86e9fcc,#662525cc)}.gradient-border_sticky{position:sticky}.cdk-overlay-container{z-index:1000}.cdk-overlay-backdrop{position:fixed;inset:0;z-index:999;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-transparent-backdrop{background:transparent}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}