@import "https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{appearance:none;box-sizing:border-box;border:0;outline:0;margin:0;padding:0;text-decoration:none;list-style:none}:root{--bg-color:#ecf3ff;--bg-color-variant:#fff;--text-color:#000;--text-color-muted:#6c757d;--border-color:#0000001a;--color-red:#b0182e;--color-red-transparent:#af182f40;--color-red-hover:#ec7082;--color-red-variant:#c2185b;--color-primary:#015cce;--color-primary-hover:#015cce;--color-primary-transparent:#074a9733;--color-primary-variant:#015cce;--color-yellow:#f18e06;--color-yellow-hover:#fbb557;--color-green:#1e7e5d;--color-green-hover:#42d2a2;--color-purple:#a12b99;--color-purple-hover:#df85d9;--color-white:#fff;--color-white-variant:#f3f4f8;--color-dark:#000;--color-dark-variant:#262626;--card-padding:1.8rem;--circle-border-radius:50%;--transition:all .3s ease}body{max-width:2048px;height:100%;font-size:.85rem;overflow:hidden;color:var(--text-color)!important;background-color:#0000!important;background-image:linear-gradient(#f0f5ff8c,#f0f5ff8c),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important;margin:0 auto!important;font-family:Inter,sans-serif!important}body.dark-theme{background-color:#0000!important;background-image:linear-gradient(#0a0b19b3,#0a0b19b3),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}body.light-theme{background-color:#0000!important;background-image:linear-gradient(#dce6f566,#dce6f566),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}body.dark-theme{--bg-color:#1a1a1a;--bg-color-variant:#262626;--text-color:#fff;--text-color-muted:#b0b0b0;--border-color:#ffffff1a}body.dark-theme .card,body.dark-theme .offcanvas,body.dark-theme .dropdown-menu{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme .table{--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#ffffff1a;--bs-table-striped-bg:#ffffff0d;--bs-table-striped-color:#fff;--bs-table-active-bg:#ffffff1a;--bs-table-active-color:#fff;--bs-table-hover-bg:#ffffff12;--bs-table-hover-color:#fff;color:#fff!important}body.dark-theme .table th,body.dark-theme .table td,body.dark-theme .table thead th{color:#fff!important;background-color:#0000!important;border-color:#ffffff1a!important}body.dark-theme .table.table-dark,body.dark-theme .table-dark{--bs-table-bg:#ffffff0f;color:#fff!important;background-color:#ffffff0f!important}body.light-theme .table.table-dark,body.light-theme .table-dark{--bs-table-bg:transparent!important;color:#000!important;--bs-table-color:#000!important;--bs-table-border-color:#0000001a!important;--bs-table-striped-bg:#00000008!important;--bs-table-striped-color:#000!important;--bs-table-hover-bg:#0000000d!important;--bs-table-hover-color:#000!important;background-color:#0000!important}body.light-theme .table.table-dark th,body.light-theme .table.table-dark td,body.light-theme .table-dark th,body.light-theme .table-dark td{color:#000!important;background-color:#0000!important;border-color:#0000001a!important}body.dark-theme .modal-header,body.dark-theme .modal-footer{border-color:var(--border-color)!important}body.light-theme .modal-content{-webkit-backdrop-filter:blur(20px)!important;color:#0f172a!important;background:#ffffffe6!important;border:1px solid #fffc!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 40px 100px -20px #00000026!important}body.light-theme .modal-title,body.light-theme .modal-header h1,body.light-theme .modal-header h2,body.light-theme .modal-header h3,body.light-theme .modal-header h4,body.light-theme .modal-header h5,body.light-theme .modal-header h6{color:#0f172a!important}body.light-theme .modal-header,body.light-theme .modal-footer{background:#00000005!important;border-color:#00000014!important}body.light-theme .modal-content .form-control,body.light-theme .modal-content .form-select,body.light-theme .modal-content .dx-texteditor{color:#1e293b!important;background-color:#ffffffb3!important;border:1px solid #00000026!important}body.light-theme .form-control.is-invalid,body.light-theme .was-validated .form-control:invalid,body.light-theme .form-select.is-invalid,body.light-theme .was-validated .form-select:invalid{border-color:var(--color-red)!important}body.light-theme .modal-content .form-control::placeholder{color:#94a3b8!important}body.light-theme .modal-content label{color:#475569!important;font-weight:500!important}body.light-theme .modal-content .btn-close{filter:none!important;opacity:.6!important}body.light-theme .modal-content .btn-secondary{color:#1e293b!important;background:#0000000d!important;border:1px solid #0000001a!important}body.light-theme .modal-content .btn-secondary:hover{background:#0000001a!important}body.light-theme .modal-backdrop.show{opacity:.45!important}body.dark-theme .modal-content{color:#fff!important;background:#191928f2!important;border-radius:20px!important;overflow:hidden!important}body.dark-theme .modal-content .btn-close{filter:invert()grayscale()brightness(200%)!important}.modal{z-index:3000!important}.modal-backdrop{z-index:2990!important}body.dark-theme .form-control,body.dark-theme .form-select{color:var(--text-color)!important;border-color:var(--border-color)!important;background-color:#ffffff0d!important}body.dark-theme .form-control::placeholder{color:#fff6}body.dark-theme .form-control::-webkit-calendar-picker-indicator{filter:invert()}body.dark-theme .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important}.is-readonly,.form-control[readonly],.form-select[readonly],.form-control[disabled],.form-select[disabled]{cursor:not-allowed;opacity:.8!important;background-color:#0000000d!important;border-style:solid!important;border-color:#0000001a!important}body.dark-theme .is-readonly,body.dark-theme .form-control[readonly],body.dark-theme .form-select[readonly],body.dark-theme .form-control[disabled],body.dark-theme .form-select[disabled]{color:#ffffff80!important;background-color:#ffffff08!important;border-color:#ffffff0d!important}body.light-theme .is-readonly,body.light-theme .form-control[readonly],body.light-theme .form-select[readonly],body.light-theme .form-control[disabled],body.light-theme .form-select[disabled]{color:#64748b!important;background-color:#00000005!important;border-color:#0000000d!important}body.dark-theme .list-group-item{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme .card-title{color:var(--text-color)!important}body.dark-theme .text-muted{color:var(--text-color-muted)!important}body.dark-theme .ql-toolbar,body.dark-theme .ql-container{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme .ql-snow .ql-stroke{stroke:var(--text-color)!important}body.dark-theme .ql-snow .ql-fill{fill:var(--text-color)!important}body.dark-theme .ql-snow .ql-picker{color:var(--text-color)!important}body.dark-theme .ql-snow .ql-picker-options{background-color:var(--bg-color-variant)!important;border-color:var(--border-color)!important}body.light-theme{--bg-color:#f4faff;--bg-color-variant:#fff;--text-color:#000;--text-color-muted:#6c757d;--border-color:#0000001a}a{color:#000;text-decoration:none}.material-icons{font-size:20px!important}.nav-link.active{border:none;border-radius:0;background-color:none!important;color:#5a9eb9!important;border-bottom:2px solid #5a9eb9!important}.tools-icon{font-size:100px}.navbar>.container-fluid{flex-wrap:nowrap}.navbar .nav-container{justify-content:space-between}.nav-menu-items{border:1px solid #fff3;border-radius:50px;padding:2px 8px;transition:all .3s;position:relative}.nav-menu-items:before{content:"";-webkit-backdrop-filter:blur(10px);z-index:-1;background:#ffffff26;border-radius:50px;position:absolute;inset:0}body.dark-theme .nav-menu-items{border-color:#ffffff1a}body.dark-theme .nav-menu-items:before{background:#ffffff0d}.nav-menu{height:2.5rem;color:var(--color-primary);transition:all .3s;display:flex}.nav-menu:hover{color:var(--color-primary-hover)!important;background:#015cce1a!important}body.dark-theme .nav-menu:hover{color:#fff!important;background:#ffffff1a!important}.nav-profile{text-align:left;background:0 0;align-items:center;gap:.25rem;height:100%;padding:0 1rem;display:flex}.nav-profile img{width:100%;height:initial;display:block}.nav-profile-photo{border-radius:50%;width:2.2rem;height:2.2rem;overflow:hidden}.btn-notif{--webkit-background-clip:text;-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#00d4ff,#0072ff);border:none;border-radius:50%!important}#qMenu.form-control{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;width:90%;margin:10px auto 5px;padding:10px 15px;font-size:13px;transition:all .3s}#qMenu.form-control:focus{border-color:var(--primary-color);background:#ffffff1f;box-shadow:0 0 0 4px #ee721426}#qMenu.form-control::placeholder{color:#fff6}.sidebar-overlay{display:none}.nav-link.active{color:#5b9eb9!important;background:0 0!important;border-bottom:1px solid #5b9eb9!important;width:500px!important}.nav-link:hover{color:#5b9eb9!important;background:0 0!important}.tag-input-container{border:1px solid #ccc;flex-wrap:wrap;padding:5px;display:flex}.tag{color:#fff;background-color:#007bff;border-radius:10px;align-items:center;margin:2px;padding:5px 10px;display:flex}.tag-text{margin-right:5px}.close-button{cursor:pointer}.input-tag{border:none;outline:none}.d-none{display:none}.d-block{display:block}#ulMenu .dropdown-toggle:after{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}th{cursor:pointer}a,a:hover,a:focus{color:inherit;text-decoration:none;transition:all .3s}.wrapper{align-items:stretch;width:100%;display:flex;position:relative;background-color:#0000!important}#content{flex-direction:column;width:100%;height:100dvh;transition:all .3s;display:flex;position:relative;overflow:hidden;background:0 0!important}body.dark-theme #content,body.light-theme #content{background:0 0!important}#tampil{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}body.dark-theme #tampil,body.light-theme #tampil{background:0 0}.main-body{flex-direction:column;height:100%;padding:.5rem .75rem;animation:.5s ease-out pageFadeIn;display:flex;overflow:hidden}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.div-content{-ms-overflow-style:none;scrollbar-width:none;border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.4,0,.2,1) contentFadeIn;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#ffffff59!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #1f26871a!important}.div-content::-webkit-scrollbar{display:none}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body.light-theme .div-content{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#ffffff4d!important;border:1px solid #fff6!important}body.dark-theme .div-content{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#14142373!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0000004d!important}body.dark-theme .div-content:hover{box-shadow:0 12px 40px #0000008c,0 4px 12px #00000059}.main-title{letter-spacing:-.3px;background:linear-gradient(135deg, var(--color-primary), #b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}body.dark-theme .main-title{background:linear-gradient(135deg,#f97316,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#sidebar{color:#fff;z-index:1000;background:linear-gradient(160deg,#0f1021 0%,#1a1230 50%,#0e1a2b 100%);border-right:1px solid #ffffff14;flex-direction:column;min-width:260px;max-width:260px;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 30px #00000059}#sidebar:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:#ee721426;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;left:-60px}#sidebar:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:#4a192c40;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-40px}#sidebar .sidebar-header,#sidebar .transbox,#sidebar ul{z-index:1;position:relative}#sidebar .transbox{flex-direction:column;flex:1;min-height:0;padding:10px 0;display:flex;overflow:visible auto}#sidebar .transbox::-webkit-scrollbar{width:6px}#sidebar .transbox::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.navbar{-webkit-backdrop-filter:blur(16px);z-index:999;background:#ffffffb3;border-bottom:1px solid #ffffff4d;padding:.4rem 1.5rem;position:sticky;top:0;box-shadow:0 4px 20px #0000000f}body.dark-theme .navbar{-webkit-backdrop-filter:blur(16px);background:#1a1a1abf;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0000004d}a[data-bs-toggle=collapse]{position:relative}#sidebar .sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;padding:10px;display:flex}#sidebar ul.components{border:none;padding:5px 12px 15px}#sidebar ul li a{color:#ffffffb3;background:0 0;border-radius:12px;align-items:center;gap:8px;margin:4px 0;padding:12px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}#sidebar ul li a i{text-align:center;width:24px;transition:transform .2s;font-size:18px!important}#sidebar ul li a:hover{color:#fff;background:#ffffff14}#sidebar ul li a:hover i{transform:scale(1.1)}#sidebar ul li.active>a,#sidebar .menu.active>a{color:#fff;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff26;font-weight:600;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d;background:#ffffff1f!important}#sidebar ul li.active>a:before,#sidebar .menu.active>a:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:3px;height:40%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #fff9}#sidebar ul li.active>a i,#sidebar .menu.active>a i{color:var(--primary-color);text-shadow:0 0 8px #ee72144d;transform:scale(1.1)}ul ul a{color:#ffffff80!important;background:0 0!important;margin:2px 0!important;padding-left:28px!important;font-size:13px!important}ul ul a:hover{color:#fff!important;background:#ffffff0d!important}#sidebar.hide{min-width:0;max-width:0;box-shadow:none;border-right:none;overflow:hidden}#sidebar.hide #qMenu{display:none}#sidebar .nama-menu{font-weight:500}#sidebar .logo-panjang{display:block}#sidebar .logo{display:none}body.light-theme #sidebar{-webkit-backdrop-filter:blur(25px)!important;color:#0f172a!important;background:#ffffff73!important;border-right:1px solid #fff6!important;box-shadow:4px 0 30px #0000000d!important}body.light-theme #sidebar:before{background:#ee721414!important}body.light-theme #sidebar:after{background:#015cce1a!important}body.light-theme #sidebar .sidebar-header{border-bottom:1px solid #ffffff4d!important}body.light-theme #sidebar .logo-panjang,body.light-theme #sidebar .logo{filter:none!important}body.light-theme #qMenu.form-control{color:#0f172a!important;background:#ffffff4d!important;border:1px solid #0000001a!important}body.light-theme #qMenu.form-control::placeholder{font-weight:500;color:#475569!important}body.light-theme #sidebar ul li a{font-weight:500;color:#1e293b!important}body.light-theme #sidebar ul li a:hover{color:#000!important;background:#ffffff80!important}body.light-theme #sidebar ul li a i{color:#475569!important}body.light-theme #sidebar ul li.active>a,body.light-theme #sidebar .menu.active>a{color:var(--color-primary)!important;background:#fff9!important;border:1px solid #015cce26!important;font-weight:600!important;box-shadow:0 4px 12px #0000000d!important}body.light-theme #sidebar ul li.active>a i,body.light-theme #sidebar .menu.active>a i{color:var(--color-primary)!important}body.light-theme #sidebar ul li.active>a:before,body.light-theme #sidebar .menu.active>a:before{background:var(--color-primary)!important;box-shadow:0 0 10px #015cce66!important}body.light-theme #sidebar ul ul a{color:#334155!important}body.light-theme #sidebar ul ul a:hover{color:var(--color-primary)!important;background:#fff6!important}body.light-theme #sidebar .transbox::-webkit-scrollbar-thumb{background:#0003}#sidebar .menu .menu-hover-icon{opacity:0;visibility:hidden;color:#ffffff80;cursor:pointer;z-index:2;padding:10px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(5px);font-size:18px!important}#sidebar .menu:hover .menu-hover-icon{opacity:1;visibility:visible;transform:translate(0)}#sidebar .menu .menu-hover-icon:hover{color:#fff;transform:scale(1.2)}body.light-theme #sidebar .menu .menu-hover-icon{color:#0003}body.light-theme #sidebar .menu:hover .menu-hover-icon:hover{color:var(--color-primary)}.dropdown-menu-glass{-webkit-backdrop-filter:blur(50px)saturate(200%)!important;color:#1d1d1d!important;background:#ffffffe6!important;border:1px solid #ffffffe6!important;border-radius:20px!important;padding:10px!important;box-shadow:0 8px 32px #0003!important}body.dark-theme .dropdown-menu-glass{color:#fff!important;background:#000000e6!important;border:1px solid #ffffff1a!important}.dropdown-menu-glass .dropdown-item{border-radius:8px;margin-bottom:2px;transition:all .2s;color:inherit!important}.dropdown-menu-glass .dropdown-item:hover{transform:translate(5px);background:#005cce1a!important}.dropdown-menu-glass .dropdown-divider{border-top:1px solid #0000001a}body.dark-theme .dropdown-menu-glass .dropdown-divider{border-top:1px solid #ffffff1a}#divPesan{z-index:2147483647;width:30vw;position:fixed;bottom:.9375rem;right:.9375rem}.floating-window{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#ffffffd9;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;transition:height .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.175,.885,.32,1.275) windowOpen;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #0003}.floating-window.resizing,.floating-window.dragging{transition:none!important}@keyframes windowOpen{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.floating-window.minimized{overflow:hidden}.window-header{cursor:move;-webkit-user-select:none;user-select:none;background:#fff3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:40px;padding:0 15px;display:flex}.window-title{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.window-controls{gap:8px;display:flex}.window-controls button{color:var(--text-color);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.window-controls button:hover{background:#0000000d}.window-controls button.close-btn:hover{color:#fff;background:#ff4d4d}.window-body{background:0 0;flex:1;position:relative;overflow:auto}.window-body .main-body{padding:10px!important}.window-body .div-content{border-radius:0 0 16px 16px;height:100%;background:#ffffff80!important}.window-resizer{cursor:nwse-resize;width:20px;height:20px;color:var(--text-color);opacity:.3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:0;right:0}.window-resizer:hover{opacity:1}.window-resizer i{font-size:16px!important}body.dark-theme .floating-window{background:#191928eb;border-color:#ffffff26;box-shadow:0 20px 60px #00000080}body.dark-theme .window-header{background:#0003}body.dark-theme .window-controls button:hover{background:#ffffff1a}body.dark-theme .window-body .div-content{background:#0003!important}.floating-window .modal.modal-inline{pointer-events:none;width:100%;height:100%;z-index:5001!important;padding-right:0!important;position:absolute!important}.floating-window .modal.modal-inline.show{display:block!important}.modal-inline-backdrop{z-index:0;pointer-events:all;-webkit-backdrop-filter:blur(4px);background-color:#00000073;width:100%;height:100%;position:absolute;top:0;left:0}.floating-window .modal-dialog{z-index:1;pointer-events:auto;max-width:95%;margin:1.75rem auto}#divExtension{cursor:pointer;color:#979a9c99;padding:1rem;display:none;position:absolute;bottom:0;right:0}#divExtension a{color:#979a9c99}#divExtension a:hover{color:#7c7c7c}#divNeracaAwal{cursor:pointer;color:#888a8a;padding:1rem;position:absolute;bottom:0;right:0}#divNeracaAwal a{color:#888a8a}#divNeracaAwal a:hover{color:#585454}.alert{border-radius:.75rem!important}.alert .close{font-size:1em;position:absolute;top:.3125rem;right:.3125rem}.mid{border-radius:.25rem;max-width:11.25rem;min-height:1.5rem;margin-bottom:.625rem}.mid-big{border-radius:.25rem;max-width:35rem;min-height:2.5rem;margin-bottom:.9375rem}.mid-big-subtitle{border-radius:.25rem;max-width:60rem;min-height:1.5rem;margin-bottom:1.25rem}.lazyColor{opacity:.5;background:linear-gradient(135deg,#d3dfe880 30%,#a9b8c580 38%,#a8b6c199 41% 50%,#a8b6c199 50%,#a9b8c599 51%,#d3dfe899 57% 80%,#d3dfe899 80%) 0 0/1200% 1200%;animation:1s infinite reverse AnimationName}@-webkit-keyframes AnimationName{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}@-moz-keyframes AnimationName{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}@keyframes AnimationName{0%{background-position:0 92%}to{background-position:100% 9%}}.li-drag button{display:none}.li-drag:hover button{display:block}.li-drag:hover{background-color:#f7f7f7}.btn-edit:hover .material-icons{font-size:1.125rem}.btn-edit .material-icons{font-size:.875rem}.icon-filter{cursor:pointer;font-size:1.125rem!important}.main-header{padding:.625rem .625rem .5rem 1rem}.main-title{font-size:1.2rem;font-weight:500;margin-bottom:0!important}.akun-plot{font-size:.95rem}.div-content{background:var(--bg-color-variant);flex-direction:column;flex:1;width:100%;height:auto;margin-top:.5rem;margin-bottom:.5rem;padding:1rem;display:flex;overflow:auto;color:var(--text-color)!important}.div-sum{width:100%;padding-bottom:1.5rem;overflow-x:auto}.loading{opacity:1;transition:opacity 50ms}.loading.fade{opacity:0}.div-table{min-height:60vh}.div-table-mini{min-height:20vh}.form-total{white-space:nowrap;font-size:1rem;font-weight:700}.pagination{margin-right:2rem;padding-top:1.25rem}.page-item{border-radius:.3125rem;margin-left:.3125rem;margin-right:.3125rem}.page-link.active-paggination{border-radius:.3125rem;background-color:var(--color-primary)!important;color:#fefefe!important}.page-link:hover{background-color:var(--color-primary)!important;color:#fefefe!important}::-webkit-scrollbar{width:.3125rem;height:.3125rem}::-webkit-scrollbar-track{border-radius:.3125rem;box-shadow:inset 0 0 10px gray}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:.3125rem}::-webkit-scrollbar-thumb:hover{background:#1a1c20}.material-icons{vertical-align:top!important;display:inline-flex!important}.table{font-size:.85rem}.dx-row-clickable{cursor:pointer!important}.dx-row-clickable:hover td{background-color:#015cce14!important}.table td{vertical-align:middle}.table-dark i{color:var(--color-white)}.bg-thead{white-space:nowrap;background:var(--color-primary)!important;color:#fafafa!important;border-bottom:2px solid #fff!important;font-weight:500!important}.bg-thead th{border:none!important;padding-top:.875rem!important;padding-bottom:.875rem!important}.table th{border-bottom:none!important}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;font-size:.9em;line-height:1;display:none;position:absolute}[tooltip]:before{content:"";z-index:1001;border:5px solid #0000}[tooltip]:after{content:attr(tooltip);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--color-primary);color:#fff;z-index:1000;border-radius:.8ch;min-width:3em;max-width:21em;padding:1ch 1.5ch;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 1em 2em -.5em #00000059}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{border-bottom-width:0;border-top-color:var(--color-primary);bottom:100%}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{border-top-width:0;border-bottom-color:var(--color-primary);top:100%}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{border-right-width:0;border-left-color:var(--color-primary);top:50%;left:-5px;transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{border-left-width:0;border-right-color:var(--color-primary);top:50%;right:-5px;transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:.3s ease-out forwards tooltips-vert}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:.3s ease-out forwards tooltips-horz}button.dropdown-item{color:#000;font-size:.85rem;border:1px solid #0000!important}button.dropdown-item:hover{color:var(--color-primary);font-size:.85rem;border:1px solid var(--color-primary)!important}.image-upload>input{display:none}.form-group label{font-size:.8rem}.modal-body{padding:.625rem 1.875rem}.btn-close{color:var(--text-color)!important}.btn-close-modal{color:#fefefe!important;background-color:#6c757d!important;border-radius:50%!important;padding:1px!important}.form-control:focus{border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013, 0 0 8px var(--color-primary)!important}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--color-red)!important}.form-control{color:var(--text-color);background-color:#fff3;border:1px solid #bdbdbd!important;border-radius:8px!important;font-size:.8rem!important}.number-format{text-align:right}textarea.form-control{color:var(--text-color)}#edtDocNumber.form-control,#edtDocNumberScanerSALES.form-control{font-size:.8rem!important}.form-select:focus{border-color:#2d2d2d!important;box-shadow:inset 0 1px 1px #00000013,0 0 8px #2d2d2d!important}.form-select{color:var(--text-color);background-color:#fff3;border-radius:8px!important;font-size:.8rem!important}.form-check-input:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013,0 0 8px #2d2d2d!important}.form-control-sc:focus{border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013, 0 0 8px var(--color-primary)!important}.form-select option{color:var(--text-color);background-color:var(--bg-color-variant)}.form-control-sc{border:1px solid #bdbdbd!important;border-radius:8px 0 0 8px!important}.form-hide{display:none}.color-bgt-merah{border-color:var(--color-red-variant)!important;color:var(--color-red-variant)!important}.color-bgt-merah:hover{font-weight:700!important}.color-bgt-ungu{color:#9c27b0!important;border-color:#9c27b0!important}.color-bgt-ungu:hover{font-weight:700!important}.color-bgt-biru{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.color-bgt-biru:hover{font-weight:700!important}.color-bgt-emas{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.color-bgt-emas:hover{font-weight:700!important}.color-bg-merah{background-color:var(--color-red-variant)!important;color:#fff!important}.color-bg-ungu{color:#fff!important;background-color:#9c27b0!important}.color-bg-biru,.color-bgt-default{background-color:var(--color-primary)!important;color:#fff!important}.btn{border-radius:8px!important;height:36px!important;font-size:14px!important}.btn-default span.material-icons{font-size:20px}.btn-add{padding:.375rem .75rem .375rem .5rem!important}.btn-default,.btn-primary,.btn-danger,.btn-secondary,.btn-success,.btn-warning{cursor:pointer;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden;color:#fff!important;border:none!important;border-radius:10px!important;height:38px!important;padding:0 .7rem!important;font-size:14px!important;font-weight:500!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.btn-default span.material-icons,.btn-primary i,.btn-danger i,.btn-secondary i,.btn-success i,.btn-warning i{font-size:20px!important}.btn-default,.btn-primary{background:linear-gradient(135deg, var(--color-primary), #0047a5)!important}.btn-danger{background:linear-gradient(135deg, var(--color-red), #8e1224)!important}.btn-success{background:linear-gradient(135deg, var(--color-green), #145a42)!important}.btn-warning{background:linear-gradient(135deg, var(--color-yellow), #c47305)!important;color:#fff!important}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)!important}.btn-default:hover,.btn-primary:hover,.btn-danger:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover{filter:brightness(1.1);color:#fff!important}.btn-default:hover,.btn-primary:hover{box-shadow:0 0 8px #015cce80!important}.btn-danger:hover{box-shadow:0 0 8px #b0182e80!important}.btn-success:hover{box-shadow:0 0 8px #1e7e5d80!important}.btn-warning:hover{box-shadow:0 0 8px #f18e0680!important}.btn-secondary:hover{box-shadow:0 0 8px #64748b80!important}.btn-default:active,.btn-primary:active,.btn-danger:active,.btn-secondary:active,.btn-success:active,.btn-warning:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 4px -1px #0000000f!important}.btn-default:focus,.btn-primary:focus,.btn-danger:focus,.btn-secondary:focus,.btn-success:focus,.btn-warning:focus{outline:none;box-shadow:0 0 0 3px #015cce66!important}.btn-outline-primary,.btn-outline-danger,.btn-outline-warning,.btn-outline-success,.btn-outline-secondary{cursor:pointer;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px)!important;border:1.5px solid!important;border-radius:10px!important;height:38px!important;padding:0 .9rem!important;font-size:14px!important;font-weight:500!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #0000000d,inset 0 0 0 1px #fff3!important}.btn-outline-primary *,.btn-outline-danger *,.btn-outline-warning *,.btn-outline-success *,.btn-outline-secondary *{-webkit-text-fill-color:currentColor!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}.btn-outline-primary span.material-icons,.btn-outline-primary i,.btn-outline-danger span.material-icons,.btn-outline-danger i,.btn-outline-warning span.material-icons,.btn-outline-warning i,.btn-outline-success span.material-icons,.btn-outline-success i,.btn-outline-secondary span.material-icons,.btn-outline-secondary i{font-size:20px!important;transition:color .25s!important}.btn-outline-primary:active,.btn-outline-danger:active,.btn-outline-warning:active,.btn-outline-success:active,.btn-outline-secondary:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 4px -1px #0000000f!important}.btn-outline-primary:focus,.btn-outline-danger:focus,.btn-outline-warning:focus,.btn-outline-success:focus,.btn-outline-secondary:focus{outline:none}.btn-outline-primary{color:var(--color-primary)!important;background:#015cce0f!important;border-color:#015cce66!important}.btn-outline-primary span.material-icons,.btn-outline-primary i{color:var(--color-primary)!important}.btn-outline-primary:hover{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;box-shadow:0 0 8px #015cce80!important}.btn-outline-primary:hover span.material-icons,.btn-outline-primary:hover i{color:#fff!important}.btn-outline-primary:focus{box-shadow:0 0 0 3px #015cce66!important}.btn-outline-danger{color:var(--color-red)!important;background:#b0182e0f!important;border-color:#b0182e66!important}.btn-outline-danger span.material-icons,.btn-outline-danger i{color:var(--color-red)!important}.btn-outline-danger:hover{background:var(--color-red)!important;color:#fff!important;border-color:var(--color-red)!important;box-shadow:0 0 8px #b0182e80!important}.btn-outline-danger:hover span.material-icons,.btn-outline-danger:hover i{color:#fff!important}.btn-outline-danger:focus{box-shadow:0 0 0 3px #b0182e66!important}.btn-outline-warning{color:var(--color-yellow)!important;background:#f18e060f!important;border-color:#f18e0666!important}.btn-outline-warning span.material-icons,.btn-outline-warning i{color:var(--color-yellow)!important}.btn-outline-warning:hover{background:var(--color-yellow)!important;color:#fff!important;border-color:var(--color-yellow)!important;box-shadow:0 0 8px #f18e0680!important}.btn-outline-warning:hover span.material-icons,.btn-outline-warning:hover i{color:#fff!important}.btn-outline-warning:focus{box-shadow:0 0 0 3px #f18e0666!important}.btn-outline-success{color:var(--color-green)!important;background:#1e7e5d0f!important;border-color:#1e7e5d66!important}.btn-outline-success span.material-icons,.btn-outline-success i{color:var(--color-green)!important}.btn-outline-success:hover{background:var(--color-green)!important;color:#fff!important;border-color:var(--color-green)!important;box-shadow:0 0 8px #1e7e5d80!important}.btn-outline-success:hover span.material-icons,.btn-outline-success:hover i{color:#fff!important}.btn-outline-success:focus{box-shadow:0 0 0 3px #1e7e5d66!important}.btn-outline-secondary{color:#475569!important;background:#4755690f!important;border-color:#47556966!important}.btn-outline-secondary span.material-icons,.btn-outline-secondary i{color:#475569!important}.btn-outline-secondary:hover{color:#fff!important;background:#475569!important;border-color:#475569!important;box-shadow:0 0 8px #47556980!important}.btn-outline-secondary:hover span.material-icons,.btn-outline-secondary:hover i{color:#fff!important}.btn-outline-secondary:focus{box-shadow:0 0 0 3px #47556966!important}.btn-menu-atas{white-space:nowrap;color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#8080801a;border:1px solid #80808026;border-radius:6px;padding:4px 10px;transition:all .2s}.btn-menu-atas:hover{background-color:#80808033;transform:translateY(-1px)}body.dark-theme .btn-outline-primary{color:#60a5fa!important;background:#60a5fa14!important;border-color:#60a5fa73!important}body.dark-theme .btn-outline-primary span.material-icons,body.dark-theme .btn-outline-primary i{color:#60a5fa!important}body.dark-theme .btn-outline-primary:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f6!important}body.dark-theme .btn-outline-danger{color:#f87171!important;background:#f8717114!important;border-color:#f8717173!important}body.dark-theme .btn-outline-danger span.material-icons,body.dark-theme .btn-outline-danger i{color:#f87171!important}body.dark-theme .btn-outline-danger:hover{background:linear-gradient(135deg,#f87171,#b91c1c)!important;border-color:#f87171!important}body.dark-theme .btn-outline-warning{color:#fbbf24!important;background:#fbbf2414!important;border-color:#fbbf2473!important}body.dark-theme .btn-outline-warning span.material-icons,body.dark-theme .btn-outline-warning i{color:#fbbf24!important}body.dark-theme .btn-outline-warning:hover{background:linear-gradient(135deg,#fbbf24,#d97706)!important;border-color:#fbbf24!important}body.dark-theme .btn-outline-success{color:#34d399!important;background:#34d39914!important;border-color:#34d39973!important}body.dark-theme .btn-outline-success span.material-icons,body.dark-theme .btn-outline-success i{color:#34d399!important}body.dark-theme .btn-outline-success:hover{background:linear-gradient(135deg,#34d399,#059669)!important;border-color:#34d399!important}body.dark-theme .btn-outline-secondary{color:#94a3b8!important;background:#94a3b814!important;border-color:#94a3b873!important}body.dark-theme .btn-outline-secondary span.material-icons,body.dark-theme .btn-outline-secondary i{color:#94a3b8!important}body.dark-theme .btn-outline-secondary:hover{background:linear-gradient(135deg,#94a3b8,#475569)!important;border-color:#94a3b8!important}.btn-kasir:focus{border:1px solid #2d2d2d;background-color:var(--color-red)!important;color:#fefefe!important}.btn-default-2{background:linear-gradient(135deg, var(--color-primary), #0047a5)!important;color:#fff!important;border-radius:10px!important;font-weight:500!important;transition:all .25s!important}.btn-default-2:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-menu{white-space:nowrap;color:#64748b!important;border-radius:10px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-menu:hover{transform:translate(4px);background:var(--color-primary-transparent)!important;color:var(--color-primary)!important}.btn-menu.active-menu{background:var(--color-primary)!important;color:#fff!important;box-shadow:0 4px 12px #015cce40!important}.btn-menu:focus,.btn-menu.active-menu{background:var(--color-primary)!important;color:#fff!important}.btn-opsi{border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;color:#64748b!important;border-radius:50%!important;transition:all .2s!important}.btn-opsi:hover{transform:rotate(90deg);background-color:var(--color-primary-transparent)!important;color:var(--color-primary)!important}.btn-sc{color:#fff!important;background:var(--color-primary)!important;border-radius:0 8px 8px 0!important}.btn-sc:hover,.btn-sc:focus{color:var(--color-primary)!important;background:#fff!important}.badge.bg-warning{color:var(--color-yellow-hover)!important;background:#fef9dd!important;border-radius:19px!important;padding:6px!important}.badge.bg-success{color:#53c16e!important;background:#ecf9f1!important;border-radius:19px!important;padding:6px!important}.badge.bg-primary{background:var(--color-primary)!important;color:#fff!important;border-radius:19px!important;padding:6px!important}.badge.bg-danger{background:var(--color-red)!important;color:#fff!important;border-radius:19px!important;padding:6px!important}.badge.bg-danger-notif{border:1px solid #fff;animation:.8s linear infinite blink;background:var(--color-red)!important;border-radius:19px!important;padding:3px!important}.div-img{padding-top:.625rem;position:relative}.div-img .btn-img{cursor:pointer;text-align:center;border:none;border-radius:5px;font-size:1rem;position:absolute;top:1.875rem;left:90%;transform:translate(-50%,-50%)}.div-img .btn-img:hover{background-color:#000}.modal-header,.modal-content,.modal-footer{color:var(--text-color)}.alert>.start-icon{text-align:center;min-width:12.5rem;margin-right:.3125rem}.greencross{color:#25ff0b;text-shadow:none;font-size:1.125rem}.alert-simple.alert-success{color:#0ad406;text-shadow:2px 1px var(--color-dark);cursor:pointer;background-color:#0795421f;border:1px solid #24f10675;transition:all .5s;box-shadow:0 0 2px #259c08}.alert-success:hover{background-color:#07954259;transition:all .5s}.alert-simple.alert-info{border:1px solid var(--color-primary-transparent);background-color:var(--color-primary-transparent);box-shadow:0px 0px 2px var(--color-primary-hover);color:var(--color-primary-hover);text-shadow:2px 1px #00040a;cursor:pointer;transition:all .5s}.alert-info:hover{background-color:var(--color-primary-transparent);transition:all .5s}.blue-cross{color:var(--color-primary-hover);text-shadow:none;font-size:1.125rem}.alert-simple.alert-warning{color:#ffb103;text-shadow:2px 1px #00040a;cursor:pointer;background-color:#dc800129;border:1px solid #f18e06cf;transition:all .5s;box-shadow:0 0 2px #ffb103}.alert-warning:hover{background-color:#dc800154;transition:all .5s}.warning{color:#ffb40b;text-shadow:none;font-size:1.125rem}.alert-simple.alert-danger{background-color:var(--color-red-transparent);box-shadow:0px 0px 2px var(--color-red-hover);color:var(--color-red-hover);text-shadow:2px 1px var(--color-dark);cursor:pointer;border:1px solid #f10606cf;transition:all .5s}.alert-danger:hover{color:#fff;background-color:#7b0a02;transition:all .5s}.danger{color:var(--color-red-hover);text-shadow:none;font-size:1.125rem}.alert-simple.alert-primary{border:1px solid var(--color-primary-transparent);background-color:var(--color-primary-transparent);box-shadow:0px 0px 2px var(--color-primary-hover);color:var(--color-primary-hover);text-shadow:2px 1px var(--color-dark);cursor:pointer;transition:all .5s}.alert-primary:hover{background-color:var(--color-primary-transparent);transition:all .5s}.alertprimary{color:var(--color-primary-hover);text-shadow:none;font-size:1.125rem}.accordion-header.alert:before{content:"";border-right:4px solid;border-radius:3px;width:0;height:1.75rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.accordion-button:not(.collapsed):after{background-position:50%;border-radius:50%;padding:.75rem}.accordion-flush .accordion-collapse{margin-left:1.5rem}.alert-warning,.alert-danger,.alert-info{color:#000;font-size:14px;font-weight:400;line-height:17px}.fa-times{animation:2s infinite both blink-1}.animated{animation-duration:1s;animation-fill-mode:both;z-index:10000000!important}.modal-body{overflow-y:auto}.img-fluid{max-width:100%;height:auto}.dropdown-item{cursor:pointer!important}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes shadowBlink{0%{box-shadow:0 0 0 .3rem #0d6efd40}50%{box-shadow:none}to{box-shadow:0 0 0 .3rem #0d6efd40}}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px)rotateX(90deg)}40%{-webkit-transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px)rotateX(0)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}40%{transform:perspective(400px)rotateX(-10deg)}70%{transform:perspective(400px)rotateX(10deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{opacity:1;-webkit-transform:perspective(400px)rotateX(0)}to{opacity:0;-webkit-transform:perspective(400px)rotateX(90deg)}}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px)rotateX(0)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.cursor{cursor:pointer}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (width<=768px){.pagination{margin-right:0}#divPesan{width:95vw;position:fixed;bottom:.9375rem;right:.9375rem}.btn-label{display:none}#sidebar{top:0;left:0;transform:translate(0);z-index:1050!important;background:#0f1021!important;min-width:260px!important;max-width:260px!important;height:100dvh!important;transition:transform .35s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;box-shadow:4px 0 30px #0006!important}#sidebar .transbox{padding-bottom:80px!important}body.light-theme #sidebar{background:#f4f5f8!important;border-right:1px solid #00000014!important}#sidebar.hide{pointer-events:none;box-shadow:none!important;min-width:260px!important;max-width:260px!important;transform:translate(-100%)!important}.sidebar-overlay{z-index:1040;opacity:0;pointer-events:none;background:#00000073;width:calc(100vw - 260px);height:100dvh;transition:opacity .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:260px}.sidebar-overlay.active{opacity:1;pointer-events:auto;display:block}#sidebar .sidebar-header strong,#sidebar.hide .sidebar-header h3{display:none}#sidebar.hide .sidebar-header strong{display:block}.dropdown-toggle:after{transform:translate(50%)}.main-title{text-align:left;color:var(--text-color)!important}.div-table{min-height:60vh}.main-body{padding:.25rem .3rem!important}.div-content{border-radius:12px!important;margin-top:.25rem!important;margin-bottom:.25rem!important;padding:.75rem .6rem!important}.div-content:hover{transform:none!important}.main-body{overflow:hidden!important}.div-content{overflow:hidden auto!important}.div-table{-webkit-overflow-scrolling:touch;overflow:auto hidden!important}.navbar{padding:.3rem .6rem!important}.card,.glass-card-premium{border-radius:12px!important}.container-fluid{padding-left:.5rem!important;padding-right:.5rem!important}.row.g-3,.row.g-4{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}}.shadow1{box-shadow:0 3px 8px #0000003d}.shadow2{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.shadow3{box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d}.shadow4{box-shadow:0 20px 30px -10px #26394d}.shadow5{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.shadow6{box-shadow:0 30px 60px -12px #32325d40,0 1.125px 36px -18px #0000004d}.shadow7{box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017}.shadow8{box-shadow:0 30px 90px #0006}.shadow9{box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px #0003}#divPrint{visibility:hidden}@media print{body *{visibility:hidden}#divPrint,#divPrint *{visibility:visible}#divPrint{position:absolute;top:0;left:0}}.form-label{margin-bottom:.2rem!important;font-size:.8rem!important}.form-check-label{font-size:.8rem}.form-setting-table{grid-template-columns:1fr 1fr;display:grid}.bg-thead-grey{background:#f3f4f8!important;border-bottom:1px solid #0000!important}.bg-total-grey{letter-spacing:.01em;background:#d7dcfa;font-size:1rem;font-weight:600;line-height:1.2rem}@keyframes flipArrow{to{transform:rotate(-180deg)}}@keyframes modal-show{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=1200px){.dropdown-menu-lg-start[data-bs-popper]{left:-6rem;right:auto}.dropdown-item{width:3rem;padding-right:.25rem}.modal__setting{grid-template-columns:18rem auto}}@media (width<=1024px){.nav-profile{margin-right:2rem;padding-left:0}.modal__setting{grid-template-columns:1fr}.modal__setting .modal__setting-left{background-color:#d6edff;width:18rem;height:100%;transition:left .3s ease-in-out;position:absolute;left:-18rem}#btnExpandSidebar{display:block!important}}@media (width<=768px){#dropData{width:100%}.dropdown-toggle:after,#settLokasi{display:none}.dropdown-toggle:after{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.navbar .nav-container{justify-content:space-between}.nav-profile{margin-right:0;padding-right:0}}@media print{.cetak-modal *{visibility:visible}@page{size:A4 portrait}.cetak-modal{width:100%}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media print{.cetak-modal *{visibility:visible}@page{size:A4 portrait}.cetak-modal{width:100%}}.custom-toast{z-index:9999;border-radius:18px;align-items:flex-start;min-width:320px;max-width:450px;margin-bottom:16px;padding:18px 24px 18px 18px;transition:all .3s;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#ffffffb8!important;border:1px solid #fff9!important;border-left:6px solid #0d6efd!important;box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px #fff6!important}.toast-success{border-left-color:#198754}.toast-danger{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#0d6efd}.custom-toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:14px;display:flex}.custom-toast-icon i{font-size:26px}.toast-success .custom-toast-icon{color:#198754}.toast-danger .custom-toast-icon{color:#dc3545}.toast-warning .custom-toast-icon{color:#ffc107}.toast-info .custom-toast-icon{color:#0d6efd}.custom-toast-body{flex-grow:1}.custom-toast-title{color:#1d1d1f;margin-bottom:3px;font-size:16px;font-weight:700;display:block}.custom-toast-details{color:#48484a;margin:0;font-size:14px;line-height:1.5}.custom-toast-close{cursor:pointer;color:#86868b;background:0 0;border:none;margin-left:12px;padding:0;font-size:22px;line-height:1;transition:all .2s}.custom-toast-close:hover{color:#1d1d1f}.custom-toast-progress{opacity:.6;width:100%;height:4px;position:absolute;bottom:0;left:0}.toast-success .custom-toast-progress{background:#198754}.toast-danger .custom-toast-progress{background:#dc3545}.toast-warning .custom-toast-progress{background:#ffc107}.toast-info .custom-toast-progress{background:#0d6efd}body.dark-theme .custom-toast{background:#1e2032c7!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 40px #0006,inset 0 0 0 1px #ffffff14!important}body.dark-theme .custom-toast-title{color:#fff}body.dark-theme .custom-toast-details{color:#d1d1d6}body.dark-theme .custom-toast-close{color:#8e8e93}body.dark-theme .custom-toast-close:hover{color:#fff}#divPesan{z-index:99999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:20px;right:20px}#divPesan .custom-toast{pointer-events:auto}.dashboard-home-bg{-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border-radius:24px;transition:all .5s}body.dark-theme .dashboard-home-bg{background:#00000026}.glass-card-premium{-webkit-backdrop-filter:blur(25px)saturate(180%);background:#ffffff73;border:1px solid #ffffff80;border-radius:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;box-shadow:0 10px 40px #0000000a,inset 0 0 0 1px #fff6}body.dark-theme .glass-card-premium{background:#1e293b80;border:1px solid #ffffff14;box-shadow:0 15px 45px #0000004d}.glass-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000014}.soft-gradient-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;border:1px solid #ffffff80;border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.soft-gradient-card:hover{border-color:var(--color-primary-transparent);background:#fff9;transform:translate(4px);box-shadow:0 8px 20px #0000000f}body.dark-theme .soft-gradient-card{background:#ffffff08;border-color:#ffffff1a;box-shadow:0 4px 12px #0003}body.dark-theme .soft-gradient-card:hover{background:#ffffff0f;border-color:#fff3}.soft-gradient-card.blue{background:linear-gradient(135deg,#015cce14 0%,#015cce08 100%)}.soft-gradient-card.green{background:linear-gradient(135deg,#1e7e5d14 0%,#1e7e5d08 100%)}.icon-container-glass{width:52px;height:52px;color:var(--color-primary);background:#fff9;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;box-shadow:0 4px 15px #0000000d}body.dark-theme .icon-container-glass{background:#ffffff14;box-shadow:0 4px 20px #0003}.progress-soft{background:#0000000d;border-radius:12px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}body.dark-theme .progress-soft{background:#ffffff0d;box-shadow:inset 0 1px 3px #0000004d}.progress-soft-bar{background:linear-gradient(90deg, var(--color-primary) 0%, #3b82f6 100%);border-radius:12px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 15px #015cce33}.progress-soft-bar.bg-success{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)!important;box-shadow:0 0 15px #10b98133!important}.progress-soft-bar.bg-warning{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)!important;box-shadow:0 0 15px #f59e0b33!important}.progress-soft-bar.bg-danger{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%)!important;box-shadow:0 0 15px #ef444433!important}.progress-soft-bar:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);animation:2.5s infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.icon-step-onboarding{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;color:#fff!important}.icon-step-onboarding i{text-shadow:0 2px 10px #0003;z-index:2;font-size:28px!important}.icon-step-onboarding.primary{background:linear-gradient(135deg,#015cce 0%,#3b82f6 100%);box-shadow:0 8px 20px #015cce4d}.icon-step-onboarding.success{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 8px 20px #10b9814d}.icon-step-onboarding.info{background:linear-gradient(135deg,#06b6d4 0%,#22d3ee 100%);box-shadow:0 8px 20px #06b6d44d}.icon-step-onboarding.warning{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 8px 20px #f59e0b4d}.icon-step-onboarding:after{content:"";border-radius:inherit;background:inherit;filter:blur(12px);opacity:.4;z-index:1;position:absolute;inset:0}.icon-step-onboarding .step-number-badge{color:#000;z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 8px #0003}body.dark-theme .icon-step-onboarding .step-number-badge{color:#fff;background:#262626}.icon-step-onboarding:hover{filter:brightness(1.1);transform:scale(1.1)rotate(5deg)}.tutorial-item-modern{cursor:pointer;background:#ffffff4d;border:1px solid #fff6;border-radius:18px;padding:12px;transition:all .2s}body.dark-theme .tutorial-item-modern{background:#ffffff08;border-color:#ffffff14}.tutorial-item-modern:hover{background:#ffffff80;transform:scale(1.02)}body.dark-theme .tutorial-item-modern:hover{background:#ffffff14}.monitoring-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;background:#ffffff73;border:1px solid #fff6;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-theme .monitoring-card{background:#1e1e1e40!important;border:1px solid #ffffff0f!important}.monitoring-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000026}body.dark-theme .monitoring-card:hover{box-shadow:0 12px 20px -8px #00000080}.user-avatar-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;color:#007aff!important;background:#007aff1f!important;border:1px solid #007aff40!important;box-shadow:0 4px 12px -3px #007aff26!important}body.dark-theme .user-avatar-circle{color:#0a84ff!important;background:#0a84ff26!important;border:1px solid #0a84ff40!important;box-shadow:0 4px 12px -3px #0a84ff40!important}.user-avatar-circle i{color:inherit!important;font-size:24px!important}.avatar-status-dot{z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;background-color:#28a745!important;border:2px solid #fff!important}body.dark-theme .avatar-status-dot{background-color:#34d399!important;border-color:#1e1e2d!important}.activity-box{background:#00000008;border:1px solid #0000000f;border-radius:10px;padding:10px 12px;transition:all .2s}body.dark-theme .activity-box{background:#ffffff0a;border:1px solid #ffffff0d}.search-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;border:1px solid #ffffff4d;border-radius:15px}body.dark-theme .search-card{background:#1e1e1e73;border:1px solid #ffffff0f}.no-user-card{background:#ffffff59;border:1px solid #fff3;border-radius:16px}body.dark-theme .no-user-card{background:#1e1e1e59;border:1px solid #ffffff0d}.adaptive-text-primary{color:#007aff!important}body.dark-theme .adaptive-text-primary{color:#0a84ff!important}.active-users-badge{align-items:center;gap:8px;display:flex;color:#1e7e34!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#28a7451f!important;border:1px solid #28a74540!important;border-radius:12px!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:700!important;transition:all .25s!important;box-shadow:0 4px 12px -3px #28a74526!important}body.dark-theme .active-users-badge{color:#34d399!important;background:#34d3991f!important;border:1px solid #34d39940!important;box-shadow:0 4px 12px -3px #34d39933!important}.active-users-badge:hover{background:#28a7452e!important;transform:translateY(-1px)!important}body.dark-theme .active-users-badge:hover{background:#34d3992e!important}.live-pulse-dot{background-color:#28a745;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}body.dark-theme .live-pulse-dot{background-color:#34d399}.live-pulse-dot:after{content:"";background-color:inherit;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.24,0,.38,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.85;transform:scale(.95)}to{opacity:0;transform:scale(2.8)}}.file-upload-wrapper{border-color:rgba(var(--bs-primary-rgb,13, 110, 253), .5);background-color:rgba(var(--bs-primary-rgb,13, 110, 253), .03);cursor:pointer;border-style:dashed;border-width:2px;border-radius:12px;transition:all .3s}.file-upload-wrapper:hover{background-color:rgba(var(--bs-primary-rgb,13, 110, 253), .08);border-color:rgb(var(--bs-primary-rgb,13, 110, 253))}.file-upload-wrapper h5{font-size:.95rem;font-weight:600}.file-upload-wrapper i{margin-bottom:8px;font-size:3rem}@media (width<=576px){.modal-dialog{max-width:calc(100% - .7rem)!important;margin:.35rem!important}.modal-content{border-radius:8px!important}.modal-body{padding:.5rem .75rem!important}.modal-header,.modal-footer{padding:.75rem!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}