.preloader{z-index:999999;background:#edf1f5;width:100%;height:100%;position:fixed}.preloader-content{border:0 solid #0000;border-radius:50%;width:150px;height:150px;position:absolute;top:calc(50vh - 75px);left:calc(50vw - 75px)}.preloader-content:before,.preloader-content:after{content:"";border:1em solid var(--primary-color);width:inherit;height:inherit;opacity:0;border-radius:50%;animation:2s linear infinite loader;position:absolute;top:0;left:0}.preloader-content:before{animation-delay:.5s}@keyframes loader{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1)}}.layout-sidebar{z-index:999;-webkit-user-select:none;user-select:none;background:var(--surface-100);width:220px;height:calc(100vh - 4rem);color:var(--primary-color);border-radius:0;transition:transform .2s,left .2s;position:fixed;top:4rem;left:0;overflow-y:auto}.layout-sidebar .layout-menu{margin:0;padding:0;list-style-type:none}.layout-sidebar .layout-menu li a{cursor:pointer;color:var(--primary-color);border-bottom:1px solid #0000001a;align-items:stretch;padding:1rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}.layout-sidebar .layout-menu li a .menu-label{margin-left:.5rem}.layout-sidebar .layout-menu li a .menu-icon{font-size:18px}.layout-sidebar .layout-menu li a .menuitem-toggle-icon{margin-left:auto}.layout-sidebar .layout-menu li a:focus{outline-offset:0;box-shadow:inset var(--focus-ring);outline:0;transition:box-shadow .2s}.layout-sidebar .layout-menu li a:hover{color:var(--primary-color-text);background:var(--primary-color)}.layout-sidebar .layout-menu li a.router-link-exact-active{color:var(--primary-color-text);background:var(--primary-color);font-weight:700}.layout-sidebar .layout-menu li a .p-badge{margin-left:auto}.layout-sidebar .layout-menu li.layout-menuitem-category{margin-top:.75rem}.layout-sidebar .layout-menu li.layout-menuitem-category:first-child{margin-top:0}.layout-sidebar .layout-menu li .layout-menuitem-root-text{text-transform:uppercase;color:var(--surface-900);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.layout-sidebar .layout-menu li.active-menuitem>a .menuitem-toggle-icon:before{content:""}.layout-sidebar .layout-menu li ul{margin:0 0 0 20px;padding:0;list-style-type:none}.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-enter-from,.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-leave-to{max-height:0}.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-enter-to,.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-leave-from{max-height:1000px}.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-leave-active{transition:max-height .45s cubic-bezier(0,1,0,1);overflow:hidden}.layout-sidebar .layout-menu li ul.layout-submenu-wrapper-enter-active{transition:max-height 1s ease-in-out;overflow:hidden}.layout-sidebar .layout-menu li ul ul{padding-left:1rem}.layout-sidebar.mini{width:90px}.layout-sidebar.mini .layout-menu li a{text-align:center;display:block}.layout-sidebar.mini .layout-menu li a .menu-label{text-align:center;margin-left:0;padding-top:3px;font-size:10px;display:block}.layout-sidebar.mini .layout-menu li a .menu-icon{font-size:24px;display:block}.layout-sidebar.mini .layout-menu li ul{margin:5px}.layout-sidebar::-webkit-scrollbar{width:10px}.layout-sidebar::-webkit-scrollbar-track{background-color:#0000001a}.layout-sidebar::-webkit-scrollbar-thumb{background-color:#5472d4;border-radius:10px}.card{background-color:var(--surface-card);color:var(--surface-900);border-radius:8px;margin:0;padding:1.5rem;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.card .card-w-title{padding-bottom:2rem}h1,h2,h3,h4,h5,h6{color:inherit;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:1.25rem}h6{font-size:1rem}mark{background:#fff8e1;border-radius:8px;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}*{box-sizing:border-box}html{height:100%;font-size:14px}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--surface-ground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0;padding:0}a{color:var(--primary-color);text-decoration:none}.layout-main-container{flex-direction:column;justify-content:space-between;min-height:100vh;padding:6rem 2rem 2rem;transition:margin-left .2s;display:flex}.layout-main{flex:auto}.layout-topbar{z-index:997;background-color:var(--surface-card);align-items:stretch;width:100%;height:4rem;padding:0 1rem;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-toggle-menu{justify-content:center;align-items:center;margin-right:1rem;display:flex}.layout-topbar .layout-topbar-logo{color:var(--surface-900);align-items:center;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;box-shadow:var(--focus-ring);outline:0;transition:box-shadow .2s}.layout-topbar .layout-topbar-button{cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex;position:relative}.layout-topbar .layout-topbar-button:hover{color:var(--text-color);background-color:#0003}.layout-topbar .layout-topbar-button:focus{outline-offset:0;box-shadow:var(--focus-ring);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 .page-button{cursor:pointer;justify-content:center;align-items:center;height:3rem;transition:background-color .2s;display:inline-flex;position:relative}.layout-topbar .page-button:hover{color:var(--text-color);background-color:var(--surface-hover)}.layout-topbar .page-button:focus{outline-offset:0;box-shadow:var(--focus-ring);outline:0;transition:box-shadow .2s}.layout-topbar .page-button .pi{font-size:1.5rem}.layout-topbar .page-button span{font-size:1rem}.layout-topbar .layout-topbar-menu{justify-content:center;align-items:center;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.layout-topbar .layout-topbar-menu .layout-topbar-button{margin-left:1rem}.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 (width<=991px){.layout-topbar{justify-content:space-between}.layout-topbar .layout-toggle-menu{order:2;margin-right:0}.layout-topbar .layout-topbar-logo{order:0;width:auto}.layout-topbar .layout-topbar-menu{order:1}.layout-topbar .layout-topbar-menu .page-button{order:0}.layout-topbar .layout-topbar-menu .page-button .p-button-label{display:none}.layout-topbar .layout-topbar-menu .layout-menu-user-button{order:2}.layout-topbar .layout-topbar-menu .layout-topbar-menu-button{order:1}}@media (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-sidebar-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-static .layout-main-container{margin-left:220px}.layout-wrapper.layout-static .layout-main-container.mini{margin-left:90px}.layout-wrapper.layout-static.layout-static-sidebar-inactive .layout-sidebar{left:0;transform:translate(-100%)}.layout-wrapper.layout-static.layout-static-sidebar-inactive .layout-main-container{margin-left:0;padding-left:2rem}.layout-wrapper .layout-mask{display:none}}@media (width<=991px){.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)}.layout-wrapper .layout-mask.layout-mask-enter-from,.layout-wrapper .layout-mask.layout-mask-leave-to{background-color:#0000}.layout-wrapper.layout-mobile-sidebar-active .layout-sidebar{transform:translate(0)}.layout-wrapper.layout-mobile-sidebar-active .layout-mask{display:block}.body-overflow-hidden{overflow:hidden}}.layout-wrapper.layout-topbar-hidden .layout-main-container.layout-main-no-topbar{padding-top:1rem}.layout-wrapper.layout-topbar-hidden .layout-sidebar{height:100vh;top:0}.layout-wrapper.layout-sidebar-hidden .layout-main-container.layout-main-no-sidebar{margin-left:0!important}.layout-wrapper.layout-topbar-hidden.layout-sidebar-hidden .layout-main-container.layout-main-no-topbar.layout-main-no-sidebar{padding-top:1rem;margin-left:0!important}.ql-editor iframe{width:100%}body.tes2-barcode-scanner-active{--background:transparent;background:0 0!important}body.tes2-barcode-scanner-active #root{opacity:0}.p-datatable .p-datatable-tbody>tr>td.p-cell-editing{vertical-align:top!important;padding:.5rem!important}.p-datatable .p-datatable-tbody>tr>td.p-cell-editing .p-inputtextarea{white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-word!important;overflow-wrap:break-word!important;width:100%!important;min-width:200px!important}.p-datatable .p-datatable-tbody>tr>td .table-inlined-edit{max-width:100%;display:block;white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-word!important;overflow-wrap:break-word!important}.p-datatable.editable-cells-table .p-datatable-tbody>tr>td{height:auto!important}.p-datatable.editable-cells-table .p-datatable-tbody>tr>td.p-cell-editing{height:auto!important;min-height:60px!important}.status-badge{border-radius:.75rem;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:flex}.status-badge.putih{color:#000;background-color:#fff}.status-badge.kuning{color:#000;background-color:#fde047}.status-badge.merah{color:#fff;background-color:#ef4444}.status-badge.hijau{color:#fff;background-color:#22c55e}.status-badge.biru{color:#fff;background-color:#3b82f6}.status-badge.ungu{color:#fff;background-color:#8b5cf6}.status-badge.abu{color:#000;background-color:#d1d5db}.status-badge.oranye{color:#000;background-color:#fb923c}.status-badge.pink{color:#fff;background-color:#ec4899}.status-badge.teal{color:#fff;background-color:#14b8a6}.status-badge.indigo{color:#fff;background-color:#6366f1}.status-badge.lime{color:#000;background-color:#84cc16}.status-badge.rose{color:#fff;background-color:#f43f5e}.status-badge.coklat{color:#fff;background-color:#a16207}.status-badge.cyan{color:#fff;background-color:#06b6d4}.status-badge.fuchsia{color:#fff;background-color:#d946ef}.status-badge.emerald{color:#fff;background-color:#10b981}.status-badge.zinc{color:#fff;background-color:#71717a}.status-badge.slate{color:#fff;background-color:#64748b}.bg-whatsapp-header{color:#fff;background-color:#075e54}.bg-whatsapp-sent{color:#000;background-color:#dcf8c6}.bg-whatsapp-received{color:#000!important;background-color:#fff!important}.bg-primary{color:#fff!important;background-color:#5472d4!important;border-color:#5472d4!important}.bg-secondary{color:#fff!important;background-color:#8191a6!important;border-color:#8191a6!important}.bg-success{color:#fff!important;background-color:#8bae2c!important;border-color:#8bae2c!important}.bg-danger{color:#fff!important;background-color:#d45472!important;border-color:#d45472!important}.bg-warning{color:#fff!important;background-color:#ff922a!important;border-color:#ff922a!important}.bg-info{color:#fff!important;background-color:#35a4cc!important;border-color:#35a4cc!important}.bg-light{color:#000!important;background-color:#f8f9fa!important;border-color:#f8f9fa!important}.bg-dark{color:#fff!important;background-color:#343a40!important;border-color:#343a40!important}.bg-white{color:#000!important;background-color:#fff!important;border-color:#fff!important}.bg-transparent{color:inherit!important;background-color:#0000!important;border-color:#0000!important}