@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100%!important;height:100%!important;margin:0!important;padding:0!important}#root{width:100%!important;height:100%!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--login-primary: #1e293b;--login-primary-hover: #162030;--login-border: #94a3b8;--login-bg-input: #f8fafc;--login-bg-input-focus: #f1f5f9;--login-text-main: #0f172a;--login-text-muted: #64748b;--login-danger: #dc2626;--login-danger-bg: #fef2f2;--login-danger-border: #fca5a5;--footer-h: 72px}.login-container{display:flex!important;width:100%!important;height:100vh!important;height:100dvh!important;background:#f0f4f8!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.login-card{display:flex!important;flex-direction:column!important;width:100%!important;height:100vh!important;height:100dvh!important}.login-image-section{display:block!important;position:relative!important;width:100%!important;height:28vh!important;min-height:120px!important;max-height:220px!important;overflow:hidden!important;flex-shrink:0!important}.building-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;display:block!important}.image-overlay{position:absolute!important;inset:0!important;background:linear-gradient(to bottom,#0f172a1a,#0f172a73)!important;z-index:1!important}.mobile-title-bar,.mobile-login-title{display:none!important}.login-form-section{flex:1!important;width:100%!important;background:#fff!important;border-radius:18px 18px 0 0!important;margin-top:-18px!important;position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;padding:4vw 5vw 0!important;padding-bottom:calc(var(--footer-h) + 4px)!important;overflow-y:auto!important;box-shadow:0 -2px 16px #0f172a14!important}.form-container{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;flex:1!important}.logo-container{display:none!important}.login-title{display:block!important;font-size:clamp(2rem,5vw,2.35rem)!important;font-weight:800!important;color:var(--login-text-main)!important;margin-bottom:2.5vw!important;text-align:center!important;letter-spacing:-.03em!important;flex-shrink:0!important}.error-message{width:100%!important;background:var(--login-danger-bg)!important;border:1px solid var(--login-danger-border)!important;color:var(--login-danger)!important;padding:.4rem .65rem!important;border-radius:8px!important;margin-bottom:2vw!important;font-size:.74rem!important;font-weight:500!important;animation:login-slideDown .3s ease-out!important;line-height:1.4!important;flex-shrink:0!important}@keyframes login-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex!important;flex-direction:column!important;gap:1.8vh!important;width:100%!important;flex:1!important}.input-label{display:block!important;font-size:clamp(.68rem,2.8vw,.76rem)!important;font-weight:600!important;color:var(--login-text-main)!important;margin-bottom:.2rem!important}.input-group{width:100%!important;display:flex!important;flex-direction:column!important}.input-wrapper{position:relative!important;display:flex!important;align-items:center!important;background:var(--login-bg-input)!important;border:1.5px solid var(--login-border)!important;border-radius:9px!important;padding:0 .65rem!important;transition:background .2s,border-color .2s,box-shadow .2s!important;width:100%!important}.input-wrapper:focus-within{background:var(--login-bg-input-focus)!important;border-color:var(--login-primary)!important;box-shadow:0 0 0 3px #1e293b17!important}.input-icon{color:var(--login-text-muted)!important;flex-shrink:0!important;margin-right:.4rem!important}.form-input{flex:1!important;border:none!important;background:transparent!important;padding:1.5vh 0!important;font-size:16px!important;color:var(--login-text-main)!important;outline:none!important;min-width:0!important;font-family:inherit!important;-webkit-appearance:none!important}.form-input::placeholder{color:var(--login-text-muted)!important;font-size:clamp(.76rem,3vw,.84rem)!important}.form-input:disabled{cursor:not-allowed!important;opacity:.55!important}.toggle-password{background:none!important;border:none!important;color:var(--login-text-muted)!important;cursor:pointer!important;padding:.35rem 0 .35rem .4rem!important;display:flex!important;align-items:center!important;transition:color .2s!important;flex-shrink:0!important;-webkit-tap-highlight-color:transparent!important}.toggle-password:hover:not(:disabled){color:var(--login-primary)!important}.toggle-password:disabled{opacity:.45!important;cursor:not-allowed!important}.captcha-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;gap:1.5vh!important}.captcha-top-row{display:flex!important;gap:.4rem!important;height:5.5vh!important;min-height:34px!important;max-height:46px!important}.captcha-box-display{flex:1!important;background:#f1f5f9!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1.5px solid var(--login-border)!important}.captcha-box-display img{height:100%!important;width:100%!important;object-fit:cover!important}.captcha-btn-square{width:5.5vh!important;height:5.5vh!important;min-width:34px!important;max-width:46px!important;min-height:34px!important;max-height:46px!important;flex-shrink:0!important;background:#f1f5f9!important;border:1.5px solid var(--login-border)!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:var(--login-text-muted)!important;transition:background .2s,border-color .2s,color .2s!important;-webkit-tap-highlight-color:transparent!important}.captcha-btn-square svg{flex-shrink:0!important;width:20px!important;height:20px!important}.captcha-btn-square:hover:not(:disabled){background:#e2e8f0!important;border-color:#94a3b8!important;color:var(--login-primary)!important}.captcha-btn-square:disabled{opacity:.45!important;cursor:not-allowed!important}.loading-text{font-size:.72rem!important;color:var(--login-text-muted)!important;font-style:italic!important}.desktop-submit{display:none!important}.submit-footer{display:flex!important;align-items:center!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:var(--footer-h)!important;padding:.7rem 1.1rem!important;padding-bottom:calc(.7rem + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--login-border)!important;z-index:50!important}.submit-button{width:100%!important;background:var(--login-primary)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:.7rem 1.5rem!important;font-size:.9rem!important;font-weight:700!important;cursor:pointer!important;transition:background .2s,transform .15s,box-shadow .2s!important;letter-spacing:.01em!important;font-family:inherit!important;box-shadow:0 4px 14px #1e293b47!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important}.submit-button:hover:not(:disabled){background:var(--login-primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px #1e293b57!important}.submit-button:active:not(:disabled){transform:translateY(0)!important}.submit-button:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important;box-shadow:none!important}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:login-spin 1s linear infinite!important}@media(min-width:768px){.login-container{background:#fff!important}.login-card{flex-direction:row!important;width:100%!important;height:100vh!important;height:100dvh!important;overflow:hidden!important}.login-image-section{flex:1.1!important;height:100vh!important;height:100dvh!important;min-height:unset!important;max-height:none!important;overflow:hidden!important}.image-overlay{background:linear-gradient(160deg,#0f172a73,#1e293b40 60%,#0f172a26)!important}.login-form-section{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:0!important;margin-top:0!important;box-shadow:none!important;padding:2.5rem 2rem!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important}.form-container{width:100%!important;max-width:330px!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}.logo-container{display:block!important;text-align:center!important;margin-bottom:1.5rem!important;margin-top:-3rem!important}.logo{height:clamp(50px,10vw,70px)!important;width:auto!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.login-title{display:block!important;font-size:clamp(1.8rem,3.5vw,2.2rem)!important;text-align:center!important;margin-bottom:1.5rem!important;font-weight:800!important;color:var(--login-text-main)!important;letter-spacing:-.025em!important;width:100%!important}.input-label{display:none!important}.login-form{gap:.65rem!important;width:100%!important;align-items:stretch!important}.input-wrapper{border-radius:10px!important;padding:0 .875rem!important}.form-input{padding:.65rem 0!important;font-size:.875rem!important}.form-input::placeholder{font-size:.875rem!important}.captcha-top-row{height:42px!important;gap:.4rem!important}.captcha-btn-square{width:42px!important;height:42px!important;border-radius:8px!important}.captcha-box-display{border-radius:8px!important}.desktop-submit{display:block!important;padding:.72rem 2rem!important;font-size:.9rem!important;border-radius:10px!important;margin-top:.2rem!important}.submit-footer{display:none!important}}@media(min-width:1024px){.login-form-section{padding:2.5rem 2rem!important}.form-container{max-width:340px!important}.login-form{gap:.7rem!important}}@media(min-width:1440px){.login-image-section{flex:1.3!important}.form-container{max-width:350px!important}}@media(max-width:360px){.login-image-section{height:38vw!important;min-height:150px!important}.login-form-section{padding-left:1rem!important;padding-right:1rem!important}.login-title{font-size:1.25rem!important}}@media(max-height:580px)and (orientation:landscape)and (max-width:1023px){.login-image-section{display:none!important}.login-card{flex-direction:column!important}.login-form-section{border-radius:0!important;margin-top:0!important;box-shadow:none!important;padding:1rem 1.5rem!important;padding-bottom:calc(var(--footer-h) + .5rem)!important;min-height:100vh!important;min-height:100dvh!important}.login-title{font-size:1.15rem!important;margin-bottom:.75rem!important}.login-form{gap:.45rem!important}.form-input{padding:.5rem 0!important}.captcha-top-row{height:36px!important}.captcha-btn-square{width:36px!important;height:36px!important}.submit-footer{display:flex!important}.desktop-submit{display:none!important}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.login-image-section{flex:.85!important;display:block!important}.login-form-section{padding:1.5rem 1.75rem!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.building-image{image-rendering:-webkit-optimize-contrast!important}}:root{--sidebar-width: 240px;--sidebar-bg: #273447;--sidebar-text: #ecf0f1;--sidebar-hover: #34495e;--sidebar-active: #34495e;--main-bg: #f0f4f8;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--header-height: 64px;--bottom-nav-h: 62px}html,body{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}.dashboard-container{display:flex;min-height:100vh;background:var(--main-bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;width:100%}.submenu{margin-left:2.5rem;display:flex;flex-direction:column;gap:.25rem;animation:fadeSlide .2s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-item{background:transparent;border:none;color:#ecf0f1d9;text-align:left;padding:.35rem 0;font-size:.85rem;cursor:pointer;transition:color .2s;font-family:inherit}.submenu-item:hover{color:#fff}.submenu-item.active{color:#fff;font-weight:600;position:relative;padding-left:.5rem}.submenu-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:#fff;border-radius:2px}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:1.5rem 0;z-index:1100;box-shadow:4px 0 12px #0000001a;transition:transform .3s ease;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1050;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}.sidebar-logo{margin:0 1.2rem 2rem;padding:1rem 1.5rem;background:#ffffff1a;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img{height:50px;width:auto;object-fit:contain}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--sidebar-text);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit}.nav-item:hover{background:var(--sidebar-hover);transform:translate(4px)}.nav-item.active{background:var(--sidebar-active);font-weight:600}.nav-icon{flex-shrink:0;opacity:.9}.nav-label{flex:1}.nav-arrow{flex-shrink:0;opacity:.6;transition:transform .2s}.nav-arrow.open{transform:rotate(180deg)}.sidebar-bottom{padding:1rem 1rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.logout-btn{color:#e74c3c}.logout-btn:hover{background:#e74c3c1a}.main-content{flex:1;margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));display:flex;flex-direction:column;min-height:100vh}.top-header{position:fixed;top:0;right:0;width:calc(100% - var(--sidebar-width));height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;z-index:900;box-shadow:0 2px 8px #0000000d}.header-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:.4rem;border-radius:8px;align-items:center;justify-content:center;transition:background .2s;-webkit-tap-highlight-color:transparent}.header-hamburger:hover{background:var(--main-bg)}.header-page-title{display:none;font-size:1rem;font-weight:700;color:var(--text-primary);flex:1;margin:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:1.25rem}.icon-btn{position:relative;background:transparent;border:none;padding:.5rem;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.icon-btn:hover{background:var(--main-bg);color:var(--text-primary)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:10px;cursor:pointer;transition:background .2s}.user-profile:hover{background:var(--main-bg)}.user-avatar{width:36px;height:36px;border-radius:50%;background:#273447;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-name{font-weight:500;color:var(--text-primary);font-size:.95rem}.content-area{flex:1;background:var(--main-bg);width:100%;overflow-x:hidden;padding-top:var(--header-height)}.bottom-nav{display:none}@media(max-width:1024px){:root{--sidebar-width: 200px}.nav-label{font-size:.875rem}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #00000040}.main-content{margin-left:0!important;width:100%!important}.top-header{width:100%!important;padding:0 1rem!important;justify-content:space-between!important}.header-hamburger{display:flex}.header-page-title{display:block}.user-name{display:none}.user-profile{padding:.4rem;gap:0}}@media(max-width:768px)and (orientation:landscape){:root{--bottom-nav-h: 52px}}.theme-staff .sidebar{background:#15803d!important}.theme-staff .nav-item:hover{background:#166534!important}.theme-staff .nav-item.active{background:#22c55e!important}.theme-staff .user-avatar{background:#15803d!important}.theme-staff .submenu-item.active:before{background:#22c55e!important}.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){-webkit-user-select:none;user-select:none}.tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{justify-content:center;inset:4px 0 auto}.tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block;padding-top:1em}.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none}.tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%}.tabulator .tabulator-tableholder:focus{outline:none}.tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%}.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%}.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal}.tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap}.tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px}.tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff}.tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px}.tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px}.tabulator .tabulator-footer .tabulator-page-counter{font-weight:400}.tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-pages{margin:0 7px}.tabulator .tabulator-footer .tabulator-page{background:#fff3;border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-page.active{color:#d00}.tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:#0003;color:#fff;cursor:pointer}}.tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11}@media(hover:hover)and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize}}.tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px}.tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px}.tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%}.tabulator .tabulator-alert{align-items:center;background:#0006;display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{border:4px solid #333;color:#000}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid #d00;color:#590000}.tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative}.tabulator-row.tabulator-row-even{background-color:#efefef}@media(hover:hover)and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer}}.tabulator-row.tabulator-selected{background-color:#9abcea}@media(hover:hover)and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer}}.tabulator-row.tabulator-row-moving{background:#fff;border:1px solid #000}.tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15}.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000}.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff}.tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0}.tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0}@media(hover:hover)and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}}.tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px}.tabulator-row .tabulator-responsive-collapse:empty{display:none}.tabulator-row .tabulator-responsive-collapse table{font-size:14px}.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px}.tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999}.tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0}.tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none}.tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00}.tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00}.tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea}.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:#0000001a;border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media(hover:hover)and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:#0003;cursor:pointer}}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px}@media(hover:hover)and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7}}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none}.tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px}.tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media(hover:hover)and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:#0000001a;cursor:pointer}}.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px}.tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px}.tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px}.tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px}.tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px}.tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block}.tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-row.tabulator-group span{color:#d00;margin-left:10px}.tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row}.tabulator-toggle.tabulator-toggle-on{background:#1c6cc2}.tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box}.tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px #0003;box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000}.tabulator-popup{border-radius:3px;padding:5px}.tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:min(500px,100%);padding:3px 5px;pointer-events:none}.tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;-webkit-user-select:none;user-select:none}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5}@media(hover:hover)and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer}}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px}.tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa}.tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto}.tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px}.tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff}.tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)}.tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd}@media(hover:hover)and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer}}.tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center}.tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{padding-left:12px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{padding-left:20px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{padding-left:28px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{padding-left:36px}.tabulator.tabulator-ltr{direction:ltr}.tabulator.tabulator-rtl{direction:rtl;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto}.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px}.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial}.tabulator-print-fullscreen{inset:0;position:absolute;z-index:10000}body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important}.tabulator-print-table{border-collapse:collapse}.tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media(hover:hover)and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:#0000001a;cursor:pointer}}.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important}.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block}.tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px}.tabulator-print-table .tabulator-data-tree-control{align-items:center;background:#0000001a;border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media(hover:hover)and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:#0003;cursor:pointer}}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.dashboard-home{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important;box-sizing:border-box!important}.dashboard-home.theme-admin{--theme-primary: #1e293b;--theme-primary-dark: #162030;--theme-shadow: rgba(30, 41, 59, .3);--theme-focus-ring: rgba(30, 41, 59, .09)}.dashboard-home.theme-staf{--theme-primary: #15803d;--theme-primary-dark: #166534;--theme-shadow: rgba(21, 128, 61, .3);--theme-focus-ring: rgba(21, 128, 61, .09)}.dashboard-home .master-barang-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.dashboard-home .header-left{flex:1!important}.dashboard-home .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.dashboard-home .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.dashboard-home .mb-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.dashboard-home .mb-error p{margin:0!important}.dashboard-home .dh-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.dashboard-home .dh-stat-card{flex:1!important;min-width:140px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;padding:.65rem .85rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #0f172a0d!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}.dashboard-home .dh-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 16px #0f172a1a!important;transform:translateY(-1px)!important}.dashboard-home .dh-stat-icon-wrap{width:40px!important;height:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.dashboard-home .dh-stat-body{display:flex!important;flex-direction:column!important;gap:.1rem!important;min-width:0!important}.dashboard-home .dh-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:-.02em!important}.dashboard-home .dh-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.dashboard-home .dh-section-header{margin-bottom:.75rem!important}.dashboard-home .dh-section-title-wrap{display:flex!important;align-items:center!important;gap:.45rem!important;margin-bottom:.15rem!important}.dashboard-home .dh-section-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--theme-primary, #1e293b)!important;flex-shrink:0!important}.dashboard-home .dh-section-title{font-size:1rem!important;font-weight:800!important;color:#1a2332!important;margin:0!important;letter-spacing:-.02em!important}.dashboard-home .dh-section-sub{font-size:.8rem!important;color:#a0aec0!important;margin:0!important;font-weight:500!important;padding-left:1.3rem!important}.dashboard-home .mk-action-bar{display:flex!important;width:100%!important;align-items:center!important;gap:.5rem!important;margin-bottom:.5rem!important}.dashboard-home .mk-search-box{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;padding:0 .75rem!important;height:38px!important;transition:border-color .2s ease,box-shadow .2s ease!important}.dashboard-home .mk-search-box:focus-within{border-color:var(--theme-primary, #1e293b)!important;box-shadow:0 0 0 3px var(--theme-focus-ring, rgba(30,41,59,.1))!important}.dashboard-home .mk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.5rem!important}.dashboard-home .mk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.875rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important;min-width:0!important}.dashboard-home .mk-search-input::placeholder{color:#a0aec0!important}.dashboard-home .mk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.dashboard-home .mk-search-clear:hover{color:var(--theme-primary, #1e293b)!important}.dashboard-home .btn-filter-wrapper{position:relative!important}.dashboard-home .btn-filter{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.dashboard-home .btn-filter:hover{background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.dashboard-home .btn-filter--active{border-color:#1e293b!important;background:#f8fafc!important;color:#1e293b!important}.dashboard-home .btn-filter--has-active{border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.dashboard-home .btn-filter--has-active:hover{background:#e2e8f0!important}.dashboard-home .filter-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:#1e293b!important;color:#fff!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important}.dashboard-home .filter-chevron{display:inline-flex!important;transition:transform .2s ease!important;opacity:.6!important}.dashboard-home .filter-chevron--open{transform:rotate(180deg)!important}.dashboard-home .filter-panel{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;z-index:200!important;width:310px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 28px #0000001a,0 2px 8px #0000000f!important;animation:filterPanelIn .15s ease!important;overflow:hidden!important}.dashboard-home .filter-panel-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1rem .55rem!important;border-bottom:1px solid #f1f5f9!important}.dashboard-home .filter-panel-title{font-size:.8rem!important;font-weight:700!important;color:#1e293b!important;text-transform:uppercase!important;letter-spacing:.05em!important}.dashboard-home .filter-reset-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;cursor:pointer!important;font-size:.75rem!important;font-weight:500!important;color:#ef4444!important;padding:2px 6px!important;border-radius:6px!important;transition:background .15s!important;font-family:inherit!important}.dashboard-home .filter-reset-btn:hover{background:#fef2f2!important}.dashboard-home .filter-panel-body{padding:.75rem 1rem!important;display:flex!important;flex-direction:column!important;gap:.75rem!important}.dashboard-home .filter-field{display:flex!important;flex-direction:column!important;gap:.3rem!important}.dashboard-home .filter-label{font-size:.72rem!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important}.dashboard-home .filter-toggle-group{display:flex!important;flex-wrap:wrap!important;gap:.35rem!important}.dashboard-home .filter-toggle-btn{flex:1!important;min-width:fit-content!important;height:30px!important;border:1.5px solid #e2e8f0!important;border-radius:7px!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;background:#f8fafc!important;color:#64748b!important;transition:all .15s ease!important;font-family:inherit!important;padding:0 .55rem!important;white-space:nowrap!important}.dashboard-home .filter-toggle-btn:hover{border-color:#94a3b8!important;color:#1e293b!important}.dashboard-home .filter-toggle-btn--active{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important}.dashboard-home .filter-chips{display:flex!important;flex-wrap:wrap!important;gap:.35rem!important;padding:.55rem 1rem .75rem!important;border-top:1px solid #f1f5f9!important}.dashboard-home .filter-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 8px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:999px!important;font-size:.72rem!important;font-weight:600!important;color:#1e293b!important;white-space:nowrap!important}.dashboard-home .filter-chip button{display:inline-flex!important;align-items:center!important;background:none!important;border:none!important;cursor:pointer!important;padding:0!important;color:#93c5fd!important;transition:color .12s!important;line-height:1!important}.dashboard-home .filter-chip button:hover{color:#1e293b!important}@media(max-width:768px){.dashboard-home .btn-filter-wrapper{flex:1!important}.dashboard-home .btn-filter{width:100%!important;justify-content:center!important;height:38px!important;font-size:.8rem!important}.dashboard-home .filter-panel{width:calc(100vw - 2rem)!important;right:auto!important;left:0!important}}.dashboard-home.theme-staf .btn-filter:hover{border-color:#22c55e!important;color:#15803d!important}.dashboard-home.theme-staf .btn-filter--active{border-color:#15803d!important;background:#f0fdf4!important;color:#15803d!important}.dashboard-home.theme-staf .btn-filter--has-active{border-color:#22c55e!important;color:#15803d!important;background:#f0fdf4!important}.dashboard-home.theme-staf .btn-filter--has-active:hover{background:#dcfce7!important}.dashboard-home.theme-staf .filter-badge{background:#15803d!important}.dashboard-home.theme-staf .filter-toggle-btn--active{background:#15803d!important;border-color:#15803d!important}.dashboard-home.theme-staf .filter-select:focus,.dashboard-home.theme-staf .filter-date-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.dashboard-home .mk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;margin-bottom:.75rem!important}.dashboard-home .mk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important;font-size:.875rem!important;background:transparent!important}.dashboard-home .mk-table-wrapper .tabulator-header{background:var(--theme-primary, #1e293b)!important;border-bottom:2px solid var(--theme-primary-dark, #162030)!important;border-radius:0!important}.dashboard-home .mk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.08)!important}.dashboard-home .mk-table-wrapper .tabulator-col-title{color:#f1f5f9!important;font-weight:700!important;font-size:.8rem!important;letter-spacing:.02em!important;text-transform:uppercase!important}.dashboard-home .mk-table-wrapper .tabulator-sortable .tabulator-col-title:after,.dashboard-home .mk-table-wrapper .tabulator-col-sorter{filter:brightness(10)!important;opacity:.5!important}.dashboard-home .mk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s!important}.dashboard-home .mk-table-wrapper .tabulator-row:hover{background:#f8fafc!important}.dashboard-home .mk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.dashboard-home .mk-table-wrapper .tabulator-cell{border-right:1px solid #f1f5f9!important;padding:.6rem .75rem!important;color:#374151!important;vertical-align:middle!important}.dashboard-home .mk-table-wrapper .tabulator-cell:last-child{border-right:none!important}.dashboard-home .mk-table-wrapper .tabulator-frozen.tabulator-frozen-left{box-shadow:4px 0 8px #0000000f!important}.dashboard-home .mk-table-wrapper .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.dashboard-home .mk-loading{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#ffffffd1!important;z-index:10!important;gap:.65rem!important;border-radius:12px!important}.dashboard-home .mk-loading p{font-size:.875rem!important;font-weight:500!important;color:#4a5568!important;margin:0!important}.dashboard-home .mk-spinner{width:32px!important;height:32px!important;border:3px solid #e2e8f0!important;border-top-color:var(--theme-primary, #1e293b)!important;border-radius:50%!important;animation:dh-spin .75s linear infinite!important}@keyframes dh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sk-badge{display:inline-block!important;padding:.2rem .6rem!important;border-radius:999px!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.02em!important;white-space:nowrap!important}.sk-ada{background:#dcfce7!important;color:#15803d!important}.sk-servis{background:#fef9c3!important;color:#a16207!important}.sk-rusak{background:#fee2e2!important;color:#b91c1c!important}.sk-hilang{background:#f3e8ff!important;color:#7e22ce!important}.sk-baik{background:#dbeafe!important;color:#1d4ed8!important}.sk-krusak{background:#ffedd5!important;color:#c2410c!important}.sk-default{background:#f1f5f9!important;color:#64748b!important}.ket-badge{display:inline-block!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important}.ket-masuk{background:#dcfce7!important;color:#15803d!important}.ket-rusak{background:#fee2e2!important;color:#b91c1c!important}.ket-pindah{background:#dbeafe!important;color:#1d4ed8!important}.ket-servis{background:#fef3c7!important;color:#92400e!important}.ket-default{background:#f1f5f9!important;color:#475569!important}.dashboard-home .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;flex-wrap:wrap!important;padding-top:.5rem!important}.dashboard-home .pagination-page-size{display:flex!important;align-items:center!important;gap:.4rem!important}.dashboard-home .pagination-label{font-size:.82rem!important;color:#64748b!important;font-weight:500!important;white-space:nowrap!important}.dashboard-home .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:var(--theme-primary, #1e293b)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .2s ease!important;min-width:66px!important;font-family:inherit!important}.dashboard-home .pagination-size-select:hover{background-color:var(--theme-primary-dark, #162030)!important}.dashboard-home .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.dashboard-home .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:8px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.dashboard-home .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.dashboard-home .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .35rem!important}.dashboard-home .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.dashboard-home .pag-btn-num{background:transparent!important;color:#64748b!important}.dashboard-home .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.dashboard-home .pag-btn-num.pag-active{background:var(--theme-primary, #1e293b)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px var(--theme-shadow, rgba(30,41,59,.3))!important}.dashboard-home .pag-btn-num.pag-active:hover{background:var(--theme-primary-dark, #162030)!important}.dashboard-home .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:1024px){.dashboard-home .dh-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}}@media(max-width:768px){.dashboard-home{padding:1rem!important}.dashboard-home .master-barang-header{flex-direction:column!important;align-items:flex-start!important}.dashboard-home .dh-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.dashboard-home .mk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.dashboard-home .mk-table-wrapper .tabulator{min-width:680px!important}.dashboard-home .pagination-bar{justify-content:center!important}.dashboard-home .pag-btn-num:not(.pag-active){display:none!important}.dashboard-home .pag-dots{display:none!important}}@media(max-width:480px){.dashboard-home{padding:.875rem!important}.dashboard-home .page-title{font-size:1.35rem!important}.dashboard-home .dh-stats{gap:.5rem!important}.dashboard-home .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.dashboard-home.theme-staf .mk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.dashboard-home.theme-staf .mk-search-clear:hover{color:#15803d!important}.dashboard-home.theme-staf .mk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.dashboard-home.theme-staf .pagination-size-select{background-color:#15803d!important}.dashboard-home.theme-staf .pagination-size-select:hover{background-color:#166534!important}.dashboard-home.theme-staf .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.dashboard-home.theme-staf .pag-btn-num.pag-active:hover{background:#166534!important}.dashboard-home.theme-staf .dh-section-dot{background:#15803d!important}.rp-page{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#1a2332}.rp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.rp-header-left{flex:1}.rp-header h1{font-size:1.5rem;font-weight:800;color:#1a2332;margin:0 0 .15rem;letter-spacing:-.03em}.rp-header-sub{font-size:.85rem;color:#718096;margin:0;font-weight:500}.rp-selector-card{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.rp-selector-label{font-size:.82rem;font-weight:600;color:#64748b;white-space:nowrap}.rp-select-wrap{position:relative;display:inline-flex;align-items:center}.rp-select{appearance:none;-webkit-appearance:none;background-color:#1e293b;color:#fff;border:none;border-radius:8px;padding:.4rem 2rem .4rem .85rem;font-size:.858rem;font-weight:600;cursor:pointer;outline:none;min-width:160px;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;transition:background-color .18s ease}.rp-select:hover:not(:disabled){background-color:#162030}.rp-select:disabled{opacity:.5;cursor:not-allowed}.rp-role-badge{display:inline-flex;align-items:center;gap:5px;padding:.22rem .65rem;background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.rp-table-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:.75rem}.rp-table-toolbar{padding:.6rem 1rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f8fafc;flex-wrap:wrap;min-height:46px}.rp-toolbar-info{display:flex;align-items:center;gap:8px}.rp-toolbar-right{display:flex;align-items:center;gap:.5rem}.rp-dirty-indicator{font-size:.78rem;color:#b45309;font-weight:600;background:#fffbeb;border:1.5px solid #fde68a;border-radius:6px;padding:.2rem .6rem}.rp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rp-table{width:100%;border-collapse:collapse;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.875rem;background:transparent}.rp-table thead tr{background:#1e293b;border-bottom:2px solid #162030}.rp-table thead th{padding:.65rem .75rem;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#f1f5f9;text-align:center;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;-webkit-user-select:none;user-select:none}.rp-table thead th:first-child{text-align:left;padding-left:1rem;min-width:200px}.rp-table thead th:last-child{border-right:none}.rp-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.rp-table tbody tr:last-child{border-bottom:none}.rp-table tbody tr:hover{background:#f8fafc}.rp-table tbody tr.rp-row-even{background:#fafbfc}.rp-table tbody tr.rp-row-even:hover{background:#f8fafc}.rp-td-module{padding:.6rem .75rem .6rem 1rem;text-align:left;border-right:1px solid #f1f5f9}.rp-module-name{font-weight:600;color:#1a2332;font-size:.875rem}.rp-module-code{font-family:Courier New,monospace;font-size:.72rem;color:#a0aec0;margin-top:2px;letter-spacing:.01em}.rp-td-check{padding:.6rem .75rem;text-align:center;border-right:1px solid #f1f5f9}.rp-td-check:last-child{border-right:none}.rp-checkbox-wrap{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.rp-checkbox-wrap input[type=checkbox]{display:none}.rp-checkbox{width:19px;height:19px;border-radius:5px;border:1.5px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.rp-checkbox-wrap:hover .rp-checkbox{border-color:#64748b;background:#f1f5f9}.rp-checkbox-wrap input:checked+.rp-checkbox{background:#1e293b;border-color:#1e293b}.rp-checkbox-wrap input:checked+.rp-checkbox svg{display:block}.rp-checkbox svg{display:none;width:11px;height:11px;color:#fff;flex-shrink:0}.rp-action-bar{padding:.65rem 1rem;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f8fafc;flex-wrap:wrap}.rp-action-hint{font-size:.78rem;color:#a0aec0;display:flex;align-items:center;gap:5px;font-weight:500}.rp-btn{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .8rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;font-family:inherit;border:none}.rp-btn:disabled{opacity:.5;pointer-events:none}.rp-btn-primary{background:#1e293b;color:#fff;box-shadow:0 2px 6px #1e293b47}.rp-btn-primary:hover{background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.rp-btn-primary:active{transform:translateY(0)}.rp-btn-ghost{background:#fff;color:#4a5568;border:1.5px solid #e2e8f0}.rp-btn-ghost:hover:not(:disabled){background:#f4f7fa;border-color:#94a3b8;transform:translateY(-1px)}.rp-btn .rp-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rp-spin .75s linear infinite;flex-shrink:0}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-skeleton-row{display:flex;align-items:center;gap:16px;padding:.6rem 1rem;border-bottom:1px solid #f1f5f9}.rp-skel{border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:rp-shimmer 1.4s infinite}@keyframes rp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rp-state-box{padding:3rem 1.5rem;text-align:center;color:#a0aec0}.rp-state-box svg{margin-bottom:12px;opacity:.35}.rp-state-box p{font-size:.9rem;font-weight:500;margin:0;color:#a0aec0}.rp-toast-wrap{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.rp-toast{display:flex;align-items:center;gap:10px;padding:.7rem 1rem;border-radius:8px;font-size:.858rem;font-weight:600;box-shadow:0 4px 16px #1e293b2e;animation:rp-toastIn .22s ease;pointer-events:auto;max-width:320px;font-family:Segoe UI,system-ui,sans-serif}.rp-toast.success{background:#1e293b;color:#86efac;border:1px solid rgba(16,185,129,.2)}.rp-toast.error{background:#1e293b;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}@keyframes rp-toastIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.rp-page{padding:1rem}.rp-header,.rp-selector-card{flex-direction:column;align-items:flex-start}.rp-select{min-width:100%}.rp-table thead th:first-child{min-width:140px}.rp-table thead th,.rp-td-check{padding:.55rem .5rem}.rp-td-module{padding:.55rem .6rem}.rp-action-bar{padding:.6rem .75rem}.rp-table-toolbar{padding:.5rem .75rem}}.theme-staff .rp-btn-primary{background:#15803d;box-shadow:0 2px 6px #15803d47}.theme-staff .rp-btn-primary:hover{background:#166534;box-shadow:0 4px 14px #15803d52}.theme-staff .rp-table thead tr{background:#15803d;border-bottom:2px solid #166534}.theme-staff .rp-select{background-color:#15803d}.theme-staff .rp-select:hover:not(:disabled){background-color:#166534}.theme-staff .rp-checkbox-wrap input:checked+.rp-checkbox{background:#15803d;border-color:#15803d}.ap-wrapper{display:flex;justify-content:center;align-items:flex-start;height:90vh;overflow:hidden;background-color:#f0f2f5;padding:2rem;box-sizing:border-box}.ap-card{background:#fff;width:100%;height:100%;border-radius:14px;box-shadow:0 1px 3px #0000000a,0 4px 20px #0000000f;display:flex;flex-direction:column;overflow:hidden}.ap-header{padding:20px 24px 0;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.ap-title-row{margin-bottom:14px}.ap-title{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.ap-subtitle{margin:3px 0 0;font-size:.9rem;color:#94a3b8}.ap-stats-row{display:flex;gap:10px;margin-bottom:14px}.ap-stat-card{flex:1;padding:10px 13px;border-radius:10px;border:1px solid #e8edf3;display:flex;align-items:center;gap:10px;min-width:0;transition:border-color .15s ease,box-shadow .15s ease}.ap-stat-card:hover{border-color:#c5d0de;box-shadow:0 2px 8px #0000000d}.ap-stat-card[data-key=today]{background:#f0f9ff}.ap-stat-card[data-key=week]{background:#f0fdf4}.ap-stat-card[data-key=month]{background:#fff7ed}.ap-stat-card[data-key=total]{background:#faf5ff}.ap-stat-icon-box{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ap-stat-card[data-key=today] .ap-stat-icon-box{background:#dbeafe;color:#3b82f6}.ap-stat-card[data-key=week] .ap-stat-icon-box{background:#dcfce7;color:#22c55e}.ap-stat-card[data-key=month] .ap-stat-icon-box{background:#ffedd5;color:#f97316}.ap-stat-card[data-key=total] .ap-stat-icon-box{background:#f3e8ff;color:#a855f7}.ap-stat-value{margin:0;font-size:1.4rem;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em}.ap-stat-label{margin:2px 0 0;font-size:.78rem;color:#94a3b8;white-space:nowrap;font-weight:500}.ap-filter-bar{display:flex;align-items:center;gap:8px;padding-bottom:13px;flex-wrap:wrap}.ap-search-box{position:relative;display:flex;align-items:center;flex:1;min-width:180px}.ap-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none;display:flex;align-items:center}.ap-search-input{width:100%;padding:7px 12px 7px 32px;font-size:.9rem;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;color:#1a2332;background:#f8fafc;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;font-family:inherit}.ap-search-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17;background:#fff}.ap-search-input::placeholder{color:#94a3b8}.ap-filter-group{display:flex;gap:4px;flex-shrink:0}.ap-filter-btn{padding:6px 12px;font-size:.85rem;font-weight:500;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;white-space:nowrap;background:#f8fafc;color:#64748b;transition:all .15s ease;font-family:inherit}.ap-filter-btn:hover{border-color:#94a3b8;color:#1e293b;background:#f1f5f9}.ap-filter-btn.active{background:#1e293b;border-color:#1e293b;color:#fff;font-weight:600}.ap-date-input{padding:6px 10px;font-size:.8rem;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;color:#1a2332;background:#f8fafc;cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.ap-date-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.ap-result-count{font-size:.8rem;color:#94a3b8;padding-bottom:4px;display:block}.ap-scroll-area{flex:1;overflow-y:auto;padding:0 24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.ap-scroll-area::-webkit-scrollbar{width:5px}.ap-scroll-area::-webkit-scrollbar-track{background:transparent}.ap-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ap-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ap-group-header{display:flex;align-items:center;gap:10px;padding:14px 0 7px;position:sticky;top:0;background:#fff;z-index:1}.ap-group-label{margin:0;font-size:.76rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.ap-group-divider{flex:1;height:1px;background:#e8edf3}.ap-group-count{font-size:.76rem;color:#c4c9d4;white-space:nowrap}.ap-act-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:14px}.ap-act-item:last-child{border-bottom:none}.ap-avatar{background:#eff6ff;color:#3b82f6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;min-width:0}.ap-text-col{display:flex;flex-direction:column;gap:2px;min-width:0}.ap-name{margin:0;font-weight:600;font-size:.95rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-action{margin:0;font-size:.875rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ap-time-col{font-size:.82rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}.ap-loading-wrap{padding:48px 24px;text-align:center;color:#94a3b8;font-size:.875rem}.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#94a3b8;gap:8px}.ap-empty-icon{width:44px;height:44px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ap-empty-title{margin:0;font-size:.9rem;font-weight:600;color:#64748b}.ap-empty-sub{margin:0;font-size:.82rem;color:#94a3b8}.ap-sentinel{padding:20px 0;display:flex;justify-content:center;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem}.ap-end-label{padding:20px 0;text-align:center;font-size:.82rem;color:#c4c9d4}@keyframes ap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-spinner{animation:ap-spin 1s linear infinite}@media(max-width:768px){.ap-wrapper{padding:0;height:100vh;height:100dvh}.ap-card{height:100%;border-radius:0;max-width:100%}.ap-header{padding:14px 16px 0}.ap-scroll-area{padding:0 16px}.ap-stats-row{gap:6px}.ap-stat-card{padding:8px 10px;gap:8px}.ap-stat-value{font-size:1.1rem}.ap-stat-label{font-size:.65rem}.ap-stat-icon-box{width:28px;height:28px}.ap-filter-group{flex-wrap:wrap}.ap-filter-btn{padding:5px 9px;font-size:.75rem}}.theme-staff .ap-stat-card[data-key=today] .ap-stat-icon-box{background:#dcfce7;color:#22c55e}.theme-staff .ap-search-input:focus{border-color:#15803d;box-shadow:0 0 0 3px #15803d17}.theme-staff .ap-filter-btn:hover{color:#15803d}.theme-staff .ap-filter-btn.active{background:#15803d;border-color:#15803d}.theme-staff .ap-date-input:focus{border-color:#15803d;box-shadow:0 0 0 3px #15803d17}.theme-staff .ap-avatar{background:#f0fdf4;color:#22c55e}.modal-tambah-kategori-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-kategori-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mtk-fadeIn .2s ease-out}.modal-tambah-kategori{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mtk-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-kategori{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd}.modal-title-kategori{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-kategori{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-kategori svg{display:block!important;pointer-events:none!important}.btn-close-kategori:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-kategori{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-form-kategori::-webkit-scrollbar{width:5px}.modal-form-kategori::-webkit-scrollbar-track{background:transparent}.modal-form-kategori::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-kategori::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-kategori{display:flex;flex-direction:column;gap:.4rem}.form-label-kategori{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-label-kategori .required{color:#dc2626;margin-left:2px}.form-input-kategori{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-kategori:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-kategori:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-kategori:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-kategori::placeholder{color:#c4cdd9}.form-select-kategori{cursor:pointer;appearance:none;padding-right:2.5rem}.form-select-kategori:hover:not(:disabled){border-color:#cbd5e1}.select-wrapper-kategori{position:relative;display:flex;align-items:center}.select-icon-kategori{position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(90deg);pointer-events:none;color:#94a3b8;flex-shrink:0}.form-textarea-kategori{resize:vertical;min-height:76px;font-family:inherit;line-height:1.55}.modal-footer-kategori{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-kategori,.btn-simpan-kategori{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-kategori{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-kategori:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-kategori{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-kategori:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-kategori:disabled,.btn-simpan-kategori:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes mtk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mtk-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-tambah-kategori{width:95%;max-width:95%}.modal-header-kategori{padding:1rem 1.25rem}.modal-form-kategori{padding:1.125rem 1.25rem 1.25rem}.modal-title-kategori{font-size:.95rem}}@media(max-width:480px){.modal-tambah-kategori{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-kategori{flex-direction:column-reverse}.btn-batal-kategori,.btn-simpan-kategori{width:100%;padding:.7rem}.form-input-kategori{font-size:16px}@keyframes mtk-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .form-input-kategori:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.theme-staff .form-checkbox-label:has(input:checked){border-color:#15803d!important;background:#f0fdf4!important;color:#0f172a!important}.theme-staff .btn-simpan-kategori{background:#15803d!important;box-shadow:0 1px 4px #15803d33!important}.theme-staff .btn-simpan-kategori:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 12px #15803d47!important}.modal-detail-kategori-wrapper{position:fixed!important;inset:0!important;z-index:9998!important}.modal-detail-kategori-wrapper .mdk-backdrop{position:fixed!important;inset:0!important;background:#0a12208c!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:9998!important;animation:mdk-fadeIn .2s ease-out!important}.modal-detail-kategori{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:680px!important;max-height:88vh!important;background:#fff!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0a122038!important;z-index:9999!important;animation:mdk-slideUp .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-header-detail{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;background:#fafbfd!important;flex-shrink:0!important}.modal-title-detail{font-size:1.125rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important}.btn-close-detail{width:34px!important;height:34px!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,transform .25s ease,color .2s ease!important;flex-shrink:0!important;padding:0!important}.btn-close-detail svg{display:block!important;pointer-events:none!important}.btn-close-detail:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.detail-tabs{display:flex!important;gap:.25rem!important;padding:.875rem 1.5rem 0!important;border-bottom:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.tab-button{display:flex!important;align-items:center!important;gap:.45rem!important;padding:.625rem 1rem!important;border:none!important;background:transparent!important;color:#94a3b8!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;transition:all .18s ease!important;border-radius:8px 8px 0 0!important;font-family:inherit!important}.tab-button:hover{color:#1e293b!important;background:#f0f4f8!important}.tab-button.active{color:#1e293b!important;border-bottom-color:#1e293b!important;background:transparent!important}.modal-content-detail{flex:1!important;overflow-y:auto!important;padding:1.5rem!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.modal-content-detail::-webkit-scrollbar{width:5px!important}.modal-content-detail::-webkit-scrollbar-track{background:transparent!important}.modal-content-detail::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:99px!important}.modal-content-detail::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.tab-content{display:flex!important;flex-direction:column!important;gap:1.25rem!important}.detail-section{background:#f8fafc!important;border:1px solid #e8edf3!important;border-radius:12px!important;padding:1.25rem!important}.section-title{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.8rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.055em!important}.section-title svg{color:#64748b!important;flex-shrink:0!important}.detail-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.detail-item{display:flex!important;flex-direction:column!important;gap:.3rem!important}.detail-item.full-width{grid-column:1 / -1!important}.detail-item label{font-size:.75rem!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:.35rem!important}.detail-item p{font-size:.9rem!important;color:#1a2332!important;margin:0!important;font-weight:500!important;word-break:break-word!important}.badge{display:inline-flex!important;padding:.28rem .75rem!important;border-radius:20px!important;font-size:.8rem!important;font-weight:700!important}.badge-parent{background:#dbeafe!important;color:#1d4ed8!important}.badge-child{background:#fef3c7!important;color:#92400e!important}.status-badge{display:inline-flex!important;padding:.28rem .75rem!important;border-radius:20px!important;font-size:.8rem!important;font-weight:700!important}.status-badge.active{background:#dcfce7!important;color:#15803d!important}.status-badge.inactive{background:#fee2e2!important;color:#b91c1c!important}.children-list{display:flex!important;flex-direction:column!important;gap:.625rem!important}.child-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.7rem 1rem!important;background:#fff!important;border-radius:8px!important;border:1px solid #e2e8f0!important;transition:border-color .15s ease!important}.child-item:hover{border-color:#c5d0de!important}.child-info{display:flex!important;align-items:center!important;gap:.625rem!important}.child-id{font-size:.8rem!important;font-weight:700!important;color:#64748b!important;background:#f1f5f9!important;padding:.15rem .5rem!important;border-radius:4px!important;font-family:Courier New,monospace!important;border:1px solid #e2e8f0!important}.child-name{font-size:.875rem!important;color:#1a2332!important;font-weight:600!important}.tracking-timeline{display:flex!important;flex-direction:column!important;gap:1.25rem!important;position:relative!important;padding-left:2rem!important}.tracking-timeline:before{content:""!important;position:absolute!important;left:19px!important;top:20px!important;bottom:20px!important;width:2px!important;background:#e2e8f0!important}.timeline-item{display:flex!important;gap:1rem!important;position:relative!important}.timeline-icon{width:38px!important;height:38px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.timeline-icon.created{background:#dcfce7!important;color:#15803d!important}.timeline-icon.updated{background:#dbeafe!important;color:#1d4ed8!important}.timeline-icon.deleted{background:#fee2e2!important;color:#b91c1c!important}.timeline-icon.restored{background:#fef3c7!important;color:#92400e!important}.timeline-content{flex:1!important;background:#fff!important;padding:.875rem 1rem!important;border-radius:10px!important;border:1px solid #e2e8f0!important}.timeline-content h4{font-size:.875rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 .4rem!important}.timeline-details{display:flex!important;flex-direction:column!important;gap:.2rem!important}.timeline-date{font-size:.875rem!important;color:#1a2332!important;font-weight:600!important;margin:0!important}.timeline-user{font-size:.82rem!important;color:#94a3b8!important;margin:0!important}.modal-footer-detail{display:flex!important;justify-content:flex-end!important;padding:1rem 1.5rem!important;border-top:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.btn-close-footer{padding:.575rem 1.375rem!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;font-family:inherit!important}.btn-close-footer:hover{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e293b40!important}@keyframes mdk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mdk-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-kategori{width:95%!important;max-height:90vh!important}.detail-grid{grid-template-columns:1fr!important}.detail-tabs{overflow-x:auto!important;scrollbar-width:none!important}.detail-tabs::-webkit-scrollbar{display:none!important}.tab-button{white-space:nowrap!important}}@media(max-width:480px){.modal-detail-kategori{width:100%!important;max-height:100dvh!important;border-radius:0!important}.modal-header-detail,.detail-tabs,.modal-content-detail,.modal-footer-detail{padding-left:1rem!important;padding-right:1rem!important}.tracking-timeline{padding-left:1.5rem!important}.tracking-timeline:before{left:14px!important}.timeline-icon{width:30px!important;height:30px!important}.child-item{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}}.theme-staff .tab-button:hover{color:#15803d!important;background:#f0fdf4!important}.theme-staff .tab-button.active{color:#15803d!important;border-bottom-color:#15803d!important}.theme-staff .btn-close-footer:hover{background:#15803d!important;border-color:#15803d!important;color:#fff!important;box-shadow:0 4px 12px #15803d40!important}.theme-staff .badge-parent,.theme-staff .timeline-icon.updated{background:#dcfce7!important;color:#15803d!important}.master-kategori-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-kategori-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.master-kategori-container .header-left{flex:1!important}.master-kategori-container .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.master-kategori-container .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.master-kategori-container .btn-deleted,.master-kategori-container .btn-refresh,.master-kategori-container .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.master-kategori-container .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.master-kategori-container .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.master-kategori-container .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.master-kategori-container .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.master-kategori-container .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.master-kategori-container .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.master-kategori-container .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.master-kategori-container .spinning{animation:mkat-spin 1s linear infinite!important}@keyframes mkat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.master-kategori-container .mk-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.master-kategori-container .mk-error p{margin:0!important}.master-kategori-container .mk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.master-kategori-container .mk-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.master-kategori-container .mk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.master-kategori-container .mk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.master-kategori-container .mk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.master-kategori-container .mk-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.master-kategori-container .mk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.master-kategori-container .mk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.master-kategori-container .mk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.master-kategori-container .mk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.master-kategori-container .mk-search-input::placeholder{color:#a0aec0!important}.master-kategori-container .mk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.master-kategori-container .mk-search-clear:hover{color:#1e293b!important}.master-kategori-container .mk-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.master-kategori-container .mk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.master-kategori-container .mk-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.master-kategori-container .mk-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.master-kategori-container .mk-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mkat-spin .75s linear infinite!important}.master-kategori-container .mk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.master-kategori-container .mk-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.master-kategori-container .mk-table-wrapper .tabulator-table{width:100%!important}.master-kategori-container .mk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.master-kategori-container .mk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.master-kategori-container .mk-table-wrapper .tabulator-col:last-child{border-right:none!important}.master-kategori-container .mk-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.master-kategori-container .mk-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.master-kategori-container .mk-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.master-kategori-container .mk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.master-kategori-container .mk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.master-kategori-container .mk-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.master-kategori-container .mk-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.master-kategori-container .mk-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.master-kategori-container .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-parent-name{color:#64748b!important;font-weight:500!important;font-size:.875rem!important}.tab-no-parent{color:#cbd5e0!important;font-weight:400!important}.master-kategori-container .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.master-kategori-container .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.master-kategori-container .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.master-kategori-container .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.master-kategori-container .pagination-size-select:hover{background-color:#162030!important}.master-kategori-container .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.master-kategori-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.master-kategori-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.master-kategori-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.master-kategori-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-kategori-container .pag-btn-num{background:transparent!important;color:#64748b!important}.master-kategori-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-kategori-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.master-kategori-container .pag-btn-num.pag-active:hover{background:#162030!important}.master-kategori-container .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-kategori-container{padding:1rem!important}.master-kategori-header{flex-direction:column!important;align-items:flex-start!important}.master-kategori-container .mk-action-bar{flex-direction:column!important;align-items:stretch!important}.master-kategori-container .mk-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.master-kategori-container .mk-search-input{font-size:.95rem!important}.master-kategori-container .mk-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.master-kategori-container .btn-deleted,.master-kategori-container .btn-refresh,.master-kategori-container .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.master-kategori-container .mk-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.master-kategori-container .mk-stat-card{min-width:unset!important;width:100%!important}.master-kategori-container .mk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.master-kategori-container .mk-table-wrapper .tabulator{min-width:620px!important}.master-kategori-container .pagination-bar{justify-content:center!important}.master-kategori-container .pag-btn-num:not(.pag-active){display:none!important}.master-kategori-container .pag-dots{display:none!important}}@media(max-width:480px){.master-kategori-container .page-title{font-size:1.45rem!important}.master-kategori-container .mk-search-box{height:48px!important}.master-kategori-container .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .master-kategori-container .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .master-kategori-container .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .master-kategori-container .mk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .master-kategori-container .mk-search-clear:hover{color:#15803d!important}.theme-staff .master-kategori-container .mk-spinner{border-top-color:#22c55e!important}.theme-staff .master-kategori-container .mk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .master-kategori-container .pagination-size-select{background-color:#15803d!important}.theme-staff .master-kategori-container .pagination-size-select:hover{background-color:#166534!important}.theme-staff .master-kategori-container .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .master-kategori-container .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .master-kategori-container .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .master-kategori-container .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-kategori{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdk-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdk-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdk-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdk-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.575rem 1.125rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;font-family:inherit}.spinning{animation:pdk-spin 1s linear infinite}@keyframes pdk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdk-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.page-delete-kategori .pdk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-kategori .pdk-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-kategori .pdk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-kategori .pdk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-kategori .pdk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-kategori .pdk-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-kategori .pdk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-kategori .pdk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-kategori .pdk-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-kategori .pdk-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-kategori .pdk-search-input::placeholder{color:#cbd5e1!important}.page-delete-kategori .pdk-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;flex-shrink:0!important;font-weight:600!important;font-size:.85rem!important}.page-delete-kategori .pdk-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc;transform:translateY(-1px)}.pdk-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdk-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdk-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdk-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdk-spin .8s linear infinite}.pdk-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdk-fadeIn .2s ease-out}.pdk-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdk-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdk-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdk-fadeIn{0%{opacity:0}to{opacity:1}}.pdk-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdk-child-warning{margin-top:.75rem;padding:.65rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.85rem;font-weight:500;line-height:1.5;text-align:left}@media(max-width:768px){.page-delete-kategori{padding:1rem}.pdk-header{flex-direction:column;align-items:flex-start}.pdk-stats{flex-wrap:wrap!important}.pdk-search-wrapper{gap:.5rem}.pdk-search-box{max-width:100%}.pdk-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pdk-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-kategori{min-width:700px!important}.pdk-confirm-actions{flex-direction:column}.pdk-btn-cancel,.pdk-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdk-title{font-size:1.35rem}.pdk-confirm-modal{padding:1.5rem 1.25rem}.pdk-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-kategori{min-width:700px!important}}.modal-detail-barang-wrapper{position:fixed;inset:0;z-index:9998;font-family:Plus Jakarta Sans,sans-serif}.modal-detail-barang-wrapper .mdb-backdrop{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mdbFadeIn .25s ease-out}@keyframes mdbFadeIn{0%{opacity:0}to{opacity:1}}.modal-detail-barang-wrapper .modal-detail-barang{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:720px;max-height:88vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0f172a38;z-index:9999;display:flex;flex-direction:column;animation:mdbSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes mdbSlideUp{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-detail-barang-wrapper .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.375rem 2rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-detail-barang-wrapper .mdb-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.modal-detail-barang-wrapper .mdb-header-icon{width:38px;height:38px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4338ca;flex-shrink:0}.modal-detail-barang-wrapper .modal-title{font-size:1.125rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin:0;line-height:1.3}.modal-detail-barang-wrapper .mdb-subtitle{font-size:.8rem;color:#64748b;margin:0;margin-top:.125rem}.modal-detail-barang-wrapper .mdb-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.modal-detail-barang-wrapper .btn-close{width:34px;height:34px;border:none;background:#fee2e2;color:#dc2626;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .25s ease,color .2s ease;flex-shrink:0}.modal-detail-barang-wrapper .btn-close:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}.modal-detail-barang-wrapper .modal-content{flex:1;overflow-y:auto;min-height:0}.modal-detail-barang-wrapper .modal-content::-webkit-scrollbar{width:5px}.modal-detail-barang-wrapper .modal-content::-webkit-scrollbar-track{background:transparent}.modal-detail-barang-wrapper .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-detail-barang-wrapper .detail-section{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem}.modal-detail-barang-wrapper .kondisi-section{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.modal-detail-barang-wrapper .kondisi-badge{padding:.3rem .875rem;border-radius:99px;font-weight:600;font-size:.8rem;letter-spacing:.01em;display:inline-block}.modal-detail-barang-wrapper .kondisi-badge.baik{background:#dcfce7;color:#15803d}.modal-detail-barang-wrapper .kondisi-badge.rusak{background:#fee2e2;color:#b91c1c}.modal-detail-barang-wrapper .kondisi-badge.perbaikan{background:#fef9c3;color:#a16207}.modal-detail-barang-wrapper .deskripsi-section{display:flex;flex-direction:column;gap:.875rem}.modal-detail-barang-wrapper .section-header{display:flex;justify-content:space-between;align-items:center}.modal-detail-barang-wrapper .section-header h4{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:.4rem;margin:0}.modal-detail-barang-wrapper .btn-action{display:flex;align-items:center;gap:.35rem;padding:.45rem .875rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;font-family:inherit}.modal-detail-barang-wrapper .btn-cetak{background:#eff6ff;color:#1d4ed8}.modal-detail-barang-wrapper .btn-cetak:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #3b82f64d}.modal-detail-barang-wrapper .info-table{width:100%;border-collapse:collapse}.modal-detail-barang-wrapper .info-table tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.modal-detail-barang-wrapper .info-table tr:hover{background:#f8fafc}.modal-detail-barang-wrapper .info-table tr:last-child{border-bottom:none}.modal-detail-barang-wrapper .info-table td,.modal-detail-barang-wrapper .info-table th{padding:.65rem .5rem;font-size:.875rem;vertical-align:top}.modal-detail-barang-wrapper .info-label{font-weight:600;color:#475569;width:42%;padding-left:0}.modal-detail-barang-wrapper .info-value{color:#1e293b}.modal-detail-barang-wrapper .info-value code{background:#f1f5f9;padding:.15rem .5rem;border-radius:6px;font-size:.82rem;color:#4338ca;font-weight:600}.modal-detail-barang-wrapper .tracking-section{margin-top:.25rem}.modal-detail-barang-wrapper .btn-toggle-tracking{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.775rem;font-weight:600;color:#64748b;padding:.5rem 0;display:flex;align-items:center;gap:.375rem;transition:color .2s ease;letter-spacing:.04em;text-transform:uppercase}.modal-detail-barang-wrapper .btn-toggle-tracking:hover{color:#0f172a}.modal-detail-barang-wrapper .tracking-details{margin-top:.5rem;padding:.75rem 1rem;background:#f8fafc;border-radius:10px;border:1px solid #e8edf3}.modal-detail-barang-wrapper .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;border-top:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-detail-barang-wrapper .btn-footer{padding:.6rem 1.75rem;border:none;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;font-family:inherit}.modal-detail-barang-wrapper .btn-batal{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.modal-detail-barang-wrapper .btn-batal:hover{background:#fee2e2;border-color:#dc2626}@media(max-width:900px){.modal-detail-barang-wrapper .modal-detail-barang{width:96%;max-height:92vh}.modal-detail-barang-wrapper .detail-section{padding:1.5rem}.modal-detail-barang-wrapper .modal-header,.modal-detail-barang-wrapper .modal-footer{padding:1.125rem 1.5rem}.modal-detail-barang-wrapper .modal-title{font-size:1rem}.modal-detail-barang-wrapper .btn-footer{flex:1}}@media(max-width:480px){.modal-detail-barang-wrapper .modal-detail-barang{width:100%;max-height:100dvh;border-radius:0}.modal-detail-barang-wrapper .info-table td{font-size:.82rem}.modal-detail-barang-wrapper .mdb-header-actions{gap:.35rem}}.theme-staff .modal-detail-barang-wrapper .btn-cetak{background:#f0fdf4;color:#15803d}.theme-staff .modal-detail-barang-wrapper .btn-cetak:hover{background:#22c55e;color:#fff;box-shadow:0 4px 10px #22c55e4d}.theme-staff .modal-detail-barang-wrapper .mdb-header-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.theme-staff .modal-detail-barang-wrapper .info-value code{color:#15803d}.modal-tambah-barang-wrapper{position:fixed;inset:0;z-index:9998;font-family:Plus Jakarta Sans,sans-serif}.modal-tambah-barang-wrapper .mtb-backdrop{position:absolute;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0;animation:fadeIn .25s ease-out}.modal-tambah-barang-wrapper .modal-tambah-barang{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0f172a38;z-index:9999;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-tambah-barang-wrapper .modal-header{padding:1.125rem 1.5rem;border-bottom:1px solid #e8edf3;background:#fafbfd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-tambah-barang-wrapper .modal-title{font-size:1rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.modal-tambah-barang-wrapper .btn-close{width:30px;height:30px;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .25s ease,color .2s ease;flex-shrink:0}.modal-tambah-barang-wrapper .btn-close:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}.modal-tambah-barang-wrapper .modal-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-tambah-barang-wrapper .modal-form::-webkit-scrollbar{width:5px}.modal-tambah-barang-wrapper .modal-form::-webkit-scrollbar-track{background:transparent}.modal-tambah-barang-wrapper .modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-tambah-barang-wrapper .modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-tambah-barang-wrapper .form-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.modal-tambah-barang-wrapper .form-label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.modal-tambah-barang-wrapper .form-hint{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.modal-tambah-barang-wrapper .form-hint.info{color:#3b82f6;font-weight:500}.modal-tambah-barang-wrapper .error-text{font-size:.8rem;color:#dc2626;margin-top:.2rem}.modal-tambah-barang-wrapper .kode-input-wrapper{display:flex;gap:.5rem;align-items:center}.modal-tambah-barang-wrapper .kode-input-wrapper .form-input{flex:1}.modal-tambah-barang-wrapper .btn-refresh-kode{width:38px;height:38px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}.modal-tambah-barang-wrapper .btn-refresh-kode svg{flex-shrink:0!important;width:16px!important;height:16px!important}.modal-tambah-barang-wrapper .btn-refresh-kode:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#3b82f6}.modal-tambah-barang-wrapper .btn-refresh-kode:disabled{opacity:.5;cursor:not-allowed}.modal-tambah-barang-wrapper .btn-refresh-kode .spinning{animation:spin 1s linear infinite}.modal-tambah-barang-wrapper .form-input{width:100%;padding:.65rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box}.modal-tambah-barang-wrapper .form-input:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a}.modal-tambah-barang-wrapper .form-input:disabled{background:#f8fafc;cursor:not-allowed;color:#94a3b8}.modal-tambah-barang-wrapper .form-input::placeholder{color:#cbd5e1}.modal-tambah-barang-wrapper .form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.modal-tambah-barang-wrapper .select-wrapper{position:relative;display:flex;align-items:center}.modal-tambah-barang-wrapper .form-select{width:100%;padding:.65rem 2.5rem .65rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;font-family:inherit}.modal-tambah-barang-wrapper .form-select:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a}.modal-tambah-barang-wrapper .form-select:disabled{background:#f8fafc;cursor:not-allowed;color:#94a3b8}.modal-tambah-barang-wrapper .form-select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.modal-tambah-barang-wrapper .select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%) rotate(90deg);pointer-events:none;color:#94a3b8}.modal-tambah-barang-wrapper .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.modal-tambah-barang-wrapper .foto-upload-container{display:flex;flex-direction:column;gap:.875rem}.modal-tambah-barang-wrapper .foto-preview{width:180px;aspect-ratio:1 / 1;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc;position:relative;box-shadow:0 2px 8px #0f172a0d}.modal-tambah-barang-wrapper .foto-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modal-tambah-barang-wrapper .foto-preview:hover img{transform:scale(1.04)}.modal-tambah-barang-wrapper .btn-remove-foto{position:absolute;top:.5rem;right:.5rem;width:26px;height:26px;border:none;background:#dc2626e0;color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.modal-tambah-barang-wrapper .btn-remove-foto:hover:not(:disabled){background:#b91c1c;transform:scale(1.1)}.modal-tambah-barang-wrapper .btn-remove-foto:disabled{opacity:.4;cursor:not-allowed}.modal-tambah-barang-wrapper .btn-upload{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:9px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;width:fit-content;font-family:inherit}.modal-tambah-barang-wrapper .btn-upload:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.modal-tambah-barang-wrapper .foto-info{font-size:.8rem;color:#94a3b8}.modal-tambah-barang-wrapper .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151;padding:.45rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .18s ease;-webkit-user-select:none;user-select:none;font-weight:500;width:fit-content}.modal-tambah-barang-wrapper .checkbox-label:has(input:checked){border-color:#1e293b;background:#f0f4f8;color:#0f172a;font-weight:600}.modal-tambah-barang-wrapper .checkbox-label:hover:not(:has(input:disabled)){border-color:#94a3b8;background:#fafbfd}.modal-tambah-barang-wrapper .checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#1e293b;margin:0}.modal-tambah-barang-wrapper .modal-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:0;margin-top:.25rem}.modal-tambah-barang-wrapper .btn-batal,.modal-tambah-barang-wrapper .btn-simpan{padding:.575rem 1.375rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.modal-tambah-barang-wrapper .btn-batal{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.modal-tambah-barang-wrapper .btn-batal:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.modal-tambah-barang-wrapper .btn-simpan{background:#1e293b;color:#fff;min-width:110px;box-shadow:0 1px 4px #1e293b33}.modal-tambah-barang-wrapper .btn-simpan:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.modal-tambah-barang-wrapper .btn-batal:disabled,.modal-tambah-barang-wrapper .btn-simpan:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.modal-tambah-barang-wrapper .modal-tambah-barang{width:96%}.modal-tambah-barang-wrapper .modal-form{padding:1.125rem 1.25rem;gap:.875rem}.modal-tambah-barang-wrapper .modal-header{padding:1rem 1.25rem}.modal-tambah-barang-wrapper .modal-title{font-size:.95rem}.modal-tambah-barang-wrapper .form-row{grid-template-columns:1fr}.modal-tambah-barang-wrapper .modal-footer{flex-direction:column-reverse}.modal-tambah-barang-wrapper .btn-batal,.modal-tambah-barang-wrapper .btn-simpan{width:100%;text-align:center;justify-content:center}}@media(max-width:480px){.modal-tambah-barang-wrapper .modal-tambah-barang{width:100%;max-height:100dvh;border-radius:0}.modal-tambah-barang-wrapper .form-input,.modal-tambah-barang-wrapper .form-select{font-size:16px}}.theme-staff .modal-tambah-barang-wrapper .form-hint.info{color:#15803d}.theme-staff .modal-tambah-barang-wrapper .btn-refresh-kode:hover:not(:disabled){color:#22c55e}.theme-staff .modal-tambah-barang-wrapper .form-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.theme-staff .modal-tambah-barang-wrapper .form-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.theme-staff .modal-tambah-barang-wrapper .checkbox-label input[type=checkbox]{accent-color:#15803d}.theme-staff .modal-tambah-barang-wrapper .checkbox-label:has(input:checked){border-color:#15803d;background:#f0fdf4}.theme-staff .modal-tambah-barang-wrapper .btn-simpan{background:#15803d;box-shadow:0 1px 4px #15803d33}.theme-staff .modal-tambah-barang-wrapper .btn-simpan:hover:not(:disabled){background:#166534;box-shadow:0 4px 12px #15803d47}.daftar-barang{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-barang-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-barang .header-left{flex:1!important}.daftar-barang .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-barang .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-barang .btn-deleted,.daftar-barang .btn-refresh,.daftar-barang .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-barang .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-barang .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-barang .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-barang .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-barang .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barang .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-barang .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-barang .spinning{animation:mb-spin 1s linear infinite!important}@keyframes mb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daftar-barang .mb-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.daftar-barang .mb-error p{margin:0!important}.daftar-barang .mk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-barang .mk-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-barang .mk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-barang .mk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-barang .mk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.daftar-barang .mk-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.daftar-barang .mk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-barang .mk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-barang .mk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-barang .mk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-barang .mk-search-input::placeholder{color:#a0aec0!important}.daftar-barang .mk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.daftar-barang .mk-search-clear:hover{color:#1e293b!important}.daftar-barang .mk-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.daftar-barang .mk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;margin-bottom:.75rem!important}.daftar-barang .mk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;font-size:.875rem!important;background:transparent!important}.daftar-barang .mk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.daftar-barang .mk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.08)!important}.daftar-barang .mk-table-wrapper .tabulator-col-title{color:#f1f5f9!important;font-weight:700!important;font-size:.8rem!important;letter-spacing:.02em!important;text-transform:uppercase!important}.daftar-barang .mk-table-wrapper .tabulator-sortable .tabulator-col-title:after,.daftar-barang .mk-table-wrapper .tabulator-col-sorter{filter:brightness(10)!important;opacity:.5!important}.daftar-barang .mk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s!important}.daftar-barang .mk-table-wrapper .tabulator-row:hover{background:#f8fafc!important}.daftar-barang .mk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.daftar-barang .mk-table-wrapper .tabulator-cell{border-right:1px solid #f1f5f9!important;padding:.6rem .75rem!important;color:#374151!important;vertical-align:middle!important}.daftar-barang .mk-table-wrapper .tabulator-cell:last-child{border-right:none!important}.daftar-barang .mk-table-wrapper .tabulator-frozen.tabulator-frozen-right{box-shadow:-4px 0 8px #0000000f!important}.daftar-barang .mk-table-wrapper .tabulator-frozen.tabulator-frozen-left{box-shadow:4px 0 8px #0000000f!important}.daftar-barang .mk-table-wrapper .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.daftar-barang .mk-loading{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#ffffffd1!important;z-index:10!important;gap:.65rem!important;border-radius:12px!important}.daftar-barang .mk-loading p{font-size:.875rem!important;font-weight:500!important;color:#4a5568!important;margin:0!important}.daftar-barang .mk-spinner{width:32px!important;height:32px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mb-spin .75s linear infinite!important}.tab-id-badge{display:inline-block!important;background:#f1f5f9!important;color:#475569!important;font-size:.78rem!important;font-weight:700!important;padding:.18rem .5rem!important;border-radius:5px!important;letter-spacing:.01em!important}.tab-name{color:#1a2332!important;font-weight:600!important;font-size:.875rem!important}.tab-kategori-name{color:#374151!important;font-size:.875rem!important}.tab-satuan-badge{display:inline-block!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:.75rem!important;font-weight:700!important;padding:.2rem .55rem!important;border-radius:5px!important;letter-spacing:.02em!important;text-transform:uppercase!important}.tab-no-parent{color:#cbd5e1!important;font-size:.95rem!important}.tab-action-group{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}.tab-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border:none!important;border-radius:7px!important;cursor:pointer!important;transition:all .15s ease!important;flex-shrink:0!important;padding:0!important}.tab-btn-view{background:#eff6ff!important;color:#2563eb!important}.tab-btn-view svg{stroke:#2563eb!important}.tab-btn-view:hover{background:#2563eb!important;color:#fff!important;box-shadow:0 3px 8px #2563eb4d!important}.tab-btn-edit{background:#fefce8!important;color:#ca8a04!important}.tab-btn-edit svg{stroke:#ca8a04!important}.tab-btn-edit:hover{background:#ca8a04!important;color:#fff!important;box-shadow:0 3px 8px #ca8a044d!important}.tab-btn-delete{background:#fef2f2!important;color:#dc2626!important}.tab-btn-delete svg{stroke:#dc2626!important}.tab-btn-delete:hover{background:#dc2626!important;color:#fff!important;box-shadow:0 3px 8px #dc26264d!important}.daftar-barang .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;flex-wrap:wrap!important;padding-top:.5rem!important}.daftar-barang .pagination-page-size{display:flex!important;align-items:center!important;gap:.4rem!important}.daftar-barang .pagination-label{font-size:.82rem!important;color:#64748b!important;font-weight:500!important;white-space:nowrap!important}.daftar-barang .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-barang .pagination-size-select:hover{background-color:#162030!important}.daftar-barang .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-barang .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-barang .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-barang .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .35rem!important}.daftar-barang .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barang .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-barang .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barang .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-barang .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-barang .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.daftar-barang{padding:1rem!important}.master-barang-header{flex-direction:column!important;align-items:flex-start!important}.daftar-barang .mk-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-barang .mk-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-barang .mk-search-input{font-size:.95rem!important}.daftar-barang .mk-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-barang .btn-deleted,.daftar-barang .btn-refresh,.daftar-barang .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-barang .mk-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-barang .mk-stat-card{min-width:unset!important;width:100%!important}.daftar-barang .mk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.daftar-barang .mk-table-wrapper .tabulator{min-width:620px!important}.daftar-barang .pagination-bar{justify-content:center!important}.daftar-barang .pag-btn-num:not(.pag-active){display:none!important}.daftar-barang .pag-dots{display:none!important}}@media(max-width:480px){.daftar-barang .page-title{font-size:1.45rem!important}.daftar-barang .mk-search-box{height:48px!important}.daftar-barang .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .daftar-barang .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-barang .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-barang .mk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-barang .mk-search-clear:hover{color:#15803d!important}.theme-staff .daftar-barang .mk-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-barang .mk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .daftar-barang .pagination-size-select{background-color:#15803d!important}.theme-staff .daftar-barang .pagination-size-select:hover{background-color:#166534!important}.theme-staff .daftar-barang .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barang .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barang .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-barang .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-barang{width:100%;max-width:1600px;margin:0 auto;padding:2rem;font-family:Plus Jakarta Sans,sans-serif}.pdb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.pdb-header-left{display:flex;align-items:center;gap:.875rem}.pdb-btn-back{width:38px;height:38px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0;padding:0}.pdb-btn-back svg{display:block}.pdb-btn-back:hover{border-color:#2d3748!important;background:#2d3748!important;color:#fff!important;transform:translate(-2px)!important}.pdb-icon-wrap{width:46px;height:46px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdb-title{font-size:1.625rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdb-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdb-btn-refresh{display:flex;align-items:center;gap:.45rem;padding:.75rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pdb-btn-refresh:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.pdb-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.pdb-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.pdb-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdb-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.pdb-error p{margin:0}.page-delete-barang .pdb-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-barang .pdb-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-barang .pdb-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-barang .pdb-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-barang .pdb-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-barang .pdb-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-barang .pdb-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-barang .pdb-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-barang .pdb-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-barang .pdb-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-barang .pdb-search-input::placeholder{color:#cbd5e1!important}.page-delete-barang .pdb-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;flex-shrink:0!important;font-weight:600!important;font-size:.85rem!important;font-family:inherit!important}.page-delete-barang .pdb-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.page-delete-barang .pdb-btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.pdb-search-results-info{margin-bottom:1rem;padding:.65rem 1rem;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;color:#b91c1c;font-weight:600;font-size:.85rem}.pdb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:.75rem}.pdb-loading p{font-size:.875rem;color:#64748b;font-weight:500;margin:0}.pdb-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.pdb-barang-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.pdb-barang-card{background:#fff;border-radius:12px;overflow:hidden;border:1.5px solid #e8edf3;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.pdb-barang-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0f172a17;border-color:#fecaca}.pdb-card-image{width:100%;aspect-ratio:1 / 1;background:#f8fafc;overflow:hidden;position:relative}.pdb-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;filter:grayscale(20%)}.pdb-barang-card:hover .pdb-card-image img{transform:scale(1.05);filter:grayscale(0%)}.pdb-card-actions-overlay{position:absolute;inset:0;background:#0f172a9e;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:10!important}.pdb-barang-card:hover .pdb-card-actions-overlay{opacity:1!important;visibility:visible!important}.pdb-card-action-btn{width:34px!important;height:34px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border:none!important;border-radius:8px;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;z-index:20!important}.pdb-card-action-btn svg{display:block!important;margin:auto!important;padding:0!important;color:inherit!important}.pdb-card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.pdb-btn-detail{background:#3b82f6!important;color:#fff!important}.pdb-btn-detail:hover{background:#2563eb!important}.pdb-btn-restore{background:#10b981!important;color:#fff!important}.pdb-btn-restore:hover{background:#059669!important}.pdb-btn-force-delete{background:#ef4444!important;color:#fff!important}.pdb-btn-force-delete:hover{background:#dc2626!important}.pdb-card-content{padding:.75rem .875rem}.pdb-card-title{font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:.15rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.pdb-card-subtitle{font-size:.72rem;color:#94a3b8;margin-bottom:.5rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdb-card-info{display:flex;flex-direction:column;gap:.25rem}.pdb-info-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pdb-info-label{font-size:.72rem;color:#64748b;font-weight:500;flex-shrink:0}.pdb-info-value{font-size:.72rem;font-weight:600;color:#1e293b;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdb-deleted-date{color:#dc2626;font-size:.68rem}.pdb-empty-state{text-align:center;padding:4rem 2rem;color:#94a3b8;font-size:1rem}.pdb-pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:2rem 0}.pdb-page-btn{min-width:38px;height:38px;padding:0 .75rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;font-family:inherit}.pdb-page-btn:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.pdb-page-btn.active{background:#dc2626;color:#fff;border-color:#dc2626}.pdb-page-btn:disabled{opacity:.35;cursor:not-allowed}.pdb-page-prev,.pdb-page-next{font-size:1.125rem;font-weight:700}.pdb-page-dots{padding:0 .375rem;color:#cbd5e1;font-weight:600}.pdb-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.pdb-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:420px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.pdb-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdb-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdb-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdb-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdb-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.625rem}.pdb-text-danger{color:#b91c1c;font-weight:700}.pdb-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdb-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdb-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdb-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:1400px){.pdb-barang-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.page-delete-barang{padding:1.5rem}.pdb-barang-grid{grid-template-columns:repeat(3,1fr);gap:.875rem}}@media(max-width:768px){.page-delete-barang{padding:1rem}.pdb-header{flex-direction:column;align-items:flex-start}.pdb-search-box{max-width:100%!important}.pdb-stats{flex-wrap:wrap!important}.pdb-stat-card{flex:1!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdb-barang-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.pdb-pagination{gap:.3rem}.pdb-page-btn{min-width:34px;height:34px;font-size:.8rem}.pdb-confirm-actions{flex-direction:column}.pdb-btn-cancel,.pdb-btn-confirm{width:100%;justify-content:center}}.btn-refresh{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important}.btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.pdb-deleted-date{color:#ef4444;font-size:.8rem}@media(max-width:480px){.pdb-title{font-size:1.35rem}.pdb-barang-grid{grid-template-columns:repeat(2,1fr)}.pdb-stat-card{min-width:calc(50% - .5rem)!important}.pdb-confirm-modal{padding:1.5rem 1.25rem}.pdb-page-btn:not(.active):not(.pdb-page-prev):not(.pdb-page-next){display:none}.pdb-page-btn.active{display:flex;align-items:center;justify-content:center}}.theme-staff .page-delete-barang .pdb-search-box:focus-within{border-color:#15803d!important;box-shadow:0 0 0 3px #15803d17!important}.theme-staff .pdb-btn-back:hover{border-color:#15803d!important;background:#15803d!important}.theme-staff .pdb-btn-detail{background:#22c55e!important;color:#fff!important}.theme-staff .pdb-btn-detail:hover{background:#16a34a!important}.theme-staff .pdb-spinner{border-top-color:#22c55e}.modal-tambah-staf-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-staf-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mts-fadeIn .2s ease-out}.modal-tambah-staf{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:500px;max-height:88vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mts-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-staf{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-staf{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-staf{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-staf svg{display:block!important;pointer-events:none!important}.btn-close-staf:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-staf{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-form-staf::-webkit-scrollbar{width:5px}.modal-form-staf::-webkit-scrollbar-track{background:transparent}.modal-form-staf::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-staf::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-staf{display:flex;flex-direction:column;gap:.4rem}.form-label-staf{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-label-staf .required{color:#dc2626;margin-left:2px}.form-hint-staf{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.form-input-staf{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-staf:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-staf:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-staf:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-staf::placeholder{color:#c4cdd9}.form-select-staf{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select-staf:hover:not(:disabled){border-color:#cbd5e1}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper .form-input-staf{padding-right:2.75rem}.btn-toggle-pass{position:absolute;right:.75rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s ease}.btn-toggle-pass:hover{color:#475569}.form-section-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.form-section-divider:before,.form-section-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.form-section-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.tracking-section{display:flex;flex-direction:column;gap:1.25rem}.modal-footer-staf{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-staf,.btn-simpan-staf{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.btn-batal-staf{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-staf:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-staf{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-staf:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-staf:disabled,.btn-simpan-staf:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:768px){.modal-tambah-staf{width:95%;max-width:95%}.modal-header-staf{padding:1rem 1.25rem}.modal-form-staf{padding:1.125rem 1.25rem 1.25rem}.modal-title-staf{font-size:.95rem}}@media(max-width:480px){.modal-tambah-staf{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-staf{flex-direction:column-reverse}.btn-batal-staf,.btn-simpan-staf{width:100%;padding:.7rem}.form-input-staf{font-size:16px}@keyframes mts-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.modal-detail-staf-wrapper{position:fixed;inset:0;z-index:9998}.modal-detail-staf-wrapper .mds-staf-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeInStaf .2s ease-out}.modal-detail-staf{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:9999;animation:slideUpStaf .3s ease-out;display:flex;flex-direction:column}.modal-header-detail-staf{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e2e8f0;flex-shrink:0}.modal-title-detail-staf{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.btn-close-detail-staf{width:32px;height:32px;border:none;background:#fee;color:#e74c3c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-close-detail-staf:hover{background:#e74c3c;color:#fff}.detail-tabs-staf{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.tab-button-staf{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#718096;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-button-staf:hover{color:#2d3748;background:#f7fafc;border-radius:8px 8px 0 0}.tab-button-staf.active{color:#667eea;border-bottom-color:#667eea}.modal-content-detail-staf{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.modal-content-detail-staf::-webkit-scrollbar{width:8px}.modal-content-detail-staf::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.modal-content-detail-staf::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-content-detail-staf::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tab-content-staf{display:flex;flex-direction:column;gap:1.5rem}.detail-section-staf{background:#f7fafc;border-radius:10px;padding:1.25rem}.section-title-staf{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.detail-grid-staf{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item-staf{display:flex;flex-direction:column;gap:.5rem}.detail-item-staf.full-width{grid-column:1 / -1}.detail-item-staf label{font-size:.85rem;font-weight:600;color:#718096;display:flex;align-items:center;gap:.5rem}.detail-item-staf p{font-size:.95rem;color:#2d3748;margin:0;word-break:break-word}.status-badge-staf{display:inline-flex;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge-staf.active{background:#d4edda;color:#155724}.status-badge-staf.inactive{background:#f8d7da;color:#721c24}.tracking-timeline-staf{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.tracking-timeline-staf:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:#e2e8f0}.timeline-item-staf{display:flex;gap:1rem;position:relative}.timeline-icon-staf{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-icon-staf.created{background:#d4edda;color:#155724}.timeline-icon-staf.updated{background:#cce5ff;color:#004085}.timeline-icon-staf.deleted{background:#f8d7da;color:#721c24}.timeline-icon-staf.restored{background:#fff3cd;color:#856404}.timeline-content-staf{flex:1;background:#fff;padding:1rem;border-radius:8px;border:2px solid #e2e8f0}.timeline-content-staf h4{font-size:.95rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.timeline-details-staf{display:flex;flex-direction:column;gap:.25rem}.timeline-date-staf{font-size:.9rem;color:#2d3748;font-weight:600;margin:0}.timeline-user-staf{font-size:.85rem;color:#718096;margin:0}.modal-footer-detail-staf{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:2px solid #e2e8f0;flex-shrink:0}.btn-close-footer-staf{padding:.75rem 1.75rem;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-footer-staf:hover{background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}.loading-state-staf{text-align:center;padding:3rem;color:#718096;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-state-staf{text-align:center;padding:3rem;color:#e74c3c;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-retry-staf{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-retry-staf:hover{background:#5568d3;transform:translateY(-2px)}.spin-staf{animation:spinStaf 1s linear infinite}@keyframes spinStaf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInStaf{0%{opacity:0}to{opacity:1}}@keyframes slideUpStaf{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-staf{width:95%;max-height:90vh}.detail-grid-staf{grid-template-columns:1fr}.detail-tabs-staf{overflow-x:auto;scrollbar-width:none}.detail-tabs-staf::-webkit-scrollbar{display:none}.tab-button-staf{white-space:nowrap}}@media(max-width:480px){.modal-detail-staf{width:100%;max-height:100vh;border-radius:0}.modal-header-detail-staf,.detail-tabs-staf,.modal-content-detail-staf,.modal-footer-detail-staf{padding-left:1rem;padding-right:1rem}.tracking-timeline-staf{padding-left:1.5rem}.tracking-timeline-staf:before{left:15px}.timeline-icon-staf{width:35px;height:35px}}.master-staf-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-staf-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.master-staf-container .header-left{flex:1!important}.master-staf-container .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.master-staf-container .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.master-staf-container .btn-deleted,.master-staf-container .btn-refresh,.master-staf-container .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.master-staf-container .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.master-staf-container .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.master-staf-container .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.master-staf-container .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.master-staf-container .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.master-staf-container .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.master-staf-container .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.master-staf-container .spinning{animation:mst-spin 1s linear infinite!important}@keyframes mst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.master-staf-container .mst-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.master-staf-container .mst-error p{margin:0!important}.master-staf-container .mst-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.master-staf-container .mst-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.master-staf-container .mst-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.master-staf-container .mst-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.master-staf-container .mst-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.master-staf-container .mst-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.master-staf-container .mst-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.master-staf-container .mst-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.master-staf-container .mst-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.master-staf-container .mst-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.master-staf-container .mst-search-input::placeholder{color:#a0aec0!important}.master-staf-container .mst-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.master-staf-container .mst-search-clear:hover{color:#1e293b!important}.master-staf-container .mst-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.master-staf-container .mst-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.master-staf-container .mst-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.master-staf-container .mst-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.master-staf-container .mst-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mst-spin .75s linear infinite!important}.master-staf-container .mst-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.master-staf-container .mst-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.master-staf-container .mst-table-wrapper .tabulator-table{width:100%!important}.master-staf-container .mst-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.master-staf-container .mst-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.master-staf-container .mst-table-wrapper .tabulator-col:last-child{border-right:none!important}.master-staf-container .mst-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.master-staf-container .mst-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.master-staf-container .mst-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.master-staf-container .mst-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.master-staf-container .mst-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.master-staf-container .mst-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.master-staf-container .mst-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.master-staf-container .mst-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.master-staf-container .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-role-badge{display:inline-block!important;font-size:.77rem!important;font-weight:700!important;padding:.2rem .6rem!important;border-radius:20px!important;letter-spacing:.02em!important}.role-admin{background:#dbeafe!important;color:#1d4ed8!important}.role-staf{background:#d1fae5!important;color:#065f46!important}.master-staf-container .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.master-staf-container .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.master-staf-container .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.master-staf-container .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.master-staf-container .pagination-size-select:hover{background-color:#162030!important}.master-staf-container .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.master-staf-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.master-staf-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.master-staf-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.master-staf-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-staf-container .pag-btn-num{background:transparent!important;color:#64748b!important}.master-staf-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-staf-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.master-staf-container .pag-btn-num.pag-active:hover{background:#162030!important}.master-staf-container .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-staf-container{padding:1rem!important}.master-staf-header{flex-direction:column!important;align-items:flex-start!important}.master-staf-container .mst-action-bar{flex-direction:column!important;align-items:stretch!important}.master-staf-container .mst-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.master-staf-container .mst-search-input{font-size:.95rem!important}.master-staf-container .mst-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.master-staf-container .btn-deleted,.master-staf-container .btn-refresh,.master-staf-container .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.master-staf-container .mst-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.master-staf-container .mst-stat-card{min-width:unset!important;width:100%!important}.master-staf-container .mst-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.master-staf-container .mst-table-wrapper .tabulator{min-width:620px!important}.master-staf-container .pagination-bar{justify-content:center!important}.master-staf-container .pag-btn-num:not(.pag-active){display:none!important}.master-staf-container .pag-dots{display:none!important}}@media(max-width:480px){.master-staf-container .page-title{font-size:1.45rem!important}.master-staf-container .mst-search-box{height:48px!important}.master-staf-container .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .master-staf-container .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .master-staf-container .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .master-staf-container .mst-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .master-staf-container .mst-search-clear:hover{color:#15803d!important}.theme-staff .master-staf-container .mst-spinner{border-top-color:#22c55e!important}.theme-staff .master-staf-container .mst-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .master-staf-container .pagination-size-select{background-color:#15803d!important}.theme-staff .master-staf-container .pagination-size-select:hover{background-color:#166534!important}.theme-staff .master-staf-container .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .master-staf-container .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .master-staf-container .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .master-staf-container .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-staf{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdst-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdst-header-left{display:flex;align-items:center;gap:.875rem}.pdst-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdst-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdst-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdst-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdst-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdst-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdst-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdst-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdst-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdst-error p{margin:0}.page-delete-staf .pdst-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-staf .pdst-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-staf .pdst-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-staf .pdst-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-staf .pdst-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-staf .pdst-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-staf .pdst-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-staf .pdst-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-staf .pdst-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-staf .pdst-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-staf .pdst-search-input::placeholder{color:#cbd5e1!important}.page-delete-staf .pdst-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important;flex-shrink:0!important}.page-delete-staf .pdst-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.pdst-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.spinning{animation:pdst-spin 1s linear infinite}@keyframes pdst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdst-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdst-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdst-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdst-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdst-spin .8s linear infinite}.pdst-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.tab-id-badge-staf-del{display:inline-block;background:#f4f7fa;color:#718096;font-size:.8rem;font-weight:700;padding:.2rem .55rem;border:1px solid #e2e8f0;border-radius:4px;font-family:Courier New,monospace}.tab-username-staf{color:#1a2332;font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.tab-name-staf{color:#1a2332;font-weight:600}.tab-phone-staf{color:#2563eb;font-weight:500;font-size:.88rem}.tab-user-del-staf{color:#1a2332;font-weight:500;font-size:.88rem}.tab-role-badge{display:inline-block;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:700;padding:.2rem .65rem;border-radius:20px;letter-spacing:.02em}.tab-date-deleted-staf{color:#dc2626;font-size:.85rem;font-weight:500}.pdst-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdst-fadeIn .2s ease-out}.pdst-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdst-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdst-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdst-fadeIn{0%{opacity:0}to{opacity:1}}.pdst-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdst-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdst-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdst-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdst-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdst-text-danger{color:#b91c1c;font-weight:700}.pdst-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdst-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdst-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdst-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}.btn-restore-all{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important}.btn-restore-all:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px)!important}.btn-restore-all:disabled{opacity:.45!important;cursor:not-allowed!important}.btn-force-delete-all{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important}.btn-force-delete-all:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.btn-force-delete-all:disabled{opacity:.45!important;cursor:not-allowed!important}@media(max-width:768px){.page-delete-staf{padding:1rem}.pdst-header{flex-direction:column;align-items:flex-start}.pdst-stats{flex-wrap:wrap!important}.pdst-search-wrapper{gap:.5rem}.pdst-search-box{max-width:100%}.pdst-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pdst-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdst-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-staf{min-width:950px!important}.pdst-confirm-actions{flex-direction:column}.pdst-btn-cancel,.pdst-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdst-title{font-size:1.35rem}.pdst-confirm-modal{padding:1.5rem 1.25rem}.pdst-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-staf{min-width:950px!important}}.theme-staff .pdst-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdst-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdst-spinner{border-top-color:#22c55e!important}.modal-tambah-kondisi-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-kondisi-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:fadeInKondisi .2s ease-out}.modal-tambah-kondisi{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:slideUpKondisi .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-header-kondisi{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-kondisi{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-kondisi{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-kondisi svg{display:block!important;pointer-events:none!important}.btn-close-kondisi:hover:not(:disabled){background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.btn-close-kondisi:disabled{opacity:.5;cursor:not-allowed}.modal-form-kondisi{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.modal-form-kondisi::-webkit-scrollbar{width:5px}.modal-form-kondisi::-webkit-scrollbar-track{background:transparent;border-radius:99px}.modal-form-kondisi::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-kondisi::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-kondisi{display:flex;flex-direction:column;gap:.4rem}.form-label-kondisi{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-input-kondisi{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-kondisi:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-kondisi:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-kondisi:disabled,.form-input-kondisi:read-only{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-kondisi::placeholder{color:#c4cdd9}textarea.form-input-kondisi{resize:vertical;min-height:100px;font-family:inherit}.tracking-section{border-top:1px solid #e8edf3;padding-top:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.tracking-title{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0}.modal-footer-kondisi{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-kondisi,.btn-simpan-kondisi{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-kondisi{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-kondisi:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-kondisi{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-kondisi:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-kondisi:disabled,.btn-simpan-kondisi:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes slideUpKondisi{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-tambah-kondisi{width:95%;max-width:95%}.modal-header-kondisi{padding:1rem 1.25rem}.modal-form-kondisi{padding:1.125rem 1.25rem 1.25rem}.modal-title-kondisi{font-size:.95rem}}@media(max-width:480px){.modal-tambah-kondisi{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-kondisi{flex-direction:column-reverse}.btn-batal-kondisi,.btn-simpan-kondisi{width:100%;padding:.7rem}.form-input-kondisi{font-size:16px}@keyframes slideUpKondisi{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .form-input-kondisi:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.theme-staff .btn-simpan-kondisi{background:#15803d!important;box-shadow:0 1px 4px #15803d33!important}.theme-staff .btn-simpan-kondisi:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 12px #15803d47!important}.modal-detail-kondisi-wrapper{position:fixed;inset:0;z-index:9998}.modal-detail-kondisi-wrapper .mdk-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeInKondisi .2s ease-out}.modal-detail-kondisi{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:9999;animation:slideUpKondisi .3s ease-out;display:flex;flex-direction:column}.modal-header-detail-kondisi{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e2e8f0;flex-shrink:0}.modal-title-detail-kondisi{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.btn-close-detail-kondisi{width:32px;height:32px;border:none;background:#fee;color:#e74c3c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-close-detail-kondisi:hover{background:#e74c3c;color:#fff}.detail-tabs-kondisi{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.tab-button-kondisi{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#718096;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-button-kondisi:hover{color:#2d3748;background:#f7fafc;border-radius:8px 8px 0 0}.tab-button-kondisi.active{color:#667eea;border-bottom-color:#667eea}.modal-content-detail-kondisi{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.modal-content-detail-kondisi::-webkit-scrollbar{width:8px}.modal-content-detail-kondisi::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.modal-content-detail-kondisi::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-content-detail-kondisi::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tab-content-kondisi{display:flex;flex-direction:column;gap:1.5rem}.detail-section-kondisi{background:#f7fafc;border-radius:10px;padding:1.25rem}.section-title-kondisi{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.detail-grid-kondisi{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item-kondisi{display:flex;flex-direction:column;gap:.5rem}.detail-item-kondisi.full-width{grid-column:1 / -1}.detail-item-kondisi label{font-size:.85rem;font-weight:600;color:#718096;display:flex;align-items:center;gap:.5rem}.detail-item-kondisi p{font-size:.95rem;color:#2d3748;margin:0;word-break:break-word}.status-badge-kondisi{display:inline-flex;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge-kondisi.active{background:#d4edda;color:#155724}.status-badge-kondisi.inactive{background:#f8d7da;color:#721c24}.tracking-timeline-kondisi{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.tracking-timeline-kondisi:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:#e2e8f0}.timeline-item-kondisi{display:flex;gap:1rem;position:relative}.timeline-icon-kondisi{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-icon-kondisi.created{background:#d4edda;color:#155724}.timeline-icon-kondisi.updated{background:#cce5ff;color:#004085}.timeline-icon-kondisi.deleted{background:#f8d7da;color:#721c24}.timeline-icon-kondisi.restored{background:#fff3cd;color:#856404}.timeline-content-kondisi{flex:1;background:#fff;padding:1rem;border-radius:8px;border:2px solid #e2e8f0}.timeline-content-kondisi h4{font-size:.95rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.timeline-details-kondisi{display:flex;flex-direction:column;gap:.25rem}.timeline-date-kondisi{font-size:.9rem;color:#2d3748;font-weight:600;margin:0}.timeline-user-kondisi{font-size:.85rem;color:#718096;margin:0}.modal-footer-detail-kondisi{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:2px solid #e2e8f0;flex-shrink:0}.btn-close-footer-kondisi{padding:.75rem 1.75rem;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-footer-kondisi:hover{background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}.loading-state-kondisi{text-align:center;padding:3rem;color:#718096;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-state-kondisi{text-align:center;padding:3rem;color:#e74c3c;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-retry-kondisi{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-retry-kondisi:hover{background:#5568d3;transform:translateY(-2px)}.spin-kondisi{animation:spinKondisi 1s linear infinite}@keyframes spinKondisi{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInKondisi{0%{opacity:0}to{opacity:1}}@keyframes slideUpKondisi{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-kondisi{width:95%;max-height:90vh}.detail-grid-kondisi{grid-template-columns:1fr}.detail-tabs-kondisi{overflow-x:auto;scrollbar-width:none}.detail-tabs-kondisi::-webkit-scrollbar{display:none}.tab-button-kondisi{white-space:nowrap}}@media(max-width:480px){.modal-detail-kondisi{width:100%;max-height:100vh;border-radius:0}.modal-header-detail-kondisi,.detail-tabs-kondisi,.modal-content-detail-kondisi,.modal-footer-detail-kondisi{padding-left:1rem;padding-right:1rem}.tracking-timeline-kondisi{padding-left:1.5rem}.tracking-timeline-kondisi:before{left:15px}.timeline-icon-kondisi{width:35px;height:35px}}.theme-staff .tab-button-kondisi:hover{color:#15803d!important}.theme-staff .tab-button-kondisi.active{color:#15803d!important;border-bottom-color:#15803d!important}.theme-staff .btn-close-footer-kondisi:hover{background:#15803d!important;border-color:#15803d!important;color:#fff!important;box-shadow:0 4px 12px #15803d4d!important}.theme-staff .btn-retry-kondisi{background:#15803d!important}.theme-staff .btn-retry-kondisi:hover{background:#166534!important}.theme-staff .timeline-icon-kondisi.updated{background:#dcfce7!important;color:#15803d!important}.master-kondisi-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-kondisi-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.mk-header-left{flex:1!important}.mk-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.mk-page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.mk-btn-deleted,.mk-btn-refresh,.mk-btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.mk-btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.mk-btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.mk-btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.mk-btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.mk-btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.mk-btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.mk-btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.mk-btn-add:disabled{opacity:.5!important;cursor:not-allowed!important}.spinning{animation:mk-spin 1s linear infinite!important}@keyframes mk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mk-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.mk-error p{margin:0!important}.mk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.mk-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.mk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.mk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.mk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.mk-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.mk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.mk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.mk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.mk-search-input::placeholder{color:#a0aec0!important}.mk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.mk-search-clear:hover{color:#1e293b!important}.mk-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.mk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.mk-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.mk-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.mk-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mk-spin .75s linear infinite!important}.mk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.mk-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.mk-table-wrapper .tabulator-table{width:100%!important}.mk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.mk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.mk-table-wrapper .tabulator-col:last-child{border-right:none!important}.mk-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.mk-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.mk-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.mk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.mk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.mk-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.mk-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.mk-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-id-badge-kondisi{display:inline-block!important;background:#f1f5f9!important;color:#1e293b!important;font-size:.78rem!important;font-weight:700!important;padding:.2rem .55rem!important;border-radius:5px!important;font-family:Courier New,monospace!important;border:1px solid #e2e8f0!important}.tab-name-kondisi{color:#1a2332!important;font-weight:600!important;font-size:.9rem!important}.tab-desc-kondisi{color:#64748b!important;font-size:.875rem!important}.pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.pagination-size-select:hover{background-color:#162030!important}.pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.pag-btn-num{background:transparent!important;color:#64748b!important}.pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.pag-btn-num.pag-active:hover{background:#162030!important}.pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-kondisi-container{padding:1rem!important}.master-kondisi-header{flex-direction:column!important;align-items:flex-start!important}.mk-action-bar{flex-direction:column!important;align-items:stretch!important}.mk-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.mk-search-input{font-size:.95rem!important}.mk-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.mk-btn-deleted,.mk-btn-refresh,.mk-btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.mk-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.mk-stat-card{min-width:unset!important;width:100%!important}.mk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.mk-table-wrapper .tabulator{min-width:520px!important}.pagination-bar{justify-content:center!important}.pag-btn-num:not(.pag-active){display:none!important}.pag-dots{display:none!important}}@media(max-width:480px){.mk-page-title{font-size:1.45rem!important}.mk-search-box{height:48px!important}.pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .mk-btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .mk-btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .mk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mk-search-clear:hover{color:#15803d!important}.theme-staff .mk-spinner{border-top-color:#22c55e!important}.theme-staff .mk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .pagination-size-select{background-color:#15803d!important}.theme-staff .pagination-size-select:hover{background-color:#166534!important}.theme-staff .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-kondisi{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Plus Jakarta Sans,sans-serif}.pdk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdk-header-left{display:flex;align-items:center;gap:.875rem}.pdk-btn-back{width:34px;height:34px;min-width:34px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0;padding:0}.pdk-btn-back svg{display:block}.pdk-btn-back:hover{border-color:#2d3748!important;background:#2d3748!important;color:#fff!important;transform:translate(-2px)!important}.pdk-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdk-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdk-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdk-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdk-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdk-error{padding:.6rem 1rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1rem}.pdk-error p{margin:0}.pdk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.pdk-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.pdk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.pdk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.pdk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.pdk-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.pdk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.pdk-search-box:focus-within{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.pdk-search-icon{color:#94a3b8;flex-shrink:0;margin-right:.625rem}.pdk-search-input{flex:1;border:none;background:transparent;padding:0;font-size:.9rem;color:#1e293b;outline:none;height:100%;font-family:inherit}.pdk-search-input::placeholder{color:#cbd5e1}.pdk-btn-refresh{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .8rem;height:34px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;font-family:inherit;white-space:nowrap}.pdk-btn-refresh:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.pdk-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.pdk-table-wrapper{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.pdk-loading{position:absolute;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:14px}.pdk-loading p{font-size:.875rem;color:#64748b;font-weight:500;margin:0}.pdk-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.pdk-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.tab-placeholder{padding:3rem 1rem;text-align:center;color:#94a3b8;font-size:.9rem;font-weight:500}.tab-id-badge-kondisi-del{display:inline-block;background:#fee2e2;color:#991b1b;font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:5px;font-family:Courier New,monospace}.tab-name-kondisi{color:#1e293b;font-weight:600}.tab-desc-kondisi{color:#475569;font-size:.875rem}.tab-user-del-kondisi{color:#2d3748;font-weight:500;font-size:.875rem}.tab-no-val{color:#cbd5e1;font-weight:400}.tab-date-deleted-kondisi{color:#dc2626;font-size:.85rem;font-weight:500}.tab-btn{width:32px;height:32px;border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tab-btn-view{background:#dbeafe;color:#1d4ed8}.tab-btn-view:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #1d4ed84d}.tab-btn-restore{background:#dcfce7;color:#15803d}.tab-btn-restore:hover{background:#15803d;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #15803d4d}.tab-btn-force-delete{background:#fee2e2;color:#b91c1c}.tab-btn-force-delete:hover{background:#b91c1c;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #b91c1c4d}.pdk-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.pdk-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:420px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pdk-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdk-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdk-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdk-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdk-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.625rem}.pdk-text-danger{color:#b91c1c;font-weight:700}.pdk-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdk-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdk-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdk-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:768px){.page-delete-kondisi{padding:1.5rem}.pdk-header{flex-direction:column;align-items:flex-start}.pdk-search-box{max-width:100%}.pdk-stats{flex-wrap:wrap}.pdk-stat-card{flex:1;min-width:calc(50% - .5rem);height:auto;padding:.85rem 1rem}}@media(max-width:480px){.page-delete-kondisi{padding:1rem}.pdk-title{font-size:1.35rem}.pdk-confirm-modal{padding:1.5rem 1.25rem}.pdk-confirm-actions{flex-direction:column}.pdk-btn-cancel,.pdk-btn-confirm{width:100%;justify-content:center}}.theme-staff .pdk-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdk-spinner{border-top-color:#22c55e!important}.modal-tambah-status-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-status-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mts-fadeIn .2s ease-out}.modal-tambah-status{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mts-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-status{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-status{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-status{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-status svg{display:block!important;pointer-events:none!important}.btn-close-status:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-status{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-form-status::-webkit-scrollbar{width:5px}.modal-form-status::-webkit-scrollbar-track{background:transparent}.modal-form-status::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-status::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-status{display:flex;flex-direction:column;gap:.4rem}.form-label-status{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-input-status{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-status:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-status:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-status:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-status::placeholder{color:#c4cdd9}.modal-footer-status{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem;flex-shrink:0}.btn-batal-status,.btn-simpan-status{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-status{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-status:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-status{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-status:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-status:disabled,.btn-simpan-status:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.movement-type-options{display:flex;gap:10px}.movement-type-card{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s}.movement-type-card input[type=radio]{display:none}.movement-type-card.selected.in,.movement-type-card.selected.out{border-color:#1e293b;background:#f0fdf4;color:#1e293b}.movement-type-text{display:flex;flex-direction:column}.movement-type-label{font-weight:700;font-size:.85rem}.movement-type-desc{font-size:.75rem;color:#64748b}@media(max-width:768px){.modal-tambah-status{width:95%;max-width:95%;max-height:92vh}.modal-header-status{padding:1rem 1.25rem}.modal-form-status{padding:1.125rem 1.25rem 1.25rem}.modal-title-status{font-size:.95rem}}@media(max-width:480px){.modal-tambah-status{width:100%;max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-status{flex-direction:column-reverse}.btn-batal-status,.btn-simpan-status{width:100%;padding:.7rem}.form-input-status{font-size:16px}@keyframes mts-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .form-input-status:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.theme-staff .btn-simpan-status{background:#15803d!important}.theme-staff .btn-simpan-status:hover:not(:disabled){background:#166534!important}.modal-detail-status-wrapper{position:fixed!important;inset:0!important;z-index:9998!important}.modal-detail-status-wrapper .mds-backdrop{position:fixed!important;inset:0!important;background:#0a12208c!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:9998!important;animation:mds-fadeIn .2s ease-out!important}.modal-detail-status{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:680px!important;max-height:88vh!important;background:#fff!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0a122038!important;z-index:9999!important;animation:mds-slideUp .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-header-detail-status{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;background:#fafbfd!important;flex-shrink:0!important}.modal-title-detail-status{font-size:1.125rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important}.btn-close-detail-status{width:34px!important;height:34px!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,transform .25s ease,color .2s ease!important;flex-shrink:0!important;padding:0!important}.btn-close-detail-status svg{display:block!important;pointer-events:none!important}.btn-close-detail-status:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.detail-tabs-status{display:flex!important;gap:.25rem!important;padding:.875rem 1.5rem 0!important;border-bottom:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.tab-button-status{display:flex!important;align-items:center!important;gap:.45rem!important;padding:.625rem 1rem!important;border:none!important;background:transparent!important;color:#94a3b8!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;transition:all .18s ease!important;border-radius:8px 8px 0 0!important;font-family:inherit!important}.tab-button-status:hover{color:#1e293b!important;background:#f0f4f8!important}.tab-button-status.active{color:#1e293b!important;border-bottom-color:#1e293b!important;background:transparent!important}.modal-content-detail-status{flex:1!important;overflow-y:auto!important;padding:1.5rem!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.modal-content-detail-status::-webkit-scrollbar{width:5px!important}.modal-content-detail-status::-webkit-scrollbar-track{background:transparent!important}.modal-content-detail-status::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:99px!important}.modal-content-detail-status::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.tab-content-status{display:flex!important;flex-direction:column!important;gap:1.25rem!important}.detail-section-status{background:#f8fafc!important;border:1px solid #e8edf3!important;border-radius:12px!important;padding:1.25rem!important}.section-title-status{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.8rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.055em!important}.section-title-status svg{color:#64748b!important;flex-shrink:0!important}.detail-grid-status{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.detail-item-status{display:flex!important;flex-direction:column!important;gap:.3rem!important}.detail-item-status.full-width{grid-column:1 / -1!important}.detail-item-status label{font-size:.75rem!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:.35rem!important}.detail-item-status p{font-size:.9rem!important;color:#1a2332!important;margin:0!important;font-weight:500!important;word-break:break-word!important}.status-badge-status{display:inline-flex!important;padding:.28rem .75rem!important;border-radius:20px!important;font-size:.8rem!important;font-weight:700!important}.status-badge-status.active{background:#dcfce7!important;color:#15803d!important}.status-badge-status.inactive{background:#fee2e2!important;color:#b91c1c!important}.tracking-timeline-status{display:flex!important;flex-direction:column!important;gap:1.25rem!important;position:relative!important;padding-left:2rem!important}.tracking-timeline-status:before{content:""!important;position:absolute!important;left:19px!important;top:20px!important;bottom:20px!important;width:2px!important;background:#e2e8f0!important}.timeline-item-status{display:flex!important;gap:1rem!important;position:relative!important}.timeline-icon-status{width:38px!important;height:38px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.timeline-icon-status.created{background:#dcfce7!important;color:#15803d!important}.timeline-icon-status.updated{background:#dbeafe!important;color:#1d4ed8!important}.timeline-icon-status.deleted{background:#fee2e2!important;color:#b91c1c!important}.timeline-icon-status.restored{background:#fef3c7!important;color:#92400e!important}.timeline-content-status{flex:1!important;background:#fff!important;padding:.875rem 1rem!important;border-radius:10px!important;border:1px solid #e2e8f0!important}.timeline-content-status h4{font-size:.875rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 .4rem!important}.timeline-details-status{display:flex!important;flex-direction:column!important;gap:.2rem!important}.timeline-date-status{font-size:.875rem!important;color:#1a2332!important;font-weight:600!important;margin:0!important}.timeline-user-status{font-size:.82rem!important;color:#94a3b8!important;margin:0!important}.modal-footer-detail-status{display:flex!important;justify-content:flex-end!important;padding:1rem 1.5rem!important;border-top:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.btn-close-footer-status{padding:.575rem 1.375rem!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;font-family:inherit!important}.btn-close-footer-status:hover{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e293b40!important}.movement-badge-detail{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.badge-in{background:#f0fdf4;color:#15803d}.badge-out{background:#fef2f2;color:#dc2626}@keyframes mds-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mds-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-status{width:95%!important;max-height:90vh!important}.detail-grid-status{grid-template-columns:1fr!important}.detail-tabs-status{overflow-x:auto!important;scrollbar-width:none!important}.detail-tabs-status::-webkit-scrollbar{display:none!important}.tab-button-status{white-space:nowrap!important}}@media(max-width:480px){.modal-detail-status{width:100%!important;max-height:100dvh!important;border-radius:0!important}.modal-header-detail-status,.detail-tabs-status,.modal-content-detail-status,.modal-footer-detail-status{padding-left:1rem!important;padding-right:1rem!important}.tracking-timeline-status{padding-left:1.5rem!important}.tracking-timeline-status:before{left:14px!important}.timeline-icon-status{width:30px!important;height:30px!important}}.theme-staff .tab-button-status.active{color:#15803d!important;border-bottom-color:#15803d!important}.theme-staff .btn-close-footer-status:hover{background:#15803d!important;border-color:#15803d!important}.daftar-status{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.daftar-status .st-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-status .st-header-left{flex:1!important}.daftar-status .st-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-status .st-page-company{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-status .st-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-status .st-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-status .st-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-status .st-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-status .st-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:nowrap!important}.daftar-status .st-action-bar{display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-status .st-search-box{flex:1!important;max-width:none!important;min-width:0!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-status .st-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-status .st-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-status .st-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-status .st-search-input::placeholder{color:#a0aec0!important}.daftar-status .st-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.daftar-status .st-search-clear:hover{color:#1e293b!important}.daftar-status .st-action-buttons{display:flex!important;align-items:center!important;gap:.5rem!important}.daftar-status .btn-refresh,.daftar-status .btn-deleted,.daftar-status .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-status .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-status .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-status .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-status .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-status .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-status .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-status .btn-add:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-status .spinning{animation:st-spin 1s linear infinite!important}@keyframes st-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daftar-status .st-table-wrapper{position:relative!important;background:#fff!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;box-shadow:0 1px 4px #0000000a!important;overflow:hidden!important;min-height:280px!important}.daftar-status .st-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.daftar-status .st-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.daftar-status .st-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:st-spin .75s linear infinite!important}.daftar-status .st-table-scroll{width:100%!important;overflow-x:auto!important;overflow-y:visible!important;display:block!important;-webkit-overflow-scrolling:touch!important}.daftar-status .st-table-scroll::-webkit-scrollbar{height:6px!important}.daftar-status .st-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e0!important;border-radius:10px!important}.daftar-status .st-table-scroll::-webkit-scrollbar-track{background:transparent!important}.daftar-status .status-table{width:max-content!important;min-width:100%!important;border-collapse:collapse!important}.daftar-status .status-table thead{background:#1e293b!important}.daftar-status .status-table th{padding:.85rem 1rem!important;text-align:left!important;font-weight:700!important;color:#fff!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;white-space:nowrap!important;border-right:1px solid rgba(255,255,255,.07)!important}.daftar-status .status-table th:last-child{border-right:none!important;text-align:center!important}.daftar-status .status-table tbody tr{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important}.daftar-status .status-table tbody tr:nth-child(2n){background:#fafbfc!important}.daftar-status .status-table tbody tr:last-child{border-bottom:none!important}.daftar-status .status-table tbody tr:hover{background:#f0f4fa!important}.daftar-status .status-table td{padding:.8rem 1rem!important;font-size:.875rem!important;color:#4a5568!important;vertical-align:middle!important;white-space:nowrap!important}.daftar-status .td-no{color:#a0aec0!important;font-weight:600!important;width:60px!important;text-align:center!important}.daftar-status .td-code{font-family:Courier New,monospace!important;font-weight:700!important;color:#1e293b!important;width:120px!important}.daftar-status .td-name{font-weight:600!important;color:#2d3748!important}.daftar-status .td-empty{padding:3rem!important;text-align:center!important}.daftar-status .st-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.daftar-status .st-empty-icon{font-size:2.5rem!important}.daftar-status .action-buttons-cell{display:flex!important;gap:.35rem!important;align-items:center!important;justify-content:center!important}.daftar-status .action-btn{width:30px!important;height:30px!important;border:none!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;flex-shrink:0!important;padding:0!important}.daftar-status .action-btn svg{display:block!important;flex-shrink:0!important;pointer-events:none!important}.daftar-status .btn-view{background:#eff6ff!important;color:#1d4ed8!important}.daftar-status .btn-view svg{stroke:#1d4ed8!important}.daftar-status .btn-view:hover{background:#1d4ed8!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #1d4ed84d!important}.daftar-status .btn-view:hover svg{stroke:#fff!important}.daftar-status .btn-edit{background:#fffbeb!important;color:#d97706!important}.daftar-status .btn-edit svg{stroke:#d97706!important}.daftar-status .btn-edit:hover{background:#d97706!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #d977064d!important}.daftar-status .btn-edit:hover svg{stroke:#fff!important}.daftar-status .btn-delete{background:#fdf3f2!important;color:#c0392b!important}.daftar-status .btn-delete svg{stroke:#c0392b!important}.daftar-status .btn-delete:hover{background:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #c0392b4d!important}.daftar-status .btn-delete:hover svg{stroke:#fff!important}.daftar-status .st-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;flex-wrap:wrap!important}.daftar-status .st-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.daftar-status .st-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.daftar-status .st-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-status .st-page-size-select:hover{background-color:#162030!important}.daftar-status .st-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-status .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-status .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-status .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.daftar-status .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-status .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-status .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-status .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-status .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-status .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.st-stats{display:flex;flex-wrap:wrap;gap:12px}.st-stat-card--blue{border-left:4px solid #2563eb!important}.st-stat-card--blue .st-stat-num{color:#2563eb!important}.st-stat-card--purple{border-left:4px solid #7c3aed!important}.st-stat-card--purple .st-stat-num{color:#7c3aed!important}.st-stat-card--green{border-left:4px solid #16a34a!important}.st-stat-card--green .st-stat-num{color:#16a34a!important}.st-stat-card--red{border-left:4px solid #dc2626!important}.st-stat-card--red .st-stat-num{color:#dc2626!important}@media(max-width:768px){.daftar-status{padding:1rem!important}.daftar-status .st-page-title{font-size:1.45rem!important}.daftar-status .st-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-status .st-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-status .st-search-input{font-size:.95rem!important}.daftar-status .st-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-status .btn-deleted,.daftar-status .btn-refresh,.daftar-status .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-status .st-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-status .st-stat-card{min-width:unset!important;width:100%!important}.daftar-status .pag-btn-num:not(.pag-active){display:none!important}.daftar-status .pag-dots{display:none!important}}@media(max-width:480px){.daftar-status .st-page-title{font-size:1.45rem!important}.daftar-status .st-pagination-footer{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.daftar-status .st-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.daftar-status .tab-id-badge-status{display:inline-block!important;background:#f1f5f9!important;color:#1e293b!important;font-size:.78rem!important;font-weight:700!important;padding:.2rem .55rem!important;border:1px solid #e2e8f0!important;border-radius:5px!important;font-family:Courier New,monospace!important}.daftar-status .tab-name-status{color:#1a2332!important;font-weight:600!important;font-size:.9rem!important}.daftar-status .tab-desc-status{color:#64748b!important;font-size:.875rem!important}.daftar-status .tab-no-data{color:#cbd5e0!important;font-weight:400!important}.daftar-status .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#718096!important;font-size:.95rem!important;font-weight:500!important}.theme-staff .daftar-status .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-status .btn-add:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-status .st-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-status .st-search-clear:hover{color:#15803d!important}.theme-staff .daftar-status .st-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-status .st-page-size-select{background-color:#15803d!important}.theme-staff .daftar-status .st-page-size-select:hover{background-color:#166534!important}.theme-staff .daftar-status .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-status .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-status .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-status .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-status{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pds-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.575rem 1.125rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;font-family:inherit}.pds-btn-refresh:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.page-delete-status .pds-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-status .pds-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-status .pds-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-status .pds-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-status .pds-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-status .pds-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-status .pds-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-status .pds-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-status .pds-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-status .pds-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-status .pds-search-input::placeholder{color:#cbd5e1!important}.page-delete-status .pds-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;flex-shrink:0!important;font-weight:600!important;font-size:.85rem!important}.page-delete-status .pds-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc;transform:translateY(-1px)}.pds-child-warning{margin-top:.75rem;padding:.65rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.85rem;font-weight:500;line-height:1.5;text-align:left}@media(max-width:768px){.page-delete-status{padding:1rem}.pds-header{flex-direction:column;align-items:flex-start}.pds-stats{flex-wrap:wrap!important}.pds-search-wrapper{gap:.5rem}.pds-search-box{max-width:100%}.pds-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pds-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pds-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-status{min-width:700px!important}.pds-confirm-actions{flex-direction:column}.pds-btn-cancel,.pds-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pds-title{font-size:1.35rem}.pds-confirm-modal{padding:1.5rem 1.25rem}.pds-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-status{min-width:700px!important}}.modal-tambah-lokasi-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-lokasi-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mtl-fadeIn .2s ease-out}.modal-tambah-lokasi{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mtl-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-lokasi{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-lokasi{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-lokasi{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-lokasi svg{display:block!important;pointer-events:none!important}.btn-close-lokasi:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-lokasi{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-form-lokasi::-webkit-scrollbar{width:5px}.modal-form-lokasi::-webkit-scrollbar-track{background:transparent}.modal-form-lokasi::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-lokasi::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-lokasi{display:flex;flex-direction:column;gap:.4rem}.form-label-lokasi{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-label-lokasi .required{color:#dc2626;margin-left:2px}.form-hint{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.form-input-lokasi,.form-select-lokasi,.form-textarea-lokasi{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-lokasi:focus,.form-select-lokasi:focus,.form-textarea-lokasi:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-lokasi:hover:not(:focus):not(:disabled),.form-select-lokasi:hover:not(:focus):not(:disabled),.form-textarea-lokasi:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-lokasi:disabled,.form-select-lokasi:disabled,.form-textarea-lokasi:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-lokasi::placeholder,.form-textarea-lokasi::placeholder{color:#c4cdd9}.form-select-lokasi{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.form-textarea-lokasi{resize:vertical;min-height:76px;line-height:1.55}.modal-footer-lokasi{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-lokasi,.btn-simpan-lokasi{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-lokasi{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-lokasi:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-lokasi{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-lokasi:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-lokasi:disabled,.btn-simpan-lokasi:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes mtl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mtl-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-tambah-lokasi{width:95%;max-width:95%}.modal-header-lokasi{padding:1rem 1.25rem}.modal-form-lokasi{padding:1.125rem 1.25rem 1.25rem}.modal-title-lokasi{font-size:.95rem}}@media(max-width:480px){.modal-tambah-lokasi{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-lokasi{flex-direction:column-reverse}.btn-batal-lokasi,.btn-simpan-lokasi{width:100%;padding:.7rem}.form-input-lokasi,.form-select-lokasi,.form-textarea-lokasi{font-size:16px}@keyframes mtl-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .form-input-lokasi:focus,.theme-staff .form-select-lokasi:focus,.theme-staff .form-textarea-lokasi:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.theme-staff .btn-simpan-lokasi{background:#15803d!important}.theme-staff .btn-simpan-lokasi:hover:not(:disabled){background:#166534!important}.modal-detail-lokasi-wrapper{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.mdl-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-detail-lokasi{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header-detail{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-title-detail{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.btn-close-detail{background:transparent;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-detail:hover{background:#f8f9fa;color:#d32f2f}.detail-tabs{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa}.tab-button{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#666;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border-bottom:3px solid transparent}.tab-button:hover{background:#fff;color:#4a90e2}.tab-button.active{background:#fff;color:#4a90e2;border-bottom-color:#4a90e2}.modal-content-detail{padding:1.5rem;overflow-y:auto;flex:1;max-height:calc(90vh - 200px)}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.section-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.85rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.detail-item p{font-size:1rem;color:#333;margin:0;word-wrap:break-word}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block;width:fit-content}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.children-list{display:flex;flex-direction:column;gap:.75rem}.child-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.child-item:hover{background:#e9ecef;transform:translate(4px)}.child-info{display:flex;align-items:center;gap:.75rem}.child-id{font-size:.85rem;color:#666;font-weight:500}.child-name{font-size:.95rem;color:#333;font-weight:500}.tracking-timeline{position:relative;padding-left:2rem}.tracking-timeline:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:#e9ecef}.timeline-item{position:relative;margin-bottom:2rem;display:flex;gap:1rem}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline-icon.created{background:#e8f5e9;color:#2e7d32}.timeline-icon.updated{background:#e3f2fd;color:#1976d2}.timeline-icon.deleted{background:#ffebee;color:#c62828}.timeline-icon.restored{background:#fff3e0;color:#f57c00}.timeline-content{flex:1;padding-top:.25rem}.timeline-content h4{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.timeline-details{display:flex;flex-direction:column;gap:.25rem}.timeline-date{font-size:.9rem;color:#666;margin:0}.timeline-user{font-size:.9rem;color:#999;margin:0}.modal-footer-detail{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e9ecef}.btn-close-footer{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:#4a90e2;color:#fff}.btn-close-footer:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.modal-content-detail::-webkit-scrollbar{width:8px}.modal-content-detail::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content-detail::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.modal-content-detail::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.modal-detail-lokasi{width:95%;max-height:95vh}.modal-header-detail{padding:1rem}.modal-title-detail{font-size:1.25rem}.detail-tabs{flex-direction:column}.tab-button{border-bottom:none;border-left:3px solid transparent}.tab-button.active{border-bottom:none;border-left-color:#4a90e2}.modal-content-detail{padding:1rem;max-height:calc(95vh - 250px)}.detail-section{padding:1rem}.detail-grid{grid-template-columns:1fr}.tracking-timeline{padding-left:1rem}.tracking-timeline:before{left:1rem}.timeline-item{gap:.75rem}.timeline-icon{width:36px;height:36px}.modal-footer-detail{padding:1rem}.btn-close-footer{width:100%}}.master-lokasi-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-lokasi-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1.5rem!important;flex-wrap:wrap!important;gap:1rem!important}.master-lokasi-container .ml-header-left{flex:1!important}.master-lokasi-container .ml-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.master-lokasi-container .ml-page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.master-lokasi-container .ml-btn-deleted,.master-lokasi-container .ml-btn-refresh,.master-lokasi-container .ml-btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.master-lokasi-container .ml-btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.master-lokasi-container .ml-btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.master-lokasi-container .ml-btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.master-lokasi-container .ml-btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.master-lokasi-container .ml-btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.master-lokasi-container .ml-btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.master-lokasi-container .ml-btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.master-lokasi-container .ml-btn-add:disabled{opacity:.5!important;cursor:not-allowed!important}.master-lokasi-container .spinning{animation:mlok-spin 1s linear infinite!important}@keyframes mlok-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.master-lokasi-container .ml-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.master-lokasi-container .ml-error p{margin:0!important}.master-lokasi-container .ml-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.master-lokasi-container .ml-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.master-lokasi-container .ml-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.master-lokasi-container .ml-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.master-lokasi-container .ml-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.master-lokasi-container .ml-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.master-lokasi-container .ml-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.master-lokasi-container .ml-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.master-lokasi-container .ml-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.master-lokasi-container .ml-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.master-lokasi-container .ml-search-input::placeholder{color:#a0aec0!important}.master-lokasi-container .ml-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.master-lokasi-container .ml-search-clear:hover{color:#1e293b!important}.master-lokasi-container .ml-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.master-lokasi-container .ml-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;box-shadow:0 1px 4px #0000000a!important}.master-lokasi-container .ml-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.master-lokasi-container .ml-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.master-lokasi-container .ml-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mlok-spin .75s linear infinite!important}.master-lokasi-container .ml-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.master-lokasi-container .ml-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.master-lokasi-container .ml-table-wrapper .tabulator-table{width:100%!important}.master-lokasi-container .ml-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.master-lokasi-container .ml-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.master-lokasi-container .ml-table-wrapper .tabulator-col:last-child{border-right:none!important}.master-lokasi-container .ml-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.85rem 1rem!important;white-space:nowrap!important}.master-lokasi-container .ml-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.master-lokasi-container .ml-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.master-lokasi-container .ml-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.master-lokasi-container .ml-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.master-lokasi-container .ml-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.master-lokasi-container .ml-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.master-lokasi-container .ml-table-wrapper .tabulator-cell{padding:.8rem 1rem!important;color:#2d3748!important;font-size:.875rem!important;border-right:none!important;flex:1!important}.master-lokasi-container .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-id-badge-lokasi{display:inline-block!important;background:#f1f5f9!important;color:#1e293b!important;font-size:.78rem!important;font-weight:700!important;padding:.2rem .55rem!important;border-radius:5px!important;font-family:Courier New,monospace!important;border:1px solid #e2e8f0!important}.tab-name-lokasi{color:#1a2332!important;font-weight:600!important;font-size:.9rem!important}.tab-parent-name-lokasi{color:#64748b!important;font-weight:500!important;font-size:.875rem!important}.tab-user-lokasi{color:#2d3748!important;font-weight:500!important;font-size:.88rem!important}.tab-badge{display:inline-block!important;padding:.2rem .6rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important}.tab-badge-parent{background:#dbeafe!important;color:#1d4ed8!important}.tab-badge-child{background:#fef9c3!important;color:#713f12!important}.master-lokasi-container .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.master-lokasi-container .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.master-lokasi-container .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.master-lokasi-container .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.master-lokasi-container .pagination-size-select:hover{background-color:#162030!important}.master-lokasi-container .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.master-lokasi-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.master-lokasi-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.master-lokasi-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.master-lokasi-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-lokasi-container .pag-btn-num{background:transparent!important;color:#64748b!important}.master-lokasi-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-lokasi-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.master-lokasi-container .pag-btn-num.pag-active:hover{background:#162030!important}.master-lokasi-container .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-lokasi-container{padding:1rem!important}.master-lokasi-header{flex-direction:column!important;align-items:flex-start!important}.master-lokasi-container .ml-action-bar{flex-direction:column!important;align-items:stretch!important}.master-lokasi-container .ml-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.master-lokasi-container .ml-search-input{font-size:.95rem!important}.master-lokasi-container .ml-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.master-lokasi-container .ml-btn-deleted,.master-lokasi-container .ml-btn-refresh,.master-lokasi-container .ml-btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.master-lokasi-container .ml-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.master-lokasi-container .ml-stat-card{min-width:unset!important;width:100%!important}.master-lokasi-container .ml-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.master-lokasi-container .ml-table-wrapper .tabulator{min-width:700px!important}.master-lokasi-container .pagination-bar{justify-content:center!important}.master-lokasi-container .pag-btn-num:not(.pag-active){display:none!important}.master-lokasi-container .pag-dots{display:none!important}}@media(max-width:480px){.master-lokasi-container .ml-page-title{font-size:1.45rem!important}.master-lokasi-container .ml-search-box{height:48px!important}.master-lokasi-container .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .master-lokasi-container .ml-btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .master-lokasi-container .ml-btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .master-lokasi-container .ml-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .master-lokasi-container .ml-search-clear:hover{color:#15803d!important}.theme-staff .master-lokasi-container .ml-spinner{border-top-color:#22c55e!important}.theme-staff .master-lokasi-container .ml-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .tab-badge-parent{background:#dcfce7!important;color:#15803d!important}.theme-staff .master-lokasi-container .pagination-size-select{background-color:#15803d!important}.theme-staff .master-lokasi-container .pagination-size-select:hover{background-color:#166534!important}.theme-staff .master-lokasi-container .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .master-lokasi-container .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .master-lokasi-container .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .master-lokasi-container .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-lokasi{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdl-header-left{display:flex;align-items:center;gap:.875rem}.pdl-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdl-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdl-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdl-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdl-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdl-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdl-btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.575rem 1.125rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;font-family:inherit}.pdl-btn-refresh:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.spinning{animation:pdl-spin 1s linear infinite}@keyframes pdl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdl-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdl-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdl-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdl-error p{margin:0}.page-delete-lokasi .pdl-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-lokasi .pdl-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-lokasi .pdl-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-lokasi .pdl-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-lokasi .pdl-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-lokasi .pdl-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-lokasi .pdl-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-lokasi .pdl-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-lokasi .pdl-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-lokasi .pdl-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-lokasi .pdl-search-input::placeholder{color:#cbd5e1!important}.page-delete-lokasi .pdl-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;flex-shrink:0!important;font-weight:600!important;font-size:.85rem!important}.page-delete-lokasi .pdl-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc;transform:translateY(-1px)}.pdl-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.pdl-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdl-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdl-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdl-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdl-spin .8s linear infinite}.pdl-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.pdl-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdl-fadeIn .2s ease-out}.pdl-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdl-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdl-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdl-fadeIn{0%{opacity:0}to{opacity:1}}.pdl-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdl-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdl-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdl-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdl-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdl-text-danger{color:#b91c1c;font-weight:700}.pdl-child-warning{margin-top:.75rem;padding:.65rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.85rem;font-weight:500;line-height:1.5;text-align:left}.pdl-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdl-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdl-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdl-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:768px){.page-delete-lokasi{padding:1rem}.pdl-header{flex-direction:column;align-items:flex-start}.pdl-stats{flex-wrap:wrap!important}.pdl-search-wrapper{gap:.5rem}.pdl-search-box{max-width:100%}.pdl-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pdl-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdl-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-lokasi{min-width:700px!important}.pdl-confirm-actions{flex-direction:column}.pdl-btn-cancel,.pdl-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdl-title{font-size:1.35rem}.pdl-confirm-modal{padding:1.5rem 1.25rem}.pdl-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-lokasi{min-width:700px!important}}.theme-staff .pdl-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdl-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdl-spinner{border-top-color:#22c55e!important}.modal-tambah-satuan-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-satuan-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mts-fadeIn .2s ease-out}.modal-tambah-satuan{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mts-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-satuan{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-satuan{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-satuan{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-satuan svg{display:block!important;pointer-events:none!important}.btn-close-satuan:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-satuan{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-form-satuan::-webkit-scrollbar{width:5px}.modal-form-satuan::-webkit-scrollbar-track{background:transparent}.modal-form-satuan::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-satuan::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-satuan{display:flex;flex-direction:column;gap:.4rem}.form-label-satuan{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.form-label-satuan .required{color:#dc2626}.form-input-satuan{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-satuan:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-satuan:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-satuan:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-satuan::placeholder{color:#c4cdd9}.satuan-code-row{display:flex;gap:.5rem}.satuan-code-row .form-input-satuan{flex:1}.btn-generate-code{flex-shrink:0;width:42px;height:42px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.btn-generate-code:hover:not(:disabled){background:#1e293b;border-color:#1e293b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-generate-code:disabled{opacity:.4;cursor:not-allowed}.code-hint{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.code-hint--auto{color:#475569}.modal-footer-satuan{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-satuan,.btn-simpan-satuan{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-satuan{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-satuan:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-satuan{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-satuan:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-satuan:disabled,.btn-simpan-satuan:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:768px){.modal-tambah-satuan{width:95%;max-width:95%}.modal-header-satuan{padding:1rem 1.25rem}.modal-form-satuan{padding:1.125rem 1.25rem 1.25rem}.modal-title-satuan{font-size:.95rem}}@media(max-width:480px){.modal-tambah-satuan{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-satuan{flex-direction:column-reverse}.btn-batal-satuan,.btn-simpan-satuan{width:100%;padding:.7rem}.form-input-satuan{font-size:16px}@keyframes mts-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .form-input-satuan:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.theme-staff .btn-generate-code:hover:not(:disabled){background:#15803d!important;border-color:#15803d!important}.theme-staff .btn-simpan-satuan{background:#15803d!important}.theme-staff .btn-simpan-satuan:hover:not(:disabled){background:#166534!important}.theme-staff .form-checkbox-label:has(input:checked){border-color:#15803d!important}.theme-staff .form-checkbox{accent-color:#15803d!important}.modal-detail-satuan-wrapper{position:fixed;inset:0;z-index:9998}.modal-detail-satuan-wrapper .mds-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeInSatuan .2s ease-out}.modal-detail-satuan{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:9999;animation:slideUpSatuan .3s ease-out;display:flex;flex-direction:column}.modal-header-detail-satuan{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e2e8f0;flex-shrink:0}.modal-title-detail-satuan{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.btn-close-detail-satuan{width:32px;height:32px;border:none;background:#fee;color:#e74c3c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-close-detail-satuan:hover{background:#e74c3c;color:#fff}.detail-tabs-satuan{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.tab-button-satuan{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#718096;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-button-satuan:hover{color:#2d3748;background:#f7fafc;border-radius:8px 8px 0 0}.tab-button-satuan.active{color:#667eea;border-bottom-color:#667eea}.modal-content-detail-satuan{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.modal-content-detail-satuan::-webkit-scrollbar{width:8px}.modal-content-detail-satuan::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.modal-content-detail-satuan::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-content-detail-satuan::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tab-content-satuan{display:flex;flex-direction:column;gap:1.5rem}.detail-section-satuan{background:#f7fafc;border-radius:10px;padding:1.25rem}.section-title-satuan{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.detail-grid-satuan{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item-satuan{display:flex;flex-direction:column;gap:.5rem}.detail-item-satuan.full-width{grid-column:1 / -1}.detail-item-satuan label{font-size:.85rem;font-weight:600;color:#718096;display:flex;align-items:center;gap:.5rem}.detail-item-satuan p{font-size:.95rem;color:#2d3748;margin:0;word-break:break-word}.status-badge-satuan{display:inline-flex;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge-satuan.active{background:#d4edda;color:#155724}.status-badge-satuan.inactive{background:#f8d7da;color:#721c24}.tracking-timeline-satuan{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.tracking-timeline-satuan:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:#e2e8f0}.timeline-item-satuan{display:flex;gap:1rem;position:relative}.timeline-icon-satuan{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-icon-satuan.created{background:#d4edda;color:#155724}.timeline-icon-satuan.updated{background:#cce5ff;color:#004085}.timeline-icon-satuan.deleted{background:#f8d7da;color:#721c24}.timeline-icon-satuan.restored{background:#fff3cd;color:#856404}.timeline-content-satuan{flex:1;background:#fff;padding:1rem;border-radius:8px;border:2px solid #e2e8f0}.timeline-content-satuan h4{font-size:.95rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.timeline-details-satuan{display:flex;flex-direction:column;gap:.25rem}.timeline-date-satuan{font-size:.9rem;color:#2d3748;font-weight:600;margin:0}.timeline-user-satuan{font-size:.85rem;color:#718096;margin:0}.modal-footer-detail-satuan{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:2px solid #e2e8f0;flex-shrink:0}.btn-close-footer-satuan{padding:.75rem 1.75rem;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-footer-satuan:hover{background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}@keyframes fadeInSatuan{0%{opacity:0}to{opacity:1}}@keyframes slideUpSatuan{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-satuan{width:95%;max-height:90vh}.detail-grid-satuan{grid-template-columns:1fr}.detail-tabs-satuan{overflow-x:auto;scrollbar-width:none}.detail-tabs-satuan::-webkit-scrollbar{display:none}.tab-button-satuan{white-space:nowrap}}@media(max-width:480px){.modal-detail-satuan{width:100%;max-height:100vh;border-radius:0}.modal-header-detail-satuan,.detail-tabs-satuan,.modal-content-detail-satuan,.modal-footer-detail-satuan{padding-left:1rem;padding-right:1rem}.tracking-timeline-satuan{padding-left:1.5rem}.tracking-timeline-satuan:before{left:15px}.timeline-icon-satuan{width:35px;height:35px}}.theme-staff .tab-button-satuan.active{color:#15803d!important;border-bottom-color:#15803d!important}.master-satuan-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-satuan-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.master-satuan-container .header-left{flex:1!important}.master-satuan-container .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.master-satuan-container .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.master-satuan-container .btn-deleted,.master-satuan-container .btn-refresh,.master-satuan-container .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.master-satuan-container .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.master-satuan-container .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.master-satuan-container .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.master-satuan-container .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.master-satuan-container .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.master-satuan-container .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.master-satuan-container .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.master-satuan-container .btn-add:disabled{opacity:.5!important;cursor:not-allowed!important}.master-satuan-container .spinning{animation:msat-spin 1s linear infinite!important}@keyframes msat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.master-satuan-container .mk-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.master-satuan-container .mk-error p{margin:0!important}.master-satuan-container .mk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.master-satuan-container .mk-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.master-satuan-container .mk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.master-satuan-container .mk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.master-satuan-container .mk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.master-satuan-container .mk-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.master-satuan-container .mk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.master-satuan-container .mk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.master-satuan-container .mk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.master-satuan-container .mk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.master-satuan-container .mk-search-input::placeholder{color:#a0aec0!important}.master-satuan-container .mk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.master-satuan-container .mk-search-clear:hover{color:#1e293b!important}.master-satuan-container .mk-action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;align-items:center!important;flex-shrink:0!important}.master-satuan-container .mk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.master-satuan-container .mk-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.master-satuan-container .mk-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.master-satuan-container .mk-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:msat-spin .75s linear infinite!important}.master-satuan-container .mk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.master-satuan-container .mk-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.master-satuan-container .mk-table-wrapper .tabulator-table{width:100%!important}.master-satuan-container .mk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.master-satuan-container .mk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.master-satuan-container .mk-table-wrapper .tabulator-col:last-child{border-right:none!important}.master-satuan-container .mk-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.master-satuan-container .mk-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.master-satuan-container .mk-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.master-satuan-container .mk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.master-satuan-container .mk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.master-satuan-container .mk-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.master-satuan-container .mk-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.master-satuan-container .mk-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.master-satuan-container .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-id-badge-satuan{display:inline-block!important;background:#f1f5f9!important;color:#1e293b!important;font-size:.78rem!important;font-weight:700!important;padding:.2rem .55rem!important;border-radius:5px!important;font-family:Courier New,monospace!important;border:1px solid #e2e8f0!important}.tab-code-satuan{font-family:Courier New,monospace!important;font-weight:700!important;color:#1a2332!important;letter-spacing:.03em!important}.tab-name-satuan{color:#1a2332!important;font-weight:600!important;font-size:.9rem!important}.master-satuan-container .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.master-satuan-container .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.master-satuan-container .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.master-satuan-container .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.master-satuan-container .pagination-size-select:hover{background-color:#162030!important}.master-satuan-container .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.master-satuan-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.master-satuan-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.master-satuan-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.master-satuan-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-satuan-container .pag-btn-num{background:transparent!important;color:#64748b!important}.master-satuan-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-satuan-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.master-satuan-container .pag-btn-num.pag-active:hover{background:#162030!important}.master-satuan-container .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-satuan-container{padding:1rem!important}.master-satuan-header{flex-direction:column!important;align-items:flex-start!important}.master-satuan-container .mk-action-bar{flex-direction:column!important;align-items:stretch!important}.master-satuan-container .mk-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.master-satuan-container .mk-search-input{font-size:.95rem!important}.master-satuan-container .mk-action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;align-items:center!important;justify-content:stretch!important;gap:.45rem!important}.master-satuan-container .btn-deleted,.master-satuan-container .btn-refresh,.master-satuan-container .btn-add{flex:1 1 0!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;font-size:.8rem!important;padding:0 .5rem!important;height:38px!important;white-space:nowrap!important}.master-satuan-container .mk-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.master-satuan-container .mk-stat-card{min-width:unset!important;width:100%!important}.master-satuan-container .mk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.master-satuan-container .mk-table-wrapper .tabulator{min-width:520px!important}.master-satuan-container .pagination-bar{justify-content:center!important}.master-satuan-container .pag-btn-num:not(.pag-active){display:none!important}.master-satuan-container .pag-dots{display:none!important}}@media(max-width:480px){.master-satuan-container .page-title{font-size:1.45rem!important}.master-satuan-container .mk-search-box{height:48px!important}.master-satuan-container .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .master-satuan-container .btn-add{background:#15803d!important}.theme-staff .master-satuan-container .btn-add:hover:not(:disabled){background:#166534!important}.theme-staff .master-satuan-container .mk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .master-satuan-container .mk-spinner{border-top-color:#22c55e!important}.theme-staff .master-satuan-container .mk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .master-satuan-container .tab-btn-view{background:#f0fdf4!important;color:#16a34a!important}.theme-staff .master-satuan-container .tab-btn-view:hover{background:#16a34a!important;color:#fff!important}.theme-staff .master-satuan-container .pagination-size-select{background-color:#15803d!important;border-color:#15803d!important}.theme-staff .master-satuan-container .pagination-size-select:hover{background-color:#166534!important}.theme-staff .master-satuan-container .pag-btn-num.pag-active{background:#15803d!important;border-color:#15803d!important}.theme-staff .master-satuan-container .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-satuan{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pds-error{padding:.6rem 1rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1rem}.page-delete-satuan .pds-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-satuan .pds-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-satuan .pds-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-satuan .pds-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-satuan .pds-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-satuan .pds-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-satuan .pds-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-satuan .pds-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-satuan .pds-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-satuan .pds-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-satuan .pds-search-input::placeholder{color:#cbd5e1!important}.page-delete-satuan .pds-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;flex-shrink:0!important;font-weight:600!important;font-size:.85rem!important}.page-delete-satuan .pds-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc;transform:translateY(-1px)}.pds-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.tab-code-satuan{font-family:Courier New,monospace;font-weight:700;color:#1e293b;letter-spacing:.03em}@media(max-width:768px){.page-delete-satuan{padding:1rem}.pds-header{flex-direction:column;align-items:flex-start}.pds-stats{flex-wrap:wrap!important}.pds-search-wrapper{gap:.5rem}.pds-search-box{max-width:100%}.pds-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pds-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pds-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-satuan{min-width:700px!important}.pds-confirm-actions{flex-direction:column}.pds-btn-cancel,.pds-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pds-title{font-size:1.35rem}.pds-confirm-modal{padding:1.5rem 1.25rem}.pds-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-satuan{min-width:700px!important}}.theme-staff .pds-btn-back:hover{border-color:#15803d!important;background:#15803d!important}.modal-tambah-supplier-wrapper{position:fixed!important;inset:0;z-index:9998}.modal-tambah-supplier-wrapper .mtkn-backdrop{position:fixed!important;inset:0;background:#0a12208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mts-fadeIn .2s ease-out}.modal-tambah-supplier{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:480px;max-height:88vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0a122038;z-index:9999!important;animation:mts-slideUp .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.modal-header-supplier{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.125rem;border-bottom:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.modal-title-supplier{font-size:1rem;font-weight:700;color:#0f172a;flex:1;padding-right:1rem;margin:0;letter-spacing:-.01em}.btn-close-supplier{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.btn-close-supplier svg{display:block!important;pointer-events:none!important}.btn-close-supplier:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.modal-form-supplier{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;flex:1}.modal-form-supplier::-webkit-scrollbar{width:5px}.modal-form-supplier::-webkit-scrollbar-track{background:transparent}.modal-form-supplier::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.modal-form-supplier::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group-supplier{display:flex;flex-direction:column;gap:.4rem}.form-label-supplier{font-size:.825rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-label-supplier .required{color:#dc2626;margin-left:2px}.form-hint-supplier{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.form-input-supplier{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;line-height:1.5}.form-input-supplier:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b1a!important}.form-input-supplier:hover:not(:focus):not(:disabled){border-color:#cbd5e1}.form-input-supplier:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.form-input-supplier::placeholder{color:#c4cdd9}.form-input-supplier.error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262614!important}.error-message{font-size:.8rem;color:#dc2626;font-weight:500;margin-top:.15rem}.form-textarea-supplier{resize:vertical;min-height:80px;font-family:inherit;line-height:1.55}.form-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151;padding:.45rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .18s ease;-webkit-user-select:none;user-select:none;font-weight:500;width:fit-content}.form-checkbox-label:has(input:checked){border-color:#1e293b;background:#f0f4f8;color:#0f172a;font-weight:600}.form-checkbox-label:hover:not(:has(input:disabled)){border-color:#94a3b8;background:#fafbfd}.form-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#1e293b;margin:0}.form-checkbox:disabled{cursor:not-allowed;opacity:.5}.modal-footer-supplier{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.btn-batal-supplier,.btn-simpan-supplier{padding:.575rem 1.375rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-batal-supplier{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.btn-batal-supplier:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.btn-simpan-supplier{background:#1e293b;color:#fff;border:none;min-width:110px;box-shadow:0 1px 4px #1e293b33}.btn-simpan-supplier:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.btn-batal-supplier:disabled,.btn-simpan-supplier:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes mts-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mts-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-tambah-supplier{width:95%;max-width:95%}.modal-header-supplier{padding:1rem 1.25rem}.modal-form-supplier{padding:1.125rem 1.25rem 1.25rem}.modal-title-supplier{font-size:.95rem}}@media(max-width:480px){.modal-tambah-supplier{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.modal-footer-supplier{flex-direction:column-reverse}.btn-batal-supplier,.btn-simpan-supplier{width:100%;padding:.7rem}.form-input-supplier{font-size:16px}@keyframes mts-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}.theme-staff .modal-tambah-supplier .btn-simpan-supplier{background:#15803d!important;box-shadow:0 1px 4px #15803d33!important}.theme-staff .modal-tambah-supplier .btn-simpan-supplier:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 12px #15803d47!important}.theme-staff .modal-tambah-supplier .form-input-supplier:focus{border-color:#15803d!important;box-shadow:0 0 0 3px #15803d1a!important}.theme-staff .modal-tambah-supplier .form-checkbox-label:has(input:checked){border-color:#15803d!important;background:#f0fdf4!important}.theme-staff .modal-tambah-supplier .form-checkbox{accent-color:#15803d!important}.modal-detail-supplier-wrapper{position:fixed;inset:0;z-index:9998}.modal-detail-supplier-wrapper .mds-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeInSupplier .2s ease-out}.modal-detail-supplier{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:9999;animation:slideUpSupplier .3s ease-out;display:flex;flex-direction:column}.modal-header-detail-supplier{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e2e8f0;flex-shrink:0}.modal-title-detail-supplier{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.btn-close-detail-supplier{width:32px;height:32px;border:none;background:#fee;color:#e74c3c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-close-detail-supplier:hover{background:#e74c3c;color:#fff}.detail-tabs-supplier{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.tab-button-supplier{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#718096;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-button-supplier:hover{color:#2d3748;background:#f7fafc;border-radius:8px 8px 0 0}.tab-button-supplier.active{color:#667eea;border-bottom-color:#667eea}.modal-content-detail-supplier{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.modal-content-detail-supplier::-webkit-scrollbar{width:8px}.modal-content-detail-supplier::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.modal-content-detail-supplier::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.modal-content-detail-supplier::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tab-content-supplier{display:flex;flex-direction:column;gap:1.5rem}.detail-section-supplier{background:#f7fafc;border-radius:10px;padding:1.25rem}.section-title-supplier{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.detail-grid-supplier{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item-supplier{display:flex;flex-direction:column;gap:.5rem}.detail-item-supplier.full-width{grid-column:1 / -1}.detail-item-supplier label{font-size:.85rem;font-weight:600;color:#718096;display:flex;align-items:center;gap:.5rem}.detail-item-supplier p{font-size:.95rem;color:#2d3748;margin:0;word-break:break-word}.status-badge-supplier{display:inline-flex;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge-supplier.active{background:#d4edda;color:#155724}.status-badge-supplier.inactive{background:#f8d7da;color:#721c24}.tracking-timeline-supplier{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.tracking-timeline-supplier:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:#e2e8f0}.timeline-item-supplier{display:flex;gap:1rem;position:relative}.timeline-icon-supplier{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-icon-supplier.created{background:#d4edda;color:#155724}.timeline-icon-supplier.updated{background:#cce5ff;color:#004085}.timeline-icon-supplier.deleted{background:#f8d7da;color:#721c24}.timeline-icon-supplier.restored{background:#fff3cd;color:#856404}.timeline-content-supplier{flex:1;background:#fff;padding:1rem;border-radius:8px;border:2px solid #e2e8f0}.timeline-content-supplier h4{font-size:.95rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.timeline-details-supplier{display:flex;flex-direction:column;gap:.25rem}.timeline-date-supplier{font-size:.9rem;color:#2d3748;font-weight:600;margin:0}.timeline-user-supplier{font-size:.85rem;color:#718096;margin:0}.modal-footer-detail-supplier{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:2px solid #e2e8f0;flex-shrink:0}.btn-close-footer-supplier{padding:.75rem 1.75rem;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-close-footer-supplier:hover{background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}.loading-state{text-align:center;padding:3rem;color:#718096;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-state{text-align:center;padding:3rem;color:#e74c3c;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-retry{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:#5568d3;transform:translateY(-2px)}@keyframes fadeInSupplier{0%{opacity:0}to{opacity:1}}@keyframes slideUpSupplier{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.modal-detail-supplier{width:95%;max-height:90vh}.detail-grid-supplier{grid-template-columns:1fr}.detail-tabs-supplier{overflow-x:auto;scrollbar-width:none}.detail-tabs-supplier::-webkit-scrollbar{display:none}.tab-button-supplier{white-space:nowrap}}@media(max-width:480px){.modal-detail-supplier{width:100%;max-height:100vh;border-radius:0}.modal-header-detail-supplier,.detail-tabs-supplier,.modal-content-detail-supplier,.modal-footer-detail-supplier{padding-left:1rem;padding-right:1rem}.tracking-timeline-supplier{padding-left:1.5rem}.tracking-timeline-supplier:before{left:15px}.timeline-icon-supplier{width:35px;height:35px}}.theme-staff .modal-detail-supplier .tab-button-supplier.active{color:#15803d!important;border-bottom-color:#22c55e!important}.theme-staff .modal-detail-supplier .btn-retry{background:#15803d!important}.theme-staff .modal-detail-supplier .btn-retry:hover{background:#166534!important}.master-supplier-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.master-supplier-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.master-supplier-container .header-left{flex:1!important}.master-supplier-container .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.master-supplier-container .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.master-supplier-container .btn-deleted,.master-supplier-container .btn-refresh,.master-supplier-container .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.master-supplier-container .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.master-supplier-container .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.master-supplier-container .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.master-supplier-container .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.master-supplier-container .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.master-supplier-container .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.master-supplier-container .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.master-supplier-container .spinning{animation:ms-spin 1s linear infinite!important}@keyframes ms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.master-supplier-container .ms-error{padding:.9rem 1.1rem!important;background:#fdf3f2!important;border:1.5px solid #f5c6c2!important;border-radius:10px!important;color:#c0392b!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1.25rem!important}.master-supplier-container .ms-error p{margin:0!important}.master-supplier-container .ms-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.master-supplier-container .ms-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.master-supplier-container .ms-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.master-supplier-container .ms-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.master-supplier-container .ms-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.master-supplier-container .ms-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.master-supplier-container .ms-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.master-supplier-container .ms-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.master-supplier-container .ms-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.master-supplier-container .ms-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.master-supplier-container .ms-search-input::placeholder{color:#a0aec0!important}.master-supplier-container .ms-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;flex-shrink:0!important;transition:color .15s!important}.master-supplier-container .ms-search-clear:hover{color:#1e293b!important}.master-supplier-container .ms-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.master-supplier-container .ms-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.master-supplier-container .ms-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.master-supplier-container .ms-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.master-supplier-container .ms-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:ms-spin .75s linear infinite!important}.master-supplier-container .ms-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.master-supplier-container .ms-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.master-supplier-container .ms-table-wrapper .tabulator-table{width:100%!important}.master-supplier-container .ms-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.master-supplier-container .ms-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.master-supplier-container .ms-table-wrapper .tabulator-col:last-child{border-right:none!important}.master-supplier-container .ms-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.master-supplier-container .ms-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.master-supplier-container .ms-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.master-supplier-container .ms-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.master-supplier-container .ms-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.master-supplier-container .ms-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.master-supplier-container .ms-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.master-supplier-container .ms-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.master-supplier-container .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-id-badge{display:inline-block!important;background:#f1f5f9!important;color:#1e293b!important;font-size:.78rem!important;font-weight:700!important;padding:.2rem .55rem!important;border-radius:5px!important;font-family:Courier New,monospace!important;border:1px solid #e2e8f0!important}.tab-name{color:#1a2332!important;font-weight:600!important;font-size:.9rem!important}.tab-status-inactive{background:#fee2e2!important;color:#991b1b!important}.master-supplier-container .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.master-supplier-container .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.master-supplier-container .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.master-supplier-container .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.master-supplier-container .pagination-size-select:hover{background-color:#162030!important}.master-supplier-container .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.master-supplier-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.master-supplier-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.master-supplier-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.master-supplier-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-supplier-container .pag-btn-num{background:transparent!important;color:#64748b!important}.master-supplier-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.master-supplier-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.master-supplier-container .pag-btn-num.pag-active:hover{background:#162030!important}.master-supplier-container .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}@media(max-width:768px){.master-supplier-container{padding:1rem!important}.master-supplier-header{flex-direction:column!important;align-items:flex-start!important}.master-supplier-container .ms-action-bar{flex-direction:column!important;align-items:stretch!important}.master-supplier-container .ms-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.master-supplier-container .ms-search-input{font-size:.95rem!important}.master-supplier-container .ms-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.master-supplier-container .btn-deleted,.master-supplier-container .btn-refresh,.master-supplier-container .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.master-supplier-container .ms-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.master-supplier-container .ms-stat-card{min-width:unset!important;width:100%!important}.master-supplier-container .ms-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.master-supplier-container .ms-table-wrapper .tabulator{min-width:620px!important}.master-supplier-container .pagination-bar{justify-content:center!important}.master-supplier-container .pag-btn-num:not(.pag-active){display:none!important}.master-supplier-container .pag-dots{display:none!important}}@media(max-width:480px){.master-supplier-container .page-title{font-size:1.45rem!important}.master-supplier-container .ms-search-box{height:48px!important}.master-supplier-container .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-staff .master-supplier-container .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .master-supplier-container .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .master-supplier-container .ms-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .master-supplier-container .ms-search-clear:hover{color:#15803d!important}.theme-staff .master-supplier-container .ms-spinner{border-top-color:#22c55e!important}.theme-staff .master-supplier-container .ms-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .tab-btn-view svg{stroke:#16a34a!important}.theme-staff .tab-btn-view:hover{background:#16a34a!important;color:#fff!important;box-shadow:0 3px 8px #16a34a4d!important}.theme-staff .tab-btn-view:hover svg{stroke:#fff!important}.theme-staff .master-supplier-container .pagination-size-select{background-color:#15803d!important}.theme-staff .master-supplier-container .pagination-size-select:hover{background-color:#166534!important}.theme-staff .master-supplier-container .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .master-supplier-container .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .master-supplier-container .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .master-supplier-container .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-supplier{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pds-header-left{display:flex;align-items:center;gap:.875rem}.pds-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pds-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pds-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pds-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pds-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pds-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pds-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pds-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pds-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pds-error p{margin:0}.page-delete-supplier .pds-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-supplier .pds-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-supplier .pds-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-supplier .pds-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-supplier .pds-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.page-delete-supplier .pds-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-supplier .pds-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-supplier .pds-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-supplier .pds-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-supplier .pds-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-supplier .pds-search-input::placeholder{color:#cbd5e1!important}.page-delete-supplier .pds-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important;flex-shrink:0!important}.page-delete-supplier .pds-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.pds-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.spinning{animation:pds-spin 1s linear infinite}@keyframes pds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pds-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pds-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pds-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pds-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pds-spin .8s linear infinite}.pds-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.tab-id-badge-supplier-del{display:inline-block;background:#f4f7fa;color:#718096;font-size:.8rem;font-weight:700;padding:.2rem .55rem;border:1px solid #e2e8f0;border-radius:4px;font-family:Courier New,monospace}.tab-code-supplier{color:#475569;font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.tab-name-supplier{color:#1a2332;font-weight:600}.tab-pic-supplier{color:#1a2332;font-weight:500}.tab-phone-supplier{color:#2563eb;font-weight:500;font-size:.88rem}.tab-user-supplier{color:#1a2332;font-weight:500;font-size:.88rem}.tab-no-val{color:#a0aec0;font-weight:400}.tab-date-deleted-supplier{color:#dc2626;font-size:.85rem;font-weight:500}.tab-btn{width:30px;height:30px;border:none;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .15s,transform .15s;padding:0}.tab-btn svg{display:block;pointer-events:none}.pds-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pds-fadeIn .2s ease-out}.pds-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pds-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pds-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pds-fadeIn{0%{opacity:0}to{opacity:1}}.pds-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pds-confirm-icon.restore{background:#dcfce7;color:#15803d}.pds-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pds-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pds-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pds-text-danger{color:#b91c1c;font-weight:700}.pds-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pds-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pds-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pds-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:768px){.page-delete-supplier{padding:1rem}.pds-header{flex-direction:column;align-items:flex-start}.pds-stats{flex-wrap:wrap!important}.pds-search-wrapper{gap:.5rem}.pds-search-box{max-width:100%}.pds-btn-refresh{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.575rem 1.125rem!important;font-size:.875rem!important;font-weight:600!important;font-family:inherit!important}.pds-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pds-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-supplier{min-width:850px!important}.pds-confirm-actions{flex-direction:column}.pds-btn-cancel,.pds-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pds-title{font-size:1.35rem}.pds-confirm-modal{padding:1.5rem 1.25rem}.pds-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-supplier{min-width:850px!important}}.theme-staff .pds-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pds-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pds-spinner{border-top-color:#22c55e!important}.daftar-barangmasuk{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.daftar-barangmasuk .bm-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-barangmasuk .bm-header-left{flex:1!important}.daftar-barangmasuk .bm-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-barangmasuk .bm-page-company{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-barangmasuk .btn-deleted,.daftar-barangmasuk .btn-refresh,.daftar-barangmasuk .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-barangmasuk .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-barangmasuk .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-barangmasuk .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-barangmasuk .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-barangmasuk .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barangmasuk .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-barangmasuk .btn-add:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-barangmasuk .spinning{animation:bm-spin 1s linear infinite!important}.daftar-barangmasuk .bm-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-barangmasuk .bm-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-barangmasuk .bm-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-barangmasuk .bm-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-barangmasuk .bm-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.daftar-barangmasuk .bm-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.daftar-barangmasuk .bm-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-barangmasuk .bm-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-barangmasuk .bm-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-barangmasuk .bm-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-barangmasuk .bm-search-input::placeholder{color:#a0aec0!important}.daftar-barangmasuk .bm-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.daftar-barangmasuk .bm-search-clear:hover{color:#1e293b!important}.daftar-barangmasuk .bm-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.td-ref-status-pill{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:500;background:#fef3c7;color:#92400e;white-space:nowrap;vertical-align:middle;margin-left:4px}.daftar-barangmasuk .bm-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.daftar-barangmasuk .bm-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.daftar-barangmasuk .bm-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.daftar-barangmasuk .bm-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:bm-spin .75s linear infinite!important}.daftar-barangmasuk .bm-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-table{width:100%!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-col:last-child{border-right:none!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.daftar-barangmasuk .bm-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.daftar-barangmasuk .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.daftar-barangmasuk .status-badge-bm{display:inline-flex!important;align-items:center!important;gap:.3rem!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;white-space:nowrap!important}.daftar-barangmasuk .badge-draft{background:#fef3c7!important;color:#92400e!important}.daftar-barangmasuk .badge-approved{background:#d1fae5!important;color:#065f46!important}.daftar-barangmasuk .jenis-badge-bm{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;white-space:nowrap!important}.daftar-barangmasuk .badge-supplier{background:#dbeafe!important;color:#1d4ed8!important}.daftar-barangmasuk .badge-in{background:#fce7f3!important;color:#9d174d!important}.daftar-barangmasuk .bm-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.daftar-barangmasuk .bm-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.daftar-barangmasuk .bm-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.daftar-barangmasuk .bm-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-barangmasuk .bm-page-size-select:hover{background-color:#162030!important}.daftar-barangmasuk .bm-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-barangmasuk .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-barangmasuk .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-barangmasuk .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.daftar-barangmasuk .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangmasuk .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-barangmasuk .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangmasuk .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-barangmasuk .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-barangmasuk .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.bm-tracking-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:bm-fadeIn .2s ease!important}@keyframes bm-fadeIn{0%{opacity:0}to{opacity:1}}.bm-tracking-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:420px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;z-index:9999!important;animation:bm-slideUp .25s ease!important;overflow:hidden!important}@keyframes bm-slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.daftar-barangmasuk{padding:1rem!important}.daftar-barangmasuk .bm-header{flex-direction:column!important;align-items:flex-start!important}.daftar-barangmasuk .bm-page-title{font-size:1.45rem!important}.daftar-barangmasuk .bm-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-barangmasuk .bm-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-barangmasuk .bm-search-input{font-size:.95rem!important}.daftar-barangmasuk .bm-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-barangmasuk .btn-deleted,.daftar-barangmasuk .btn-refresh,.daftar-barangmasuk .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-barangmasuk .bm-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-barangmasuk .bm-stat-card{min-width:unset!important;width:100%!important}.daftar-barangmasuk .bm-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.daftar-barangmasuk .bm-table-wrapper .tabulator{min-width:900px!important}.daftar-barangmasuk .bm-pagination-footer{justify-content:center!important;gap:.5rem!important}.daftar-barangmasuk .pag-btn-num:not(.pag-active){display:none!important}.daftar-barangmasuk .pag-dots{display:none!important}}@media(max-width:480px){.daftar-barangmasuk .bm-page-title{font-size:1.45rem!important}.daftar-barangmasuk .bm-search-box{height:48px!important}.daftar-barangmasuk .bm-pagination-footer{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-admin .daftar-barangmasuk .bm-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important}.theme-admin .daftar-barangmasuk .btn-add{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .daftar-barangmasuk .btn-add:hover{background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .daftar-barangmasuk .bm-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .daftar-barangmasuk .bm-spinner{border-top-color:#1e293b!important}.theme-admin .daftar-barangmasuk .bm-page-size-select{background-color:#1e293b!important}.theme-admin .daftar-barangmasuk .bm-page-size-select:hover{background-color:#162030!important}.theme-admin .daftar-barangmasuk .pag-btn-num.pag-active{background:#1e293b!important;box-shadow:0 2px 6px #1e293b4d!important}.theme-admin .daftar-barangmasuk .pag-btn-num.pag-active:hover{background:#162030!important}.theme-staff .daftar-barangmasuk .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-barangmasuk .btn-add:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-barangmasuk .bm-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-barangmasuk .bm-search-clear:hover{color:#15803d!important}.theme-staff .daftar-barangmasuk .bm-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-barangmasuk .bm-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .daftar-barangmasuk .bm-page-size-select{background-color:#15803d!important}.theme-staff .daftar-barangmasuk .bm-page-size-select:hover{background-color:#166534!important}.theme-staff .daftar-barangmasuk .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangmasuk .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangmasuk .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-barangmasuk .pag-btn-num.pag-active:hover{background:#166534!important}.mpq-body--form{display:flex!important;flex-direction:column!important;gap:1.125rem!important;padding:1.375rem 1.5rem!important}.form-select-bm:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important}.mpq-modal--form{min-height:570px!important}.form-group-bm{display:flex!important;flex-direction:column!important;gap:.4rem!important}.form-label-bm{font-size:.875rem!important;font-weight:600!important;color:#1e293b!important}.req-bm{color:#dc2626!important;margin-left:2px!important}.label-hint-bm{font-size:.75rem!important;font-weight:400!important;color:#94a3b8!important;margin-left:.25rem!important}.loading-ref{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;color:#64748b!important;padding:.5rem 0!important}.form-input-bm{padding:.7rem .9rem!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;font-size:.9rem!important;color:#1a2332!important;background:#fff!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%!important;box-sizing:border-box!important;font-family:inherit!important}.form-input-bm:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.form-input-bm:disabled{background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important}.form-input-bm::placeholder{color:#cbd5e1!important}.barang-info-row{display:flex!important;align-items:center!important;gap:.5rem!important;margin-top:.2rem!important}.tipe-badge-bm{display:inline-flex!important;padding:.22rem .65rem!important;border-radius:20px!important;font-size:.75rem!important;font-weight:700!important}.tipe-asset{background:#dbeafe!important;color:#1d4ed8!important}.tipe-nonasset{background:#dcfce7!important;color:#15803d!important}.barang-code-bm{font-size:.78rem!important;font-family:Courier New,monospace!important;color:#94a3b8!important}.two-col-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;align-items:start!important}.harga-wrapper-bm{display:flex!important;align-items:center!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;overflow:hidden!important;transition:border-color .2s ease,box-shadow .2s ease!important}.harga-wrapper-bm:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.harga-prefix-bm{padding:.7rem .75rem!important;background:#f8fafc!important;color:#475569!important;font-weight:600!important;font-size:.85rem!important;border-right:1.5px solid #e2e8f0!important;white-space:nowrap!important;flex-shrink:0!important}.harga-input-bm{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1!important}.harga-input-bm:focus{box-shadow:none!important;border:none!important}.input-suffix-wrap-bm{display:flex!important;align-items:center!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;overflow:hidden!important;transition:border-color .2s ease,box-shadow .2s ease!important}.input-suffix-wrap-bm:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.input-suffix-wrap-bm .form-input-bm{border:none!important;box-shadow:none!important;flex:1!important}.input-suffix-bm{padding:.7rem .75rem!important;background:#f8fafc!important;color:#475569!important;font-weight:600!important;font-size:.85rem!important;border-left:1.5px solid #e2e8f0!important;white-space:nowrap!important;flex-shrink:0!important}.satuan-locked-bm{display:flex!important;align-items:center!important;gap:8px!important;height:40px!important;padding:0 12px!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important}.satuan-locked-value{font-size:.875rem!important;font-weight:500!important;color:#475569!important}.satuan-locked-note{font-size:.72rem!important;color:#94a3b8!important}.varian-section-bm>.form-label-bm{font-size:.8rem!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;display:flex!important;align-items:center!important;gap:.5rem!important}.varian-section-bm>.form-label-bm:after{content:""!important;flex:1!important;height:1.5px!important;background:#f0f4f8!important;border-radius:2px!important}.varian-baru-form-bm{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;padding:1rem!important;display:flex!important;flex-direction:column!important;gap:.875rem!important;transition:box-shadow .15s ease!important}.varian-baru-form-bm:hover{box-shadow:0 2px 8px #0a122014!important}.vbf-row{display:flex!important;gap:.875rem!important;align-items:flex-start!important}.vbf-foto-wrap{position:relative!important;flex-shrink:0!important;align-self:flex-start!important;padding-top:22px!important}.vbf-foto-box{width:180px!important;height:155px!important;border:2px dashed #cbd5e1!important;border-radius:10px!important;background:#f8fafc!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:border-color .2s ease,background .2s ease!important;overflow:hidden!important;color:#94a3b8!important;gap:4px!important;font-size:.7rem!important;font-weight:600!important}.vbf-foto-box:hover{border-color:#94a3b8!important;background:#f1f5f9!important;color:#64748b!important}.vbf-foto-box img{width:100%!important;height:100%!important;object-fit:cover!important}.vbf-foto-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}.vbf-hapus-foto{position:absolute!important;top:-6px!important;right:-6px!important;width:18px!important;height:18px!important;background:#dc2626!important;color:#fff!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;transition:background .15s ease!important}.vbf-hapus-foto:hover{background:#b91c1c!important}.vbf-fields{flex:1!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;min-width:0!important}.vbf-fields .form-label-bm,.varian-baru-form-bm .form-label-bm{font-size:.78rem!important;font-weight:600!important;color:#475569!important}.lokasi-header-bm{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:8px!important}.lokasi-total-hint{font-size:.75rem!important;color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:3px 10px!important;font-weight:500!important}.lokasi-total-hint strong{color:#1e293b!important;font-weight:700!important}.lokasi-table-bm{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;transition:box-shadow .15s ease!important}.lokasi-table-bm:hover{box-shadow:0 2px 8px #0a122014!important}.lokasi-table-head{display:grid!important;grid-template-columns:1fr 140px 140px 32px!important;gap:8px!important;background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important;padding:8px 12px!important}.lokasi-table-head>div{font-size:.72rem!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.055em!important}.lokasi-table-row{display:grid!important;grid-template-columns:1fr 140px 140px 32px!important;gap:8px!important;align-items:center!important;padding:8px 12px!important;border-bottom:1px solid #f1f5f9!important;background:#fff!important;transition:background .12s ease!important}.lokasi-table-row:last-of-type{border-bottom:none!important}.lokasi-table-row:hover{background:#f8fafc!important}.lokasi-col-lokasi,.lokasi-col-jumlah{min-width:0!important}.lokasi-col-subtotal{text-align:right!important;min-width:0!important}.lokasi-col-action{display:flex!important;justify-content:center!important;align-items:center!important}.subtotal-inline{font-size:.78rem!important;font-weight:600!important;color:#1e293b!important;white-space:nowrap!important}.subtotal-placeholder{font-size:.78rem!important;color:#cbd5e1!important}.btn-remove-lokasi{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border:none!important;background:none!important;border-radius:6px!important;color:#dc2626!important;cursor:pointer!important;transition:background .15s ease!important;padding:0!important}.btn-remove-lokasi:hover{background:#fef2f2!important}.lokasi-table-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;border-top:1.5px solid #e2e8f0!important;background:#f8fafc!important}.btn-add-lokasi{display:flex!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;border:1.5px dashed #cbd5e1!important;background:#fff!important;border-radius:7px!important;font-size:.75rem!important;font-weight:600!important;color:#475569!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important}.btn-add-lokasi:hover:not(:disabled){border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.btn-add-lokasi:disabled{opacity:.4!important;cursor:not-allowed!important}.lokasi-grand-total{display:flex!important;align-items:center!important;gap:8px!important;font-size:.78rem!important;color:#475569!important}.lokasi-grand-total strong{font-size:.82rem!important;font-weight:700!important;color:#1e293b!important}@media(max-width:640px){.mpq-modal{width:96%!important;max-height:94vh!important;border-radius:16px!important}.mpq-footer-layout{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.mpq-footer-actions{justify-content:flex-end!important}.btn-batal-bm,.btn-simpan-bm{flex:1!important;justify-content:center!important}.two-col-grid{grid-template-columns:1fr!important}.mpq-body--form{padding:1rem 1.125rem!important;gap:.875rem!important}}@media(max-width:480px){.modal-header-bm{padding:1rem 1.125rem!important}.modal-footer-bm{padding:.875rem 1.125rem!important}.modal-title-bm{font-size:.975rem!important}.mpq-body--form{padding:1rem 1.125rem!important;gap:.875rem!important}.lokasi-table-head,.lokasi-table-row{grid-template-columns:1fr 110px 100px 28px!important}.form-input-bm,.form-select-bm{font-size:.875rem!important}.vbf-row{flex-direction:column!important}.vbf-foto-box{width:100%!important;height:64px!important;flex-direction:row!important;gap:8px!important}}@media(max-width:360px){.mpq-modal{width:98%!important;border-radius:12px!important}.lokasi-table-head,.lokasi-table-row{grid-template-columns:1fr 90px 80px 24px!important;padding:6px 8px!important;gap:4px!important}.form-input-bm,.form-select-bm{font-size:.82rem!important;padding:.6rem .75rem!important}.lokasi-table-head>div{font-size:.68rem!important}}.theme-admin .form-input-bm:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .harga-wrapper-bm:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .input-suffix-wrap-bm:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .btn-add-lokasi:hover:not(:disabled){border-color:#1e293b!important;color:#1e293b!important}.theme-staff .form-input-bm:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .harga-wrapper-bm:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .input-suffix-wrap-bm:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .btn-add-lokasi:hover:not(:disabled){border-color:#22c55e!important;color:#15803d!important;background:#f0fdf4!important}.theme-staff .vbf-foto-box:hover{border-color:#86efac!important;color:#15803d!important}.mrt-wrapper{position:fixed!important;inset:0!important;z-index:9998!important}.mrt-wrapper .mrt-backdrop{position:fixed!important;inset:0!important;background:#0a12208c!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:9998!important;animation:mrt-fadeIn .2s ease-out!important}.mrt-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:760px!important;max-height:88vh!important;background:#fff!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0a122038!important;z-index:9999!important;animation:mrt-slideUp .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.mrt-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;background:#fafbfd!important;flex-shrink:0!important}.mrt-header-left{display:flex!important;align-items:center!important;gap:.625rem!important}.mrt-header-icon{color:#64748b!important;flex-shrink:0!important}.mrt-title{font-size:1.125rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important}.mrt-close-btn{width:34px!important;height:34px!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,transform .25s ease,color .2s ease!important;flex-shrink:0!important;padding:0!important}.mrt-close-btn svg{display:block!important;pointer-events:none!important}.mrt-close-btn:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.mrt-step-nav{display:flex!important;align-items:center!important;gap:.25rem!important;padding:.875rem 1.5rem 0!important;border-bottom:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.mrt-step-tab{display:flex!important;align-items:center!important;gap:.45rem!important;padding:.625rem 1rem!important;border:none!important;background:transparent!important;color:#94a3b8!important;font-size:.85rem!important;font-weight:600!important;cursor:default!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;transition:all .18s ease!important;border-radius:8px 8px 0 0!important;font-family:inherit!important}.mrt-step-tab.active{color:#1e293b!important;border-bottom-color:#1e293b!important;background:transparent!important}.mrt-step-tab.clickable{cursor:pointer!important}.mrt-step-tab.clickable:hover{color:#1e293b!important;background:#f0f4f8!important}.mrt-step-divider{color:#cbd5e1!important;font-size:.8rem!important;padding:0 .1rem!important;margin-bottom:-1px!important}.mrt-body{flex:1!important;overflow-y:auto!important;padding:1.5rem!important;display:flex!important;flex-direction:column!important;gap:1rem!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.mrt-body::-webkit-scrollbar{width:5px!important}.mrt-body::-webkit-scrollbar-track{background:transparent!important}.mrt-body::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:99px!important}.mrt-body::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.mrt-section{background:#f8fafc!important;border:1px solid #e8edf3!important;border-radius:12px!important;padding:1.25rem!important}.mrt-section-title{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.8rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.055em!important}.mrt-section-title svg{color:#64748b!important;flex-shrink:0!important}.mrt-search-row{display:flex!important;gap:8px!important;align-items:center!important}.mrt-search-box{flex:1!important;position:relative!important}.mrt-search-icon{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important}.mrt-search-input{width:100%!important;padding:8px 32px 8px 34px!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;font-size:.875rem!important;font-family:inherit!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important;box-sizing:border-box!important;background:#fff!important;color:#1a2332!important}.mrt-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mrt-search-input::placeholder{color:#94a3b8!important}.mrt-search-clear{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;cursor:pointer!important;color:#94a3b8!important;padding:2px!important;display:flex!important;align-items:center!important}.mrt-search-clear:hover{color:#64748b!important}.mrt-refresh-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;background:#fff!important;cursor:pointer!important;color:#64748b!important;flex-shrink:0!important;transition:all .18s ease!important}.mrt-refresh-btn:hover{background:#f0f4f8!important;border-color:#c5d0de!important;color:#1e293b!important}.mrt-state-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:48px 20px!important;color:#94a3b8!important;font-size:.875rem!important;text-align:center!important}.mrt-state-hint{font-size:.8rem!important;color:#cbd5e0!important;max-width:320px!important;line-height:1.6!important}.mrt-state-warn .mrt-state-hint{color:#fca5a5!important}.mrt-list{display:flex!important;flex-direction:column!important;gap:6px!important}.mrt-list-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1rem!important;border:1px solid #e2e8f0!important;border-radius:10px!important;cursor:pointer!important;transition:border-color .15s,background .15s,box-shadow .15s!important;gap:10px!important;background:#fff!important}.mrt-list-item:hover{background:#f8fafc!important;border-color:#c5d0de!important;box-shadow:0 2px 8px #0a12200f!important}.mrt-list-item-active{background:#f1f5f9!important;border-color:#1e293b!important}.mrt-item-main{flex:1!important;min-width:0!important}.mrt-item-top{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:5px!important}.mrt-item-code{font-family:Courier New,monospace!important;font-weight:700!important;font-size:.85rem!important;color:#1a2332!important;letter-spacing:.3px!important}.mrt-item-meta{display:flex!important;align-items:center!important;gap:6px!important;font-size:.775rem!important;color:#64748b!important;flex-wrap:wrap!important}.mrt-meta-item{display:flex!important;align-items:center!important;gap:3px!important}.mrt-item-arrow{color:#cbd5e1!important;flex-shrink:0!important}.mrt-active-badge{background:#1e293b!important;color:#fff!important;font-size:.7rem!important;font-weight:700!important;padding:1px 7px!important;border-radius:999px!important;letter-spacing:.5px!important}.mrt-status-pill{display:inline-flex!important;padding:.22rem .65rem!important;border-radius:999px!important;font-size:.75rem!important;font-weight:700!important}.pill-ada{background:#dcfce7!important;color:#15803d!important}.pill-permanen{background:#fee2e2!important;color:#b91c1c!important}.pill-service{background:#fef3c7!important;color:#92400e!important}.pill-pinjam{background:#dbeafe!important;color:#1d4ed8!important}.pill-default{background:#f1f5f9!important;color:#475569!important}.mrt-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:.75rem!important;border-top:1px solid #e8edf3!important;flex-shrink:0!important}.mrt-pagination-info{font-size:.775rem!important;color:#94a3b8!important}.mrt-pagination-btns{display:flex!important;align-items:center!important;gap:4px!important}.mrt-pag-btn{min-width:30px!important;height:30px!important;padding:0 8px!important;border:1.5px solid #e2e8f0!important;border-radius:7px!important;background:#fff!important;color:#475569!important;font-size:.8rem!important;font-family:inherit!important;cursor:pointer!important;transition:all .15s ease!important}.mrt-pag-btn:hover:not(:disabled){background:#f0f4f8!important;border-color:#1e293b!important;color:#1e293b!important}.mrt-pag-btn:disabled{opacity:.35!important;cursor:not-allowed!important}.mrt-pag-btn--active{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;font-weight:700!important}.mrt-pag-btn--active:hover{background:#0f172a!important}.mrt-pag-dots{color:#94a3b8!important;font-size:.8rem!important;padding:0 2px!important}.mrt-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;padding:.875rem 1rem!important;background:#f8fafc!important;border:1px solid #e8edf3!important;border-radius:10px!important}.mrt-preview-head-left{display:flex!important;align-items:center!important;gap:8px!important}.mrt-preview-keterangan{font-size:.825rem!important;color:#64748b!important}.mrt-preview-info{display:flex!important;align-items:center!important;gap:6px!important;font-size:.825rem!important;color:#1a2332!important;font-weight:600!important}.mrt-preview-hint{font-weight:400!important;color:#94a3b8!important}.mrt-table-wrapper{border:1px solid #e2e8f0!important;border-radius:12px!important;overflow:auto!important;background:#fff!important}.mrt-table{width:100%!important;border-collapse:collapse!important;font-size:.825rem!important}.mrt-table thead tr{background:#f7fafc!important}.mrt-table th{padding:.6rem .875rem!important;text-align:left!important;font-size:.725rem!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.055em!important;border-bottom:1px solid #e2e8f0!important;white-space:nowrap!important}.mrt-table td{padding:.6rem .875rem!important;border-bottom:1px solid #f0f4f8!important;color:#1a2332!important;vertical-align:middle!important}.mrt-table tbody tr:last-child td{border-bottom:none!important}.mrt-table tbody tr:hover{background:#f8fafc!important}.mrt-td-mono{font-family:Courier New,monospace!important;font-size:.775rem!important;color:#475569!important}.mrt-tipe-badge{display:inline-flex!important;padding:.18rem .6rem!important;border-radius:999px!important;font-size:.725rem!important;font-weight:700!important}.mrt-tipe-asset{background:#dbeafe!important;color:#1d4ed8!important}.mrt-tipe-nonasset{background:#dcfce7!important;color:#15803d!important}.mrt-lokasi-tag{display:inline-block!important;background:#f1f5f9!important;color:#475569!important;padding:.2rem .6rem!important;border-radius:5px!important;font-size:.775rem!important;border:1px solid #e2e8f0!important}.mrt-no-lokasi{color:#cbd5e1!important}.mrt-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:1rem 1.5rem!important;border-top:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.mrt-btn-cancel{padding:.575rem 1.375rem!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;transition:all .18s ease!important}.mrt-btn-cancel:hover{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e293b40!important}.mrt-btn-confirm{display:flex!important;align-items:center!important;gap:7px!important;padding:.575rem 1.375rem!important;border:1.5px solid #1e293b!important;border-radius:8px!important;background:#1e293b!important;color:#fff!important;font-size:.858rem!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;transition:all .18s ease!important}.mrt-btn-confirm:hover{background:#0f172a!important;border-color:#0f172a!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e293b4d!important}.spin{animation:spin .8s linear infinite!important}@keyframes mrt-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mrt-slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:768px){.mrt-modal{width:95%!important;max-height:90vh!important}}@media(max-width:480px){.mrt-modal{width:100%!important;max-height:100dvh!important;border-radius:0!important}.mrt-header,.mrt-step-nav,.mrt-body,.mrt-footer{padding-left:1rem!important;padding-right:1rem!important}}.theme-admin .mrt-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .mrt-btn-confirm{background:#1e293b!important;border-color:#1e293b!important}.theme-admin .mrt-btn-confirm:hover{background:#0f172a!important;border-color:#0f172a!important}.theme-admin .mrt-btn-cancel:hover,.theme-admin .mrt-pag-btn--active{background:#1e293b!important;border-color:#1e293b!important}.theme-admin .mrt-pag-btn--active:hover{background:#0f172a!important}.theme-admin .mrt-step-tab.active{color:#1e293b!important;border-bottom-color:#1e293b!important}.theme-staff .mrt-search-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mrt-btn-confirm{background:#15803d!important;border-color:#15803d!important}.theme-staff .mrt-btn-confirm:hover{background:#166534!important;border-color:#166534!important;box-shadow:0 4px 12px #15803d4d!important}.theme-staff .mrt-btn-cancel:hover{background:#15803d!important;border-color:#15803d!important;box-shadow:0 4px 12px #15803d40!important}.theme-staff .mrt-pag-btn--active{background:#15803d!important;border-color:#15803d!important}.theme-staff .mrt-pag-btn--active:hover{background:#166534!important}.theme-staff .mrt-pag-btn:hover:not(:disabled){border-color:#22c55e!important;color:#15803d!important}.theme-staff .mrt-step-tab.active{color:#15803d!important;border-bottom-color:#15803d!important}.theme-staff .mrt-step-tab.clickable:hover{color:#15803d!important;background:#f0fdf4!important}.theme-staff .mrt-list-item-active{border-color:#15803d!important}.theme-staff .mrt-refresh-btn:hover{border-color:#22c55e!important;color:#15803d!important}.mein-backdrop{position:fixed;inset:0;background:#00000073;z-index:1100;animation:mein-fade-in .15s ease}@keyframes mein-fade-in{0%{opacity:0}to{opacity:1}}.mein-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1101;background:#fff;border-radius:14px;width:100%;max-width:460px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;animation:mein-slide-up .2s ease;overflow:hidden}@keyframes mein-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}.mein-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #e2e8f0}.mein-title{margin:0 0 3px;font-size:15px;font-weight:700;color:#1a202c}.mein-subtitle{margin:0;font-size:12px;color:#718096}.mein-close-btn{background:none;border:none;cursor:pointer;color:#718096;padding:4px;border-radius:6px;display:flex;transition:background .15s}.mein-close-btn:hover{background:#f7fafc;color:#2d3748}.mein-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.mein-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.mein-info-row{display:flex;align-items:center;gap:10px;font-size:13px}.mein-info-label{width:70px;flex-shrink:0;font-size:11.5px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.4px}.mein-info-val{color:#2d3748;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mein-code{font-family:Courier New,monospace;font-size:12px;background:#edf2f7;color:#4a5568;padding:1px 7px;border-radius:5px}.mein-qr{font-family:Courier New,monospace;font-size:12.5px;color:#1e293b;font-weight:600}.mein-qty-locked{display:flex;align-items:center;gap:8px;font-weight:600;color:#2d3748}.mein-locked-badge{font-size:10px;font-weight:600;background:#fed7d7;color:#9b2c2c;padding:1px 7px;border-radius:999px;letter-spacing:.3px}.mein-form-group{display:flex;flex-direction:column;gap:6px}.mein-label{font-size:13px;font-weight:600;color:#4a5568}.mein-req{color:#e53e3e;margin-left:2px}.mein-select-wrap{position:relative}.mein-select{width:100%;padding:9px 34px 9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13.5px;color:#2d3748;appearance:none;background:#fff;outline:none;cursor:pointer;transition:border-color .15s;box-sizing:border-box}.mein-select:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.mein-select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.mein-harga-wrap{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:border-color .15s}.mein-harga-wrap:focus-within{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.mein-harga-prefix{padding:0 10px;background:#f7fafc;color:#718096;font-size:13px;border-right:1px solid #e2e8f0;height:100%;display:flex;align-items:center;white-space:nowrap}.mein-input{flex:1;padding:9px 12px;border:none;outline:none;font-size:13.5px;color:#2d3748}.mein-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0aec0;padding:8px 0}.mein-spin{animation:mein-spin .8s linear infinite}@keyframes mein-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mein-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e2e8f0}.mein-btn-batal{padding:8px 18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:13.5px;cursor:pointer;transition:background .15s}.mein-btn-batal:hover{background:#f7fafc}.mein-btn-simpan{padding:8px 20px;border:none;border-radius:8px;background:#1e293b;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s}.mein-btn-simpan:hover{background:#162030}.mein-btn-simpan:disabled{opacity:.4;cursor:not-allowed}.theme-admin .mein-select:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .mein-harga-wrap:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .mein-btn-simpan{background:#1e293b!important}.theme-admin .mein-btn-simpan:hover{background:#162030!important}.theme-staff .mein-select:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mein-harga-wrap:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mein-btn-simpan{background:#15803d!important}.theme-staff .mein-btn-simpan:hover{background:#166534!important}.mdim-backdrop{position:fixed;inset:0;background:#0a0f1e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:mdim-fade .15s ease}@keyframes mdim-fade{0%{opacity:0}to{opacity:1}}.mdim-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:min(480px,94vw);background:#fff;border-radius:14px;box-shadow:0 4px 6px #0000000a,0 20px 50px #00000021,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:mdim-slide .2s cubic-bezier(.34,1.56,.64,1)}@keyframes mdim-slide{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.mdim-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}.mdim-header-inner{display:flex;align-items:center;gap:12px}.mdim-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 2px}.mdim-subtitle{font-size:11.5px;color:#6b7280;margin:0}.mdim-close{width:32px;height:32px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s;flex-shrink:0}.mdim-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.mdim-body{padding:6px 0;overflow-y:auto;max-height:60vh}.mdim-body::-webkit-scrollbar{width:4px}.mdim-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.mdim-row{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid #f9fafb;gap:16px;transition:background .1s}.mdim-row:hover{background:#fafbff}.mdim-row:last-child{border-bottom:none}.mdim-row-highlight{background:#f0f5ff;border-bottom:1px solid #dbeafe!important}.mdim-row-highlight:hover{background:#e8f0fe}.mdim-row-warn{background:#fff9f0;border-bottom:1px solid #fde8c8!important}.mdim-row-warn:hover{background:#fff4e0}.mdim-row-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;font-weight:500;flex-shrink:0;min-width:150px}.mdim-row-icon{color:#9ca3af;display:flex;align-items:center}.mdim-row-value{font-size:13.5px;color:#111827;font-weight:500;text-align:right;word-break:break-word}.mdim-value-highlight{color:#1d4ed8;font-weight:700;background:#dbeafe;padding:3px 10px;border-radius:20px;font-size:12.5px}.mdim-value-warn{color:#b45309;font-weight:600;background:#fef3c7;padding:3px 10px;border-radius:20px;font-size:12.5px}.mdim-varian-section{margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid #e8eaed}.mdim-varian-section-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#718096;margin-bottom:10px}.mdim-varian-card{display:flex;flex-direction:row;align-items:center;gap:14px;background:#f7f8fa;border:1px solid #e8eaed;border-radius:10px;padding:10px 14px}.mdim-varian-foto-wrap{flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #e8eaed;background:#fff;display:flex;align-items:center;justify-content:center}.mdim-varian-foto-img{width:100%;height:100%;object-fit:contain}.mdim-varian-foto-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a0aec0;font-size:10px;text-align:center;width:100%;height:100%}.mdim-varian-info{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;gap:0}.mdim-varian-barang-name{font-size:13.5px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdim-varian-barang-name:after{content:"·";margin:0 1px;color:#cbd5e0;font-weight:400}.mdim-varian-merk{font-size:13px;font-weight:400;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdim-varian-spek{font-size:12px;color:#718096;line-height:1.5}.mdim-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;gap:16px}.mdim-info-text{font-size:11.5px;color:#9ca3af;margin:0;line-height:1.5;flex:1}.mdim-btn-close{padding:8px 20px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .14s;flex-shrink:0}.mdim-btn-close:hover{border-color:#d1d5db;background:#f9fafb}.table-empty-cell{text-align:center!important;padding:2.5rem!important;color:#a0aec0;font-size:.9rem;font-weight:500}.tipe-nonasset{background:#d1fae5;color:#065f46}@media(max-width:480px){.detail-barang-masuk{padding:1rem}.section-card-dbm{padding:1.25rem}.footer-actions-dbm{flex-direction:column}.btn-batal-dbm,.btn-simpan-dbm,.btn-finalisasi-dbm{width:100%;justify-content:center}.barang-actions-row-dbm{flex-direction:column;align-items:stretch}.btn-pilih-barang-dbm,.btn-tambah-barang-dbm{justify-content:center}}.section-title-row-dbm .section-title-dbm{margin:0}.file-display-link{display:inline-flex;align-items:center;gap:6px;color:#3182ce;background:#ebf8ff;border:1px solid #bee3f8;border-radius:4px;padding:4px 10px;font-size:13px;cursor:pointer;transition:background .15s,color .15s;max-width:100%}.file-display-link:hover:not(:disabled){background:#bee3f8;color:#2b6cb0}.file-display-link:disabled{opacity:.6;cursor:not-allowed}.file-display-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daftar-barangkeluar{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.daftar-barangkeluar .dbk-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-barangkeluar .header-left{flex:1!important}.daftar-barangkeluar .page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-barangkeluar .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-barangkeluar .btn-deleted,.daftar-barangkeluar .btn-refresh,.daftar-barangkeluar .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-barangkeluar .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-barangkeluar .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-barangkeluar .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-barangkeluar .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-barangkeluar .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barangkeluar .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-barangkeluar .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-barangkeluar .btn-add:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barangkeluar .spinning{animation:dbk-spin 1s linear infinite!important}@keyframes dbk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daftar-barangkeluar .dbk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-barangkeluar .dbk-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-barangkeluar .dbk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-barangkeluar .dbk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-barangkeluar .dbk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.daftar-barangkeluar .dbk-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.daftar-barangkeluar .dbk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-barangkeluar .dbk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-barangkeluar .dbk-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-barangkeluar .dbk-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-barangkeluar .dbk-search-input::placeholder{color:#a0aec0!important}.daftar-barangkeluar .dbk-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.daftar-barangkeluar .dbk-search-clear:hover{color:#1e293b!important}.daftar-barangkeluar .dbk-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.daftar-barangkeluar .dbk-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.daftar-barangkeluar .dbk-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.daftar-barangkeluar .dbk-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.daftar-barangkeluar .dbk-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:dbk-spin .75s linear infinite!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-table{width:100%!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-col:last-child{border-right:none!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.daftar-barangkeluar .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-pihak{color:#2d3748!important;font-weight:500!important}.tab-creator{color:#64748b!important;font-weight:500!important;font-size:.875rem!important}.tab-badge-jenis{display:inline-block!important;padding:.2rem .6rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;background:#dbeafe!important;color:#1d4ed8!important}.tab-status-approved{background:#d1fae5!important;color:#065f46!important}.daftar-barangkeluar .pagination-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.daftar-barangkeluar .pagination-page-size{display:flex!important;align-items:center!important;gap:.55rem!important}.daftar-barangkeluar .pagination-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.daftar-barangkeluar .pagination-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-barangkeluar .pagination-size-select:hover{background-color:#162030!important}.daftar-barangkeluar .pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-barangkeluar .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-barangkeluar .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-barangkeluar .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.daftar-barangkeluar .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangkeluar .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-barangkeluar .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangkeluar .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-barangkeluar .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-barangkeluar .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.tracking-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:dbk-fadeIn .2s ease!important}@keyframes dbk-fadeIn{0%{opacity:0}to{opacity:1}}.tracking-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:420px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;z-index:9999!important;animation:dbk-slideUp .25s ease!important;overflow:hidden!important}@keyframes dbk-slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.tracking-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important}.tracking-title{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.tracking-code{font-size:.8rem!important;font-family:Courier New,monospace!important;color:#ffffff80!important}.tracking-close{width:30px!important;height:30px!important;background:#ffffff1a!important;color:#fff!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;flex-shrink:0!important}.tracking-close:hover{background:#ffffff38!important}.tracking-body{padding:1.5rem!important;display:flex!important;flex-direction:column!important;gap:0!important}.track-item{display:flex!important;gap:1rem!important}.track-left{display:flex!important;flex-direction:column!important;align-items:center!important;flex-shrink:0!important}.track-dot{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.track-icon{font-size:.8rem!important;color:#fff!important;font-weight:700!important}.track-line{width:2px!important;flex:1!important;background:#e2e8f0!important;margin:4px 0!important;min-height:20px!important}.track-content{padding-bottom:1.25rem!important;flex:1!important}.track-label{display:block!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:.25rem!important}.track-meta{display:flex!important;align-items:center!important;gap:.3rem!important;font-size:.775rem!important;color:#718096!important;flex-wrap:wrap!important}.track-sep{color:#cbd5e0!important}@media(max-width:768px){.daftar-barangkeluar{padding:1rem!important}.daftar-barangkeluar .dbk-header{flex-direction:column!important;align-items:flex-start!important}.daftar-barangkeluar .page-title{font-size:1.45rem!important}.daftar-barangkeluar .dbk-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-barangkeluar .dbk-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-barangkeluar .dbk-search-input{font-size:.95rem!important}.daftar-barangkeluar .dbk-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-barangkeluar .btn-deleted,.daftar-barangkeluar .btn-refresh,.daftar-barangkeluar .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-barangkeluar .dbk-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-barangkeluar .dbk-stat-card{min-width:unset!important;width:100%!important}.daftar-barangkeluar .dbk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.daftar-barangkeluar .dbk-table-wrapper .tabulator{min-width:900px!important}.daftar-barangkeluar .pagination-bar{justify-content:center!important}.daftar-barangkeluar .pag-btn-num:not(.pag-active){display:none!important}.daftar-barangkeluar .pag-dots{display:none!important}}@media(max-width:480px){.daftar-barangkeluar .page-title{font-size:1.45rem!important}.daftar-barangkeluar .dbk-search-box{height:48px!important}.daftar-barangkeluar .pagination-bar{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-admin .daftar-barangkeluar .dbk-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important}.theme-admin .daftar-barangkeluar .btn-add{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .daftar-barangkeluar .btn-add:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .daftar-barangkeluar .dbk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .daftar-barangkeluar .dbk-spinner{border-top-color:#1e293b!important}.theme-admin .daftar-barangkeluar .pagination-size-select{background-color:#1e293b!important}.theme-admin .daftar-barangkeluar .pagination-size-select:hover{background-color:#162030!important}.theme-admin .daftar-barangkeluar .pag-btn-num.pag-active{background:#1e293b!important;box-shadow:0 2px 6px #1e293b4d!important}.theme-admin .daftar-barangkeluar .pag-btn-num.pag-active:hover{background:#162030!important}.theme-staff .daftar-barangkeluar .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-barangkeluar .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-barangkeluar .dbk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-barangkeluar .dbk-search-clear:hover{color:#15803d!important}.theme-staff .daftar-barangkeluar .dbk-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-barangkeluar .dbk-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .daftar-barangkeluar .pagination-size-select{background-color:#15803d!important}.theme-staff .daftar-barangkeluar .pagination-size-select:hover{background-color:#166534!important}.theme-staff .daftar-barangkeluar .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangkeluar .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangkeluar .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-barangkeluar .pag-btn-num.pag-active:hover{background:#166534!important}.mpss-page{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.mpss-page .mpss-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.mpss-page .mpss-header-left{flex:1!important}.mpss-page .mpss-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.mpss-page .mpss-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.mpss-page .mpss-btn-deleted,.mpss-page .mpss-btn-refresh,.mpss-page .mpss-btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.mpss-page .mpss-btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.mpss-page .mpss-btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.mpss-page .mpss-btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.mpss-page .mpss-btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.mpss-page .mpss-btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.mpss-page .mpss-btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.mpss-page .mpss-btn-add:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.mpss-page .mpss-spinning{animation:mpss-spin 1s linear infinite!important}@keyframes mpss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mpss-page .mpss-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.mpss-page .mpss-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.mpss-page .mpss-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.mpss-page .mpss-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.mpss-page .mpss-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.mpss-page .mpss-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.mpss-page .mpss-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.mpss-page .mpss-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mpss-page .mpss-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.mpss-page .mpss-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.mpss-page .mpss-search-input::placeholder{color:#a0aec0!important}.mpss-page .mpss-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.mpss-page .mpss-search-clear:hover{color:#1e293b!important}.mpss-page .mpss-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.mpss-page .mpss-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.mpss-page .mpss-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.mpss-page .mpss-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.mpss-page .mpss-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:mpss-spin .75s linear infinite!important}.mpss-page .mpss-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.mpss-page .mpss-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.mpss-page .mpss-table-wrapper .tabulator-table{width:100%!important}.mpss-page .mpss-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.mpss-page .mpss-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.mpss-page .mpss-table-wrapper .tabulator-col:last-child{border-right:none!important}.mpss-page .mpss-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.mpss-page .mpss-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.mpss-page .mpss-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.mpss-page .mpss-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.mpss-page .mpss-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.mpss-page .mpss-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.mpss-page .mpss-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.mpss-page .mpss-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.mpss-page .mpss-tab-empty{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.mpss-page .mpss-creator{font-size:.82rem!important;color:#4a5568!important}.mpss-badge{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;white-space:nowrap!important}.mpss-badge-surplus{background:#d1fae5!important;color:#065f46!important}.mpss-badge-defisit{background:#fee2e2!important;color:#991b1b!important}.mpss-badge-zero{background:#f1f5f9!important;color:#64748b!important}.mpss-badge-jenis{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;white-space:nowrap!important}.mpss-badge-opname{background:#dbeafe!important;color:#1d4ed8!important}.mpss-badge-temuan{background:#fce7f3!important;color:#9d174d!important}.mpss-page .mpss-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.mpss-page .mpss-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.mpss-page .mpss-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.mpss-page .mpss-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.mpss-page .mpss-page-size-select:hover{background-color:#162030!important}.mpss-page .mpss-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.mpss-page .mpss-pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.mpss-page .mpss-pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.mpss-page .mpss-pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.mpss-page .mpss-pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.mpss-page .mpss-pag-btn-num{background:transparent!important;color:#64748b!important}.mpss-page .mpss-pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.mpss-page .mpss-pag-btn-num.mpss-pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.mpss-page .mpss-pag-btn-num.mpss-pag-active:hover{background:#162030!important}.mpss-page .mpss-pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.mpss-tracking-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:mpss-fadeIn .2s ease!important}@keyframes mpss-fadeIn{0%{opacity:0}to{opacity:1}}.mpss-tracking-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:420px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;z-index:9999!important;animation:mpss-slideUp .25s ease!important;overflow:hidden!important}@keyframes mpss-slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.mpss-tracking-modal .mpss-tracking-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important}.mpss-tracking-modal .mpss-tracking-title{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.mpss-tracking-modal .mpss-tracking-code{font-size:.8rem!important;font-family:Courier New,monospace!important;color:#ffffff80!important}.mpss-tracking-modal .mpss-tracking-close{width:30px!important;height:30px!important;background:#ffffff1a!important;color:#fff!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;flex-shrink:0!important}.mpss-tracking-modal .mpss-tracking-close:hover{background:#ffffff38!important}.mpss-tracking-modal .mpss-tracking-body{padding:1.5rem!important;display:flex!important;flex-direction:column!important;gap:0!important}.mpss-tracking-modal .mpss-track-item{display:flex!important;gap:1rem!important}.mpss-tracking-modal .mpss-track-left{display:flex!important;flex-direction:column!important;align-items:center!important;flex-shrink:0!important}.mpss-tracking-modal .mpss-track-dot{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mpss-tracking-modal .mpss-track-icon{font-size:.8rem!important;color:#fff!important;font-weight:700!important}.mpss-tracking-modal .mpss-track-line{width:2px!important;flex:1!important;background:#e2e8f0!important;margin:4px 0!important;min-height:20px!important}.mpss-tracking-modal .mpss-track-content{padding-bottom:1.25rem!important;flex:1!important}.mpss-tracking-modal .mpss-track-label{display:block!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:.25rem!important}.mpss-tracking-modal .mpss-track-meta{display:flex!important;align-items:center!important;gap:.3rem!important;font-size:.775rem!important;color:#718096!important;flex-wrap:wrap!important}.mpss-tracking-modal .mpss-track-sep{color:#cbd5e0!important}@media(max-width:768px){.mpss-page{padding:1rem!important}.mpss-page .mpss-header{flex-direction:column!important;align-items:flex-start!important}.mpss-page .mpss-title{font-size:1.45rem!important}.mpss-page .mpss-action-bar{flex-direction:column!important;align-items:stretch!important}.mpss-page .mpss-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.mpss-page .mpss-search-input{font-size:.95rem!important}.mpss-page .mpss-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.mpss-page .mpss-btn-deleted,.mpss-page .mpss-btn-refresh,.mpss-page .mpss-btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.mpss-page .mpss-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.mpss-page .mpss-stat-card{min-width:unset!important;width:100%!important}.mpss-page .mpss-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.mpss-page .mpss-table-wrapper .tabulator{min-width:900px!important}.mpss-page .mpss-pagination-footer{justify-content:center!important;gap:.5rem!important}.mpss-page .mpss-pag-btn-num:not(.mpss-pag-active){display:none!important}.mpss-page .mpss-pag-dots{display:none!important}}@media(max-width:480px){.mpss-page .mpss-title{font-size:1.45rem!important}.mpss-page .mpss-search-box{height:48px!important}.mpss-page .mpss-pagination-footer{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-admin .mpss-page .mpss-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important}.theme-admin .mpss-page .mpss-btn-add{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .mpss-page .mpss-btn-add:hover{background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .mpss-page .mpss-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .mpss-page .mpss-spinner{border-top-color:#1e293b!important}.theme-admin .mpss-page .mpss-page-size-select{background-color:#1e293b!important}.theme-admin .mpss-page .mpss-page-size-select:hover{background-color:#162030!important}.theme-admin .mpss-page .mpss-pag-btn-num.mpss-pag-active{background:#1e293b!important;box-shadow:0 2px 6px #1e293b4d!important}.theme-admin .mpss-page .mpss-pag-btn-num.mpss-pag-active:hover{background:#162030!important}.theme-admin .mpss-page .mpss-tracking-header{background:#1e293b!important;border-bottom-color:#162030!important}.theme-staff .mpss-page .mpss-btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .mpss-page .mpss-btn-add:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .mpss-page .mpss-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mpss-page .mpss-search-clear:hover{color:#15803d!important}.theme-staff .mpss-page .mpss-spinner{border-top-color:#22c55e!important}.theme-staff .mpss-page .mpss-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .mpss-page .mpss-page-size-select{background-color:#15803d!important}.theme-staff .mpss-page .mpss-page-size-select:hover{background-color:#166534!important}.theme-staff .mpss-page .mpss-pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .mpss-page .mpss-pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .mpss-page .mpss-pag-btn-num.mpss-pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .mpss-page .mpss-pag-btn-num.mpss-pag-active:hover{background:#166534!important}.theme-staff .mpss-page .mpss-tracking-header{background:#15803d!important;border-bottom-color:#166534!important}.mps-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:mps-fade .18s ease!important}@keyframes mps-fade{0%{opacity:0}to{opacity:1}}.mps-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:min(760px,96vw)!important;max-height:90vh!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:mps-slide .22s cubic-bezier(.34,1.56,.64,1)!important}@keyframes mps-slide{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.mps-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important;flex-shrink:0!important}.mps-header-left{display:flex!important;align-items:center!important;gap:.75rem!important}.mps-header-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:#ffffff1f!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mps-title{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.mps-subtitle{font-size:.75rem!important;color:#ffffff8c!important;margin:0!important}.mps-close{width:32px!important;height:32px!important;border-radius:8px!important;border:none!important;background:#ffffff1a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .15s!important;flex-shrink:0!important}.mps-close:hover{background:#ffffff38!important}.mps-search-bar{padding:.875rem 1.25rem!important;border-bottom:1px solid #f1f5f9!important;background:#fafbfc!important;display:flex!important;align-items:center!important;gap:1rem!important;flex-shrink:0!important;flex-wrap:wrap!important}.mps-search-wrapper{flex:1!important;min-width:200px!important;display:flex!important;align-items:center!important;gap:.5rem!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;padding:0 .875rem!important;height:38px!important;transition:border-color .18s,box-shadow .18s!important}.mps-search-wrapper:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mps-search-icon{color:#a0aec0;flex-shrink:0}.mps-search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:#1e293b;outline:none;font-family:inherit}.mps-search-input::placeholder{color:#cbd5e1}.mps-search-clear{border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center}.mps-stats-row{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.8rem!important;color:#718096!important;white-space:nowrap!important}.mps-stat{display:flex;align-items:center;gap:.3rem}.mps-stat-sep{color:#d1d5db}.mps-stat-active{color:#1e293b;font-weight:700}.mps-body{overflow-y:auto!important;flex:1!important}.mps-body::-webkit-scrollbar{width:4px}.mps-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.mps-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:3rem!important;color:#a0aec0!important;font-size:.9rem!important}.mps-empty-icon{opacity:.4}.mps-group{border-bottom:1px solid #f1f5f9}.mps-group:last-child{border-bottom:none}.mps-group-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1.25rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;transition:background .12s!important;background:#fafbfc!important}.mps-group-header:hover{background:#f4f7fa!important}.mps-group-open{background:#f1f5f9!important}.mps-group-left{display:flex!important;align-items:center!important;gap:.6rem!important}.mps-chevron{color:#718096;display:flex;align-items:center}.mps-group-name{font-weight:700;font-size:.9rem;color:#1a2332}.mps-group-satuan{font-size:.75rem;color:#94a3b8;background:#f1f5f9;padding:.15rem .5rem;border-radius:20px}.mps-group-right{display:flex!important;align-items:center!important;gap:.75rem!important}.mps-group-count{font-size:.78rem;color:#718096;font-weight:600}.mps-sel-all-btn{font-size:.75rem;font-weight:600;color:#1e293b;border:1.5px solid #1e293b;background:#fff;border-radius:6px;padding:.2rem .65rem;cursor:pointer;transition:all .14s;font-family:inherit}.mps-sel-all-btn:hover{background:#f4f7fa}.mps-deselect{border-color:#dc2626;color:#dc2626}.mps-deselect:hover{background:#fef2f2}.mps-item-list{background:#fff}.mps-item-header-row{display:grid!important;grid-template-columns:28px 1fr 1fr 100px 90px 100px!important;gap:.75rem!important;padding:.45rem 1.25rem!important;background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important;font-size:.72rem!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;align-items:center!important}.mps-item{display:grid!important;grid-template-columns:28px 1fr 1fr 100px 90px 100px!important;gap:.75rem!important;padding:.65rem 1.25rem!important;border-bottom:1px solid #f8fafc!important;align-items:center!important;transition:background .1s!important;cursor:pointer!important}.mps-item:last-child{border-bottom:none}.mps-item:hover{background:#f8fafc!important}.mps-item-checked{background:#f0f9ff!important}.mps-item-checked:hover{background:#e0f2fe!important}.mps-item-disabled{opacity:.5;cursor:default!important}.mps-checkbox{display:flex;align-items:center}.mps-icon-unchecked{color:#d1d5db}.mps-icon-checked{color:#1e293b}.mps-icon-disabled{color:#94a3b8}.mps-item-info{display:flex;align-items:center}.mps-item-lokasi{font-size:.84rem;color:#4a5568;display:flex;align-items:center;gap:.25rem}.mps-item-harga{font-size:.84rem;color:#4a5568}.mps-item-endstock{display:flex;align-items:center}.mps-kode-badge{font-family:Courier New,monospace;font-size:.78rem;font-weight:700;color:#1e293b;background:#f1f5f9;padding:.2rem .5rem;border-radius:4px;border:1px solid #e2e8f0}.mps-endstock-badge{display:inline-block;background:#dbeafe;color:#1d4ed8;font-weight:700;font-size:.82rem;padding:.15rem .55rem;border-radius:20px}.mps-badge-used{grid-column:6 / 7;font-size:.72rem;color:#94a3b8;font-weight:600;font-style:italic}.mps-real-qty-cell{display:flex;align-items:center}.mps-real-qty-input{width:80px;border:1.5px solid #1e293b;border-radius:6px;padding:.3rem .55rem;font-size:.875rem;font-weight:600;color:#1a2332;background:#f8fafc;font-family:inherit;text-align:center;outline:none;transition:box-shadow .18s}.mps-real-qty-input:focus{box-shadow:0 0 0 3px #1e293b1f;background:#fff}.mps-real-qty-placeholder{color:#d1d5db;font-size:.85rem}.mps-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.875rem 1.25rem!important;border-top:1px solid #e2e8f0!important;background:#fafbfc!important;flex-shrink:0!important;gap:1rem!important;flex-wrap:wrap!important}.mps-footer-info{font-size:.82rem!important;color:#718096!important;flex:1!important}.mps-footer-actions{display:flex!important;gap:.65rem!important}.mps-btn-batal{display:inline-flex!important;align-items:center!important;height:36px!important;padding:0 1rem!important;border-radius:7px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;font-family:inherit!important;transition:all .14s!important}.mps-item-merk{font-size:.78rem;color:#4a5568;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.mps-item-endstock{display:flex;flex-direction:row;align-items:center;gap:6px}.mps-badge-nonaktif{font-size:10px;padding:1px 6px;border-radius:999px;background:#fee2e2;color:#dc2626;white-space:nowrap;font-weight:500}.mps-badge-aktif{font-size:10px;padding:1px 6px;border-radius:999px;background:#dcfce7;color:#16a34a;white-space:nowrap;font-weight:500}.mps-item-header-row .mps-item-merk,.mps-item-header-row span:nth-child(3){flex-shrink:0}.mps-btn-batal:hover{border-color:#94a3b8!important;background:#f4f7fa!important}.mps-btn-konfirmasi{display:inline-flex!important;align-items:center!important;height:36px!important;padding:0 1.25rem!important;border-radius:7px!important;border:none!important;background:#1e293b!important;color:#fff!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;box-shadow:0 2px 6px #1e293b47!important;transition:all .15s ease!important}.mps-btn-konfirmasi:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important}.mps-btn-konfirmasi:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.theme-staff .mps-header{background:#15803d!important;border-bottom-color:#166534!important}.theme-staff .mps-search-wrapper:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mps-icon-checked{color:#15803d!important}.theme-staff .mps-item-checked{background:#f0fdf4!important}.theme-staff .mps-item-checked:hover{background:#dcfce7!important}.theme-staff .mps-real-qty-input{border-color:#15803d!important}.theme-staff .mps-real-qty-input:focus{box-shadow:0 0 0 3px #15803d1f!important}.theme-staff .mps-sel-all-btn{color:#15803d!important;border-color:#15803d!important}.theme-staff .mps-sel-all-btn:hover{background:#f0fdf4!important}.theme-staff .mps-btn-konfirmasi{background:#15803d!important}.theme-staff .mps-btn-konfirmasi:hover:not(:disabled){background:#166534!important}.mbt-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;animation:mbt-fade-in .18s ease}.mbt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:92vw;max-width:560px;max-height:88vh;background:#fff;border-radius:14px;box-shadow:0 4px 6px -1px #00000012,0 20px 50px -10px #00000038;display:flex;flex-direction:column;overflow:hidden;animation:mbt-slide-up .22s cubic-bezier(.34,1.26,.64,1)}@keyframes mbt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mbt-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}.mbt-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.mbt-header-left{display:flex;align-items:flex-start;gap:.75rem}.mbt-header-icon{width:36px;height:36px;border-radius:9px;background:#eff6ff;color:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.mbt-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 2px;line-height:1.3}.mbt-subtitle{font-size:.75rem;color:#64748b;margin:0;line-height:1.4;max-width:340px}.mbt-close{width:30px;height:30px;padding:0;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s ease,transform .25s ease,color .2s ease}.mbt-close:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}.mbt-steps{display:flex;align-items:center;padding:.7rem 1.25rem;gap:0;border-bottom:1px solid #f1f5f9;flex-shrink:0;background:#fafbfc}.mbt-step{display:flex;align-items:center;gap:.4rem}.mbt-step-num{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#1e293b;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.mbt-step--active .mbt-step-num{background:#1e293b;color:#fff}.mbt-step-label{font-size:.72rem;font-weight:600;color:#1e293b;transition:color .2s}.mbt-step--active .mbt-step-label{color:#1e293b}.mbt-step-line{flex:1;height:1px;background:#e2e8f0;margin:0 .6rem}.mbt-search-bar{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem .5rem;flex-shrink:0}.mbt-search-wrapper{position:relative;flex:1}.mbt-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#1e293b;pointer-events:none}.mbt-search-input{width:100%;padding:.52rem 2rem .52rem 2.1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.8rem;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.mbt-search-input:focus{border-color:#1e293b;background:#fff}.mbt-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:#1e293b;display:flex;padding:2px}.mbt-search-clear:hover{color:#0f172a}.mbt-count-label{font-size:.72rem;color:#1e293b;white-space:nowrap;font-weight:500}.mbt-info-banner{display:flex;align-items:flex-start;gap:.5rem;margin:0 1.25rem .5rem;padding:.5rem .75rem;background:#eff6ff;border:1px solid #1e293b;border-radius:7px;font-size:.72rem;color:#1e293b;line-height:1.5;flex-shrink:0}.mbt-info-banner svg{flex-shrink:0;margin-top:1px}.mbt-list{flex:1;overflow-y:auto;padding:.25rem 1.25rem .5rem}.mbt-list::-webkit-scrollbar{width:4px}.mbt-list::-webkit-scrollbar-track{background:transparent}.mbt-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.mbt-list-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:8px;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s;margin-bottom:3px}.mbt-list-item:hover{background:#f0f7ff;border-color:#1e293b}.mbt-list-item:last-child{margin-bottom:0}.mbt-list-info{display:flex;flex-direction:column;gap:3px}.mbt-list-name{font-size:.82rem;font-weight:600;color:#0f172a}.mbt-list-meta{display:flex;align-items:center;gap:.4rem}.mbt-badge-kategori{font-size:.65rem;font-weight:600;color:#7c3aed;background:#f5f3ff;border:1px solid #1e293b;padding:1px 6px;border-radius:99px}.mbt-list-satuan{font-size:.68rem;color:#1e293b;font-weight:500}.mbt-list-arrow{color:#cbd5e1;flex-shrink:0;transition:color .12s,transform .12s}.mbt-list-item:hover .mbt-list-arrow{color:#1e293b;transform:translate(2px)}.mbt-list-loading,.mbt-list-error,.mbt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;color:#1e293b;font-size:.8rem;text-align:center}.mbt-list-loading{flex-direction:row}.mbt-list-error{color:#dc2626}.mbt-list-error button{margin-top:.25rem;padding:.3rem .8rem;border:1px solid #fca5a5;border-radius:6px;background:#fef2f2;color:#dc2626;font-size:.72rem;cursor:pointer;transition:background .15s}.mbt-list-error button:hover{background:#fee2e2}.mbt-empty-icon{color:#cbd5e1;margin-bottom:.25rem}.mbt-spin{animation:mbt-spinning .8s linear infinite}@keyframes mbt-spinning{to{transform:rotate(360deg)}}.mbt-form-body{flex:1;overflow-y:auto;padding:.85rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.mbt-form-body::-webkit-scrollbar{width:4px}.mbt-form-body::-webkit-scrollbar-track{background:transparent}.mbt-form-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.mbt-selected-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.35rem}.mbt-selected-row{display:flex;align-items:center;gap:.5rem}.mbt-sel-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#1e293b;font-weight:500;min-width:90px}.mbt-sel-value{font-size:.78rem;color:#0f172a}.mbt-sel-bold{font-weight:700}.mbt-refqty-badge{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;padding:1px 8px;font-size:.68rem;color:#1e293b;font-weight:500}.mbt-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.mbt-field{display:flex;flex-direction:column;gap:.3rem;position:relative}.mbt-field-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:#374151}.mbt-req{color:#ef4444}.mbt-input{padding:.5rem .65rem;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.8rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.mbt-input:focus{border-color:#1e293b}.mbt-input::placeholder{color:#1e293b}.mbt-select{cursor:pointer;appearance:none}.mbt-select-empty{color:#94a3b8}.mbt-tgl-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.mbt-tgl-input{padding-left:2.1rem;cursor:pointer}.mbt-input-skeleton{height:36px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:mbt-shimmer 1.2s infinite;border:none!important;cursor:default}@keyframes mbt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mbt-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.mbt-harga-preview{font-size:.68rem;color:#059669;font-weight:600;margin-top:1px}.mbt-divider{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 0}.mbt-divider:before,.mbt-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.mbt-divider span{font-size:.7rem;font-weight:600;color:#1e293b;white-space:nowrap}.mbt-optional{font-weight:400;color:#1e293b}.mbt-foto-dropzone{border:2px dashed #cbd5e1;border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.mbt-foto-dropzone:hover{border-color:#1e293b;background:#f0f7ff}.mbt-foto-dropzone-icon{color:#94a3b8}.mbt-foto-dropzone-text{font-size:.78rem;color:#1e293b;font-weight:500}.mbt-foto-dropzone-hint{font-size:.68rem;color:#1e293b}.mbt-foto-preview-wrap{position:relative;display:flex;align-items:center;gap:.6rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .65rem}.mbt-foto-preview-img{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;flex-shrink:0}.mbt-foto-name{font-size:.72rem;color:#475569;word-break:break-all;flex:1}.mbt-foto-remove{width:22px;height:22px;border:none;background:#fee2e2;color:#dc2626;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.mbt-foto-remove:hover{background:#fca5a5}.mbt-selisih-preview{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:.45rem .75rem;font-size:.73rem;margin-top:.1rem}.mbt-selisih-label{color:#1e293b}.mbt-selisih-plus{font-weight:800;color:#059669;font-size:.9rem}.mbt-selisih-note{color:#1e293b}.mbt-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid #f1f5f9;flex-shrink:0;background:#fafbfc}.mbt-footer-hint{font-size:.7rem;color:#94a3b8;margin:0}.mbt-footer-right{display:flex;gap:.5rem}.mbt-btn-batal{padding:.45rem 1rem;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#64748b;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.mbt-btn-batal:hover{background:#f1f5f9;border-color:#cbd5e1}.mbt-btn-back{display:flex;align-items:center;gap:.3rem;padding:.45rem .85rem;border:1.5px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.mbt-btn-back:hover{background:#f1f5f9}.mbt-btn-tambah{padding:.45rem 1.1rem;border:none;border-radius:7px;background:#1e293b;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.mbt-btn-tambah:hover:not(:disabled){background:#1e293b}.mbt-btn-tambah:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.mbt-modal{max-width:100vw;max-height:95vh;border-radius:14px 14px 0 0;top:auto;bottom:0;transform:translate(-50%)}.mbt-field-row{grid-template-columns:1fr}}.detail-penyesuaian-stok{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page-loading-dps{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#718096;font-size:.95rem}.spin-dps{animation:spin-dps 1s linear infinite}@keyframes spin-dps{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-back-dps,.page-header-left-dps .btn-back-dps,.detail-penyesuaian-stok .btn-back-dps,button.btn-back-dps{width:36px!important;height:36px!important;background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border:1.5px solid #1e293b!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease!important}.btn-back-dps:hover,.page-header-left-dps .btn-back-dps:hover,.detail-penyesuaian-stok .btn-back-dps:hover,button.btn-back-dps:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.hint-jenis-dps{font-size:.82rem;color:#a0aec0;font-style:italic}.form-select-dps{appearance:none;cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.barang-table-dps{width:100%;border-collapse:collapse;min-width:1200px!important}.row-temuan-dps{background:#fffbf0!important}.row-temuan-dps:hover{background:#fef9ec!important}.id-cell-dps{font-family:Courier New,monospace;font-weight:700;color:#1e293b!important;background:#f1f5f9;padding:.2rem .55rem;border-radius:5px;border:1px solid #e2e8f0;display:inline-block;font-size:.78rem}.harga-cell-dps{font-weight:600;color:#1a2332!important;white-space:nowrap}.lokasi-cell-dps{display:inline-flex;align-items:center;gap:3px;font-size:.82rem;color:#4a5568}.kondisi-cell-dps{display:inline-block;padding:.15rem .55rem;border-radius:20px;font-size:.77rem;font-weight:600;background:#e0f2fe;color:#0369a1}.ref-qty-dps{font-weight:600;color:#718096}.selisih-dps{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:20px;font-size:.77rem;font-weight:700}.selisih-plus-dps{background:#d1fae5;color:#065f46}.selisih-minus-dps{background:#fee2e2;color:#991b1b}.selisih-zero-dps{background:#f1f5f9;color:#64748b}.temuan-nama-wrap{display:flex;align-items:center;gap:.35rem}.temuan-nama{font-weight:500;color:#1a2332}.temuan-foto-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1.5px solid #e2e8f0;cursor:pointer;transition:transform .15s,box-shadow .15s}.temuan-foto-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.table-empty-cell-dps{text-align:center!important;padding:2.5rem!important;color:#a0aec0;font-size:.9rem;font-weight:500}.action-btns-dps{display:flex;gap:.35rem;align-items:center}.action-btn-dps{width:30px;height:30px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.inline-input-dps{width:70px;padding:.3rem .5rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:600;text-align:center;color:#1a2332;background:#fff;transition:border-color .2s;font-family:inherit}.inline-select-dps{min-width:140px;padding:.3rem 2rem .3rem .6rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#2d3748;background:#fff;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s;font-family:inherit}.inline-select-dps:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.select-invalid-dps{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e17}.btn-pilih-barang-dps,.btn-temuan-barang-dps{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:38px;border-radius:8px;font-size:.858rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.btn-pilih-barang-dps{background:#1e293b!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #1e293b47!important}.btn-pilih-barang-dps:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.btn-temuan-barang-dps{background:#1e293b;color:#fff;border:none;box-shadow:0 2px 6px #1e293b47}.btn-temuan-barang-dps:hover{background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.summary-label-dps{min-width:80px;font-weight:500}@media(max-width:480px){.detail-penyesuaian-stok{padding:1rem}.section-card-dps{padding:1.25rem}.footer-actions-dps{flex-direction:column}.btn-batal-dps,.btn-simpan-dps,.btn-finalisasi-dps{width:100%;justify-content:center}}.btn-view-dps{background:#eff6ff;color:#1d4ed8}.btn-edit-dps{background:#fffbeb;color:#d97706}.btn-view-dps:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #1d4ed84d}.btn-edit-dps:hover{background:#d97706;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #d977064d}.theme-admin .detail-penyesuaian-stok .btn-back-dps,.theme-admin .detail-penyesuaian-stok button.btn-back-dps{background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border-color:#1e293b!important}.theme-admin .detail-penyesuaian-stok .btn-back-dps:hover,.theme-admin .detail-penyesuaian-stok button.btn-back-dps:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.theme-admin .detail-penyesuaian-stok .barang-table-dps thead tr{background:#1e293b!important}.theme-admin .detail-penyesuaian-stok .btn-finalisasi-dps{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-penyesuaian-stok .btn-finalisasi-dps:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-penyesuaian-stok .btn-pilih-barang-dps{background:#1e293b!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-penyesuaian-stok .btn-pilih-barang-dps:hover{background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-penyesuaian-stok .btn-temuan-barang-dps{background:#1e293b!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-penyesuaian-stok .btn-temuan-barang-dps:hover{background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-penyesuaian-stok .btn-simpan-dps{color:#1e293b!important;border-color:#1e293b!important}.theme-admin .detail-penyesuaian-stok .form-input-dps:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .detail-penyesuaian-stok .form-textarea-dps:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .detail-penyesuaian-stok .inline-input-dps:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .detail-penyesuaian-stok .inline-select-dps:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-staff .detail-penyesuaian-stok .btn-back-dps:hover,.theme-staff .detail-penyesuaian-stok button.btn-back-dps:hover{background:#15803d!important;background-color:#15803d!important;color:#fff!important;border-color:#15803d!important;transform:translate(-2px)!important}.theme-staff .detail-penyesuaian-stok .barang-table-dps thead tr{background:#15803d!important}.theme-staff .detail-penyesuaian-stok .btn-finalisasi-dps{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-penyesuaian-stok .btn-finalisasi-dps:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-penyesuaian-stok .btn-pilih-barang-dps{background:#15803d!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-penyesuaian-stok .btn-pilih-barang-dps:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-penyesuaian-stok .btn-temuan-barang-dps{background:#15803d!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-penyesuaian-stok .btn-temuan-barang-dps:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-penyesuaian-stok .btn-simpan-dps{color:#15803d!important;border-color:#22c55e!important}.theme-staff .detail-penyesuaian-stok .btn-simpan-dps:hover:not(:disabled){background:#f0fdf4!important}.theme-staff .detail-penyesuaian-stok .form-input-dps:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .detail-penyesuaian-stok .form-textarea-dps:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .detail-penyesuaian-stok .inline-input-dps:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .detail-penyesuaian-stok .inline-select-dps:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.mdet-backdrop{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;animation:mdetFadeIn .25s ease-out}@keyframes mdetFadeIn{0%{opacity:0}to{opacity:1}}.mdet-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0f172a38;z-index:9999;animation:mdetSlideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif}@keyframes mdetSlideUp{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}.mdet-header{padding:1.125rem 1.5rem;border-bottom:1px solid #e8edf3;background:#fafbfd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.mdet-header-left{display:flex;align-items:center;gap:.75rem}.mdet-header-icon{width:36px;height:36px;border-radius:10px;background:#eff6ff;color:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdet-title{font-size:1rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin:0 0 2px}.mdet-subtitle{font-size:.75rem;color:#64748b;margin:0;line-height:1.4}.mdet-close{width:30px;height:30px;padding:0;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .25s ease,color .2s ease;flex-shrink:0}.mdet-close:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}.mdet-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;flex:1}.mdet-body::-webkit-scrollbar{width:5px}.mdet-body::-webkit-scrollbar-track{background:transparent}.mdet-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.mdet-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mdet-info-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.mdet-info-row{display:flex;align-items:center;gap:.5rem}.mdet-info-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#64748b;font-weight:500;min-width:110px;flex-shrink:0}.mdet-info-value{font-size:.8rem;color:#0f172a;font-weight:500}.mdet-info-value.bold{font-weight:700}.mdet-surplus-badge{display:inline-flex;align-items:center;gap:.3rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:99px;padding:.2rem .65rem;font-size:.72rem;color:#059669;font-weight:700}.mdet-view-section{display:flex;flex-direction:column;gap:.4rem}.mdet-section-label{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.mdet-view-grid{display:grid;grid-template-columns:1fr 1fr;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}.mdet-view-cell{padding:.6rem .875rem;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.mdet-view-cell:nth-child(2n){border-right:none}.mdet-view-cell:nth-last-child(-n+2){border-bottom:none}.mdet-view-cell-full{padding:.6rem .875rem;border-bottom:1px solid #e2e8f0;grid-column:1 / -1}.mdet-view-cell-full:last-child{border-bottom:none}.mdet-cell-label{font-size:.67rem;color:#94a3b8;font-weight:500;margin-bottom:3px;display:flex;align-items:center;gap:3px}.mdet-cell-val{font-size:.8rem;color:#0f172a;font-weight:500;line-height:1.5}.mdet-cell-val.muted{color:#94a3b8;font-style:italic;font-weight:400}.mdet-foto-view{width:100%;max-height:200px;object-fit:contain;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:opacity .15s;display:block}.mdet-foto-view:hover{opacity:.85}.mdet-foto-placeholder{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:10px;color:#cbd5e1;font-size:.78rem}.mdet-divider{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 0}.mdet-divider:before,.mdet-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.mdet-divider span{font-size:.7rem;font-weight:600;color:#475569;white-space:nowrap}.mdet-optional{font-weight:400;color:#94a3b8}.mdet-field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.mdet-field{display:flex;flex-direction:column;gap:.4rem;position:relative}.mdet-field-label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.mdet-req{color:#ef4444}.mdet-input{width:100%;padding:.65rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box;outline:none}.mdet-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a}.mdet-input:disabled{background:#f8fafc;cursor:not-allowed;color:#94a3b8}.mdet-input::placeholder{color:#cbd5e1}.mdet-select{cursor:pointer;appearance:none;padding-right:2rem}.mdet-select-empty{color:#94a3b8}.mdet-textarea{resize:vertical;min-height:72px;line-height:1.5;font-family:inherit}.mdet-tgl-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.mdet-tgl-input{padding-left:2.1rem;cursor:pointer}.mdet-input-skeleton{height:42px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:mdetShimmer 1.2s infinite;border-radius:8px;border:none!important}@keyframes mdetShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mdet-harga-preview{font-size:.8rem;color:#059669;font-weight:600;margin-top:.1rem}.mdet-foto-preview-wrap{position:relative;display:flex;align-items:center;gap:.6rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .65rem}.mdet-foto-preview-img{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;flex-shrink:0;cursor:pointer;transition:opacity .15s}.mdet-foto-preview-img:hover{opacity:.85}.mdet-foto-remove{width:24px;height:24px;border:none;background:#fee2e2;color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.mdet-foto-remove:hover{background:#fca5a5}.mdet-foto-name{font-size:.72rem;color:#475569;word-break:break-all;flex:1}.mdet-foto-dropzone{border:2px dashed #cbd5e1;border-radius:8px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:.3rem}.mdet-foto-dropzone:hover{border-color:#1e293b;background:#f0f7ff}.mdet-foto-dropzone-icon{color:#94a3b8}.mdet-foto-dropzone-text{font-size:.78rem;color:#475569;font-weight:500}.mdet-foto-dropzone-hint{font-size:.68rem;color:#94a3b8}.mdet-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:.875rem 1.5rem;border-top:1px solid #e8edf3;background:#fafbfd;flex-shrink:0}.mdet-btn-batal,.mdet-btn-save{padding:.575rem 1.375rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.mdet-btn-batal{background:#fff;color:#dc2626;border:1.5px solid #fca5a5}.mdet-btn-batal:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.mdet-btn-save{background:#1e293b;color:#fff;min-width:140px;box-shadow:0 1px 4px #1e293b33}.mdet-btn-save:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b47}.mdet-btn-batal:disabled,.mdet-btn-save:disabled{opacity:.5;cursor:not-allowed}.mdet-spin{animation:mdetSpin 1s linear infinite}@keyframes mdetSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.mdet-modal{width:96%}.mdet-body{padding:1.125rem 1.25rem;gap:.875rem}.mdet-header,.mdet-footer{padding:1rem 1.25rem}.mdet-title{font-size:.95rem}.mdet-field-row,.mdet-view-grid{grid-template-columns:1fr}.mdet-view-cell{border-right:none}.mdet-view-cell:nth-last-child(-n+2){border-bottom:1px solid #e2e8f0}.mdet-view-cell:last-child{border-bottom:none}.mdet-footer{flex-direction:column-reverse}.mdet-btn-batal,.mdet-btn-save{width:100%;justify-content:center}}@media(max-width:480px){.mdet-modal{width:100%;max-height:100dvh;border-radius:0}.mdet-input{font-size:16px}}.pga-page{width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:2rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important}.pga-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:1rem!important;margin-bottom:.25rem!important}.pga-page-title{font-size:1.85rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .2rem!important;letter-spacing:-.03em!important}.pga-page-sub{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.pga-company-badge{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;padding:.375rem .875rem!important;white-space:nowrap!important;height:38px!important;display:inline-flex!important;align-items:center!important;box-shadow:0 1px 3px #0000000a!important}.pga-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;padding:1.75rem!important;box-shadow:0 1px 4px #0000000a!important;transition:box-shadow .18s ease,border-color .18s ease!important}.pga-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 16px #00000012!important}.pga-card-head{display:flex!important;align-items:center!important;gap:.875rem!important;margin-bottom:1.5rem!important;padding-bottom:1.125rem!important;border-bottom:1.5px solid #f0f4f8!important}.pga-card-icon{width:46px!important;height:46px!important;background:#1e293b!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;flex-shrink:0!important}.pga-card-title{font-size:1.05rem!important;font-weight:700!important;color:#1a2332!important;margin:0 0 .2rem!important;letter-spacing:-.015em!important}.pga-card-sub{font-size:.83rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.pga-company-hero{display:flex!important;align-items:center!important;gap:1.125rem!important;margin-bottom:1.25rem!important}.pga-company-logo{width:72px!important;height:72px!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex-shrink:0!important}.pga-company-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.pga-company-name{font-size:1.35rem!important;font-weight:800!important;color:#1a2332!important;letter-spacing:-.025em!important}.pga-divider{height:1.5px!important;background:#f0f4f8!important;margin-bottom:1.25rem!important;border:none!important}.pga-detail-heading{font-size:.85rem!important;font-weight:700!important;color:#1a2332!important;margin:0 0 1rem!important}.pga-detail-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.875rem 1.5rem!important;margin-bottom:1.25rem!important}.pga-detail-item{display:flex!important;flex-direction:column!important;gap:.25rem!important}.pga-detail-label{display:flex!important;align-items:center!important;gap:.3rem!important;font-size:.76rem!important;font-weight:700!important;color:#718096!important;text-transform:uppercase!important;letter-spacing:.06em!important}.pga-detail-label svg{flex-shrink:0!important}.pga-detail-value{font-size:.9rem!important;font-weight:500!important;color:#2d3748!important}.pga-card-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:.625rem!important;padding-top:1rem!important;border-top:1.5px solid #f0f4f8!important;margin-top:.5rem!important}.pga-btn-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:38px!important;padding:0 1rem!important;background:#1e293b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;box-shadow:0 2px 6px #1e293b47!important;transition:all .18s ease!important}.pga-btn-edit:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.pga-btn-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:38px!important;padding:0 1rem!important;background:#fdf3f2!important;color:#c0392b!important;border:1.5px solid #f5c6c2!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;transition:all .18s ease!important}.pga-btn-cancel:hover:not(:disabled){background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.pga-btn-cancel:disabled{opacity:.5!important;cursor:not-allowed!important}.pga-btn-save{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:38px!important;padding:0 1rem!important;background:#1e293b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;min-width:110px!important;box-shadow:0 2px 6px #1e293b47!important;transition:all .18s ease!important}.pga-btn-save:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.pga-btn-save:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.pga-company-form{display:flex!important;flex-direction:column!important;gap:.875rem!important}.pga-akun-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:1.5rem!important}.pga-settings-form{display:flex!important;flex-direction:column!important;gap:1.125rem!important}.pga-form-group{display:flex!important;flex-direction:column!important;gap:.4rem!important}.pga-form-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important}.pga-input-wrap{display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .9rem!important;height:42px!important;gap:.5rem!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}.pga-input-wrap:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.pga-input-icon{color:#a0aec0!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.pga-form-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.pga-form-input::placeholder{color:#a0aec0!important}.pga-form-input:disabled{cursor:not-allowed!important;opacity:.6!important}.pga-toggle-pass{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.25rem!important;flex-shrink:0!important;transition:color .15s ease!important}.pga-toggle-pass:hover{color:#1e293b!important}.pga-submit-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;width:100%!important;height:40px!important;background:#1e293b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;margin-top:.25rem!important;box-shadow:0 2px 6px #1e293b47!important;transition:all .18s ease!important}.pga-submit-btn:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.pga-submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.pga-company-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.pga-card-icon--light{background:#fff!important;border:1.5px solid #e2e8f0!important}.pga-spinner{width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.35)!important;border-top-color:#fff!important;border-radius:50%!important;animation:pga-spin .7s linear infinite!important;flex-shrink:0!important}@keyframes pga-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.pga-page{padding:1rem!important;gap:1.25rem!important}.pga-header{flex-direction:column!important;align-items:flex-start!important}.pga-akun-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.pga-card{padding:1.25rem!important}.pga-detail-grid{grid-template-columns:1fr!important}.pga-company-name{font-size:1.15rem!important}.pga-page-title{font-size:1.45rem!important}}@media(max-width:480px){.pga-page{padding:.75rem!important}.pga-card{padding:1rem!important;border-radius:10px!important}.pga-company-logo{width:56px!important;height:56px!important}.pga-page-title{font-size:1.3rem!important}.pga-company-name{font-size:1rem!important}.pga-card-footer{flex-wrap:wrap!important}.pga-btn-cancel,.pga-btn-save{flex:1!important;justify-content:center!important}}.theme-staff .pga-card-icon{background:#15803d!important}.theme-staff .pga-input-wrap:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pga-toggle-pass:hover{color:#15803d!important}.theme-staff .pga-btn-edit{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .pga-btn-edit:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .pga-btn-save{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .pga-btn-save:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .pga-submit-btn{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .pga-submit-btn:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.pga-username-readonly{display:flex!important;flex-direction:column!important;gap:.875rem!important}.pga-input-wrap--readonly{background:#f8fafc!important;border-color:#e2e8f0!important;cursor:default!important}.pga-input-wrap--readonly:focus-within{border-color:#e2e8f0!important;box-shadow:none!important}.pga-readonly-value{flex:1!important;font-size:.9rem!important;font-weight:500!important;color:#4a5568!important;-webkit-user-select:none!important;user-select:none!important}.pga-readonly-notice{font-size:.8rem!important;color:#a0aec0!important;font-style:italic!important;margin:0!important;line-height:1.5!important}.mpq-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:min(900px,95vw)!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0a122038!important;animation:slideUpBm .28s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}.modal-title-bm{font-size:1.125rem!important;font-weight:700!important;color:#0f172a!important;letter-spacing:-.01em!important;margin:0 0 .1rem!important}.mpq-search-bar{padding:.875rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;display:flex!important;align-items:center!important;gap:1rem!important;flex-shrink:0!important;background:#fff!important}.mpq-search-wrapper{flex:1!important;position:relative!important;display:flex!important;align-items:center!important}.mpq-search-icon{position:absolute!important;left:12px!important;color:#94a3b8!important;pointer-events:none!important}.mpq-search-input{width:100%!important;padding:.7rem 2.25rem!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;font-size:.9rem!important;color:#1a2332!important;background:#fff!important;outline:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;font-family:inherit!important;box-sizing:border-box!important}.mpq-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mpq-search-input::placeholder{color:#cbd5e1!important}.mpq-search-clear{position:absolute!important;right:10px!important;background:none!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;padding:2px!important;display:flex!important;align-items:center!important;border-radius:4px!important;transition:color .15s ease!important}.mpq-search-clear:hover{color:#1e293b!important}.mpq-stats{display:flex!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;white-space:nowrap!important}.mpq-stat-item{display:flex!important;align-items:center!important;gap:4px!important;font-size:.78rem!important;color:#64748b!important}.mpq-stat-selected{color:#1e293b!important;font-weight:600!important}.mpq-stat-divider{color:#e2e8f0!important}.mpq-warn-banner{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.55rem 1.5rem!important;background:#fffbeb!important;border-bottom:1px solid #fcd34d!important;color:#92400e!important;font-size:.78rem!important;flex-shrink:0!important}.mpq-body{flex:1!important;overflow-y:auto!important;padding:.875rem 1.25rem!important;background:#f8fafc!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.mpq-body::-webkit-scrollbar{width:5px}.mpq-body::-webkit-scrollbar-track{background:transparent}.mpq-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.mpq-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mpq-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:60px 20px!important;color:#64748b!important;font-size:.875rem!important}.mpq-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:60px 20px!important;color:#64748b!important;font-size:.875rem!important;text-align:center!important}.mpq-empty-icon{color:#cbd5e1!important}.mpq-group{background:#fff!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;margin-bottom:.6rem!important;overflow:hidden!important;transition:box-shadow .15s ease!important}.mpq-group:hover{box-shadow:0 2px 8px #0a122014!important}.mpq-group-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.8rem 1rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;transition:background .15s ease!important;gap:.75rem!important}.mpq-group-header:hover{background:#f8fafc!important}.mpq-group-open{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}.mpq-group-left{display:flex!important;align-items:center!important;gap:.65rem!important;flex:1!important;min-width:0!important}.mpq-chevron{color:#64748b!important;flex-shrink:0!important;display:flex!important;align-items:center!important;transition:color .15s ease!important}.mpq-group-info{display:flex!important;flex-direction:column!important;min-width:0!important}.mpq-group-name{font-size:.9rem!important;font-weight:600!important;color:#1a2332!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mpq-group-right{display:flex!important;align-items:center!important;gap:.65rem!important;flex-shrink:0!important}.mpq-group-count{font-size:.75rem!important;color:#64748b!important;font-weight:500!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:2px 8px!important}.mpq-group-type{display:inline-flex!important;padding:.22rem .65rem!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;flex-shrink:0!important}.mpq-type-asset{background:#dbeafe!important;color:#1d4ed8!important}.mpq-type-non-asset{background:#dcfce7!important;color:#15803d!important}.mpq-select-all-btn{font-size:.75rem!important;font-weight:600!important;color:#475569!important;background:#fff!important;border:1.5px dashed #cbd5e1!important;border-radius:7px!important;padding:4px 10px!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important}.mpq-select-all-btn:hover{border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.mpq-deselect{border-style:solid!important;border-color:#e2e8f0!important;color:#dc2626!important}.mpq-deselect:hover{border-color:#dc2626!important;color:#dc2626!important;background:#fef2f2!important}.mpq-qr-list{display:flex!important;flex-direction:column!important;gap:0!important}.mpq-qr-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.7rem 1rem!important;border-bottom:1px solid #f1f5f9!important;background:#fff!important;transition:all .12s ease!important;flex-wrap:wrap!important}.mpq-qr-item:last-child{border-bottom:none!important}.mpq-qr-item:hover:not(.mpq-qr-disabled){border-color:#e2e8f0!important;background:#f8fafc!important}.mpq-qr-checked{border-color:transparent!important;background:#f1f5f9!important}.mpq-qr-disabled{opacity:.5!important;cursor:not-allowed!important;background:#f8fafc!important}.mpq-qr-invalid{background:#fffbeb!important}.mpq-qr-checkbox{flex-shrink:0!important;display:flex!important;align-items:center!important;cursor:pointer!important}.mpq-icon-checked{color:#1e293b!important}.mpq-icon-unchecked{color:#cbd5e1!important}.mpq-icon-disabled{color:#94a3b8!important}.mpq-qr-main{flex:1!important;display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer!important;min-width:0!important;flex-wrap:wrap!important}.mpq-qr-info{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.mpq-qr-name-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.mpq-qr-barang{font-size:.875rem!important;font-weight:600!important;color:#1a2332!important}.mpq-qr-merk{font-size:.78rem!important;color:#64748b!important;font-weight:500!important}.mpq-qr-merk:before{content:"·"!important;margin-right:4px!important;color:#cbd5e1!important}.mpq-qr-code{font-family:Courier New,monospace!important;font-size:.78rem!important;font-weight:700!important;color:#475569!important;letter-spacing:.03em!important}.mpq-qr-serial{font-size:.7rem!important;color:#94a3b8!important}.mpq-qr-meta{display:flex!important;gap:.5rem!important;align-items:center!important;flex-shrink:0!important}.mpq-qr-lokasi,.mpq-qr-kondisi{display:flex!important;align-items:center!important;gap:3px!important;font-size:.72rem!important;color:#64748b!important;background:#f1f5f9!important;padding:.15rem .5rem!important;border-radius:20px!important;white-space:nowrap!important}.mpq-kondisi-keluar{display:flex!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;flex-basis:100%!important;padding-left:30px!important;margin-top:4px!important}@media(min-width:640px){.mpq-kondisi-keluar{flex-basis:auto!important;padding-left:0!important;margin-top:0!important}}.mpq-kondisi-label{font-size:.78rem!important;color:#475569!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important}.select-wrap-bm{position:relative!important}.form-select-bm{width:100%!important;padding:.7rem 2.25rem .7rem .9rem!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;font-size:.9rem!important;color:#1a2332!important;background:#fff!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;transition:border-color .2s ease,box-shadow .2s ease!important;box-sizing:border-box!important;font-family:inherit!important}.form-select-bm:focus{outline:none!important;border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.sel-icon-bm{position:absolute!important;right:.75rem!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;pointer-events:none!important}.mpq-kondisi-select{font-size:.82rem!important;padding:.4rem 2rem .4rem .75rem!important;max-width:180px!important;border-color:#1e293b!important}.mpq-kondisi-empty{border-color:#fcd34d!important;background:#fffbeb!important}.mpq-qr-badge-used{font-size:.7rem!important;font-weight:600!important;color:#94a3b8!important;background:#f1f5f9!important;padding:.15rem .55rem!important;border-radius:20px!important;flex-shrink:0!important}.mpq-footer-layout{justify-content:space-between!important;align-items:center!important}.mpq-footer-info{font-size:.82rem!important;color:#475569!important;font-weight:500!important}.mpq-footer-actions{display:flex!important;gap:.65rem!important;align-items:center!important}.btn-simpan-bm:hover:not(:disabled){background:#0f172a!important;border-color:#0f172a!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #0f172a47!important}@media(max-width:640px){.mpq-modal{width:96%!important;max-height:94vh!important;border-radius:16px!important}.mpq-footer-layout{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.mpq-footer-actions{justify-content:flex-end!important}.btn-batal-bm,.btn-simpan-bm{flex:1!important;justify-content:center!important}.mpq-stats{display:none!important}}@media(max-width:480px){.modal-header-bm{padding:1rem 1.125rem!important}.modal-footer-bm{padding:.875rem 1.125rem!important}.modal-title-bm{font-size:.975rem!important}.mpq-search-bar{padding:.75rem 1rem!important}.mpq-body{padding:.75rem .875rem!important}.mpq-search-input,.form-select-bm{font-size:.875rem!important}}@media(max-width:360px){.mpq-modal{width:98%!important;border-radius:12px!important}}.theme-admin .mpq-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .form-select-bm:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .btn-simpan-bm:hover:not(:disabled){background:#0f172a!important;border-color:#0f172a!important}.theme-admin .mpq-select-all-btn:hover{border-color:#1e293b!important;color:#1e293b!important}.theme-staff .mpq-search-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mpq-search-clear:hover,.theme-staff .mpq-stat-selected{color:#15803d!important}.theme-staff .mpq-select-all-btn:hover{border-color:#15803d!important;color:#15803d!important;background:#f0fdf4!important}.theme-staff .mpq-group-open{background:#f0fdf4!important;border-bottom-color:#bbf7d0!important}.theme-staff .mpq-qr-checked{border-color:#15803d!important;background:#f0fdf4!important}.theme-staff .mpq-icon-checked{color:#15803d!important}.theme-staff .form-select-bm:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mpq-kondisi-select{border-color:#15803d!important}.mdi-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:mdi-fade .18s ease!important}@keyframes mdi-fade{0%{opacity:0}to{opacity:1}}.mdi-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:min(480px,94vw)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:mdi-slide .22s cubic-bezier(.34,1.56,.64,1)!important}@keyframes mdi-slide{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.mdi-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.1rem 1.25rem 1rem!important;border-bottom:1px solid #e2e8f0!important;background:#fafafa!important;flex-shrink:0!important}.mdi-header-inner{display:flex!important;align-items:center!important;gap:.75rem!important}.mdi-header-icon{width:38px!important;height:38px!important;border-radius:9px!important;background:#1e293b!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mdi-title{font-size:.95rem!important;font-weight:700!important;color:#111827!important;margin:0 0 .1rem!important}.mdi-subtitle{font-size:.75rem!important;color:#6b7280!important;margin:0!important}.mdi-close{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s ease!important;flex-shrink:0!important;line-height:1!important}.mdi-close svg{display:block!important}.mdi-close:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.mdi-close:hover svg line{stroke:#c0392b!important}.mdi-body{padding:6px 0!important;overflow-y:auto!important;max-height:60vh!important}.mdi-body::-webkit-scrollbar{width:4px}.mdi-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.mdi-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1.25rem!important;border-bottom:1px solid #f1f5f9!important;gap:1rem!important;transition:background .1s!important}.mdi-row:hover{background:#f8fafc!important}.mdi-row:last-child{border-bottom:none!important}.mdi-row-highlight{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}.mdi-row-highlight:hover{background:#e8edf5!important}.mdi-row-label{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.82rem!important;color:#718096!important;font-weight:500!important;flex-shrink:0!important;min-width:150px!important}.mdi-row-icon{color:#a0aec0!important;display:flex!important;align-items:center!important}.mdi-row-value{font-size:.875rem!important;color:#1a2332!important;font-weight:500!important;text-align:right!important;word-break:break-word!important}.mdi-value-highlight{color:#fff!important;font-weight:700!important;background:#1e293b!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important}.mdi-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.875rem 1.25rem!important;border-top:1px solid #e2e8f0!important;background:#fff!important;flex-shrink:0!important;gap:1rem!important}.mdi-info-text{font-size:.75rem!important;color:#a0aec0!important;margin:0!important;line-height:1.5!important;flex:1!important}.mdi-btn-close{display:inline-flex!important;align-items:center!important;height:34px!important;padding:0 1rem!important;border-radius:7px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .14s!important;flex-shrink:0!important;font-family:inherit!important}.mdi-btn-close:hover{border-color:#94a3b8!important;background:#f4f7fa!important}.mdi-varian-section{padding:12px 14px;border-bottom:1px solid #e8eaed}.mdi-varian-card{display:flex;flex-direction:row;align-items:center;gap:14px;background:#f7f8fa;border:1px solid #e8eaed;border-radius:10px;padding:10px 14px}.mdi-varian-foto-wrap{flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #e8eaed;background:#fff;display:flex;align-items:center;justify-content:center}.mdi-varian-foto-img{width:100%;height:100%;object-fit:contain}.mdi-varian-foto-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a0aec0;font-size:10px;text-align:center;width:100%;height:100%}.mdi-varian-info{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;gap:0}.mdi-varian-barang-name{font-size:13.5px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdi-varian-barang-name:after{content:"·";margin:0 1px;color:#cbd5e0;font-weight:400}.mdi-varian-merk{font-size:13px;font-weight:400;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-staff .mdi-header-icon,.theme-staff .mdi-value-highlight{background:#15803d!important}.theme-staff .mdi-row-highlight{background:#f0fdf4!important;border-bottom-color:#bbf7d0!important}.theme-staff .mdi-row-highlight:hover{background:#dcfce7!important}.mei-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:mei-fade .18s ease!important}@keyframes mei-fade{0%{opacity:0}to{opacity:1}}.mei-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:min(440px,94vw)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:mei-slide .22s cubic-bezier(.34,1.56,.64,1)!important}@keyframes mei-slide{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.mei-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important;flex-shrink:0!important}.mei-header-inner{display:flex!important;align-items:center!important;gap:.75rem!important}.mei-header-icon{width:38px!important;height:38px!important;border-radius:9px!important;background:#ffffff1f!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mei-title{font-size:.95rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.mei-subtitle{font-size:.75rem!important;color:#ffffff8c!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px!important}.mei-close{width:30px!important;height:30px!important;border-radius:6px!important;border:none!important;background:#ffffff1a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .15s!important;flex-shrink:0!important}.mei-close:hover{background:#ffffff38!important}.mei-body{padding:1.25rem 1.5rem!important;display:flex!important;flex-direction:column!important;gap:1.1rem!important}.mei-info-card{background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;overflow:hidden!important}.mei-info-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.65rem .875rem!important;gap:.75rem!important;border-bottom:1px solid #f1f5f9!important}.mei-info-row:last-child{border-bottom:none!important}.mei-info-label{font-size:.78rem!important;color:#718096!important;font-weight:500!important;flex-shrink:0!important}.mei-info-value{font-size:.875rem!important;color:#1a2332!important;font-weight:500!important;text-align:right!important}.mei-code{font-family:Courier New,monospace!important;color:#1e293b!important;font-weight:700!important}.mei-field{display:flex!important;flex-direction:column!important;gap:.65rem!important}.mei-field-label{display:flex!important;align-items:center!important;gap:.4rem!important;font-size:.82rem!important;font-weight:600!important;color:#4a5568!important}.mei-kondisi-options{display:flex!important;flex-direction:column!important;gap:.5rem!important}.mei-option{display:flex!important;align-items:center!important;gap:.65rem!important;padding:.75rem .875rem!important;border-radius:9px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;cursor:pointer!important;transition:all .15s ease!important;font-size:.875rem!important;color:#4a5568!important;font-weight:500!important;-webkit-user-select:none!important;user-select:none!important}.mei-option:hover{border-color:#94a3b8!important;background:#f8fafc!important}.mei-option-active{border-color:#1e293b!important;background:#f1f5f9!important;color:#1a2332!important;font-weight:600!important}.mei-option-dot{width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid #d1d5db!important;flex-shrink:0!important;transition:all .15s ease!important;position:relative!important}.mei-option-active .mei-option-dot{border-color:#1e293b!important;background:#1e293b!important}.mei-option-active .mei-option-dot:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important}.mei-loading{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;color:#718096!important;padding:.5rem 0!important}.mei-spin{animation:mei-spin-kf .8s linear infinite!important}@keyframes mei-spin-kf{to{transform:rotate(360deg)}}.mei-footer{display:flex!important;justify-content:flex-end!important;gap:.65rem!important;padding:.875rem 1.25rem!important;border-top:1px solid #e2e8f0!important;background:#fff!important;flex-shrink:0!important}.mei-btn-batal{display:inline-flex!important;align-items:center!important;height:36px!important;padding:0 1rem!important;border-radius:7px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .14s!important;font-family:inherit!important}.mei-btn-batal:hover{border-color:#94a3b8!important;background:#f4f7fa!important}.mei-btn-simpan{display:inline-flex!important;align-items:center!important;height:36px!important;padding:0 1.25rem!important;border-radius:7px!important;border:none!important;background:#1e293b!important;color:#fff!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 2px 6px #1e293b47!important;font-family:inherit!important}.mei-btn-simpan:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 12px #1e293b59!important;transform:translateY(-1px)!important}.mei-btn-simpan:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}.theme-staff .mei-header{background:#15803d!important;border-bottom-color:#166534!important}.theme-staff .mei-option-active{border-color:#15803d!important;background:#f0fdf4!important;color:#14532d!important}.theme-staff .mei-option-active .mei-option-dot{border-color:#15803d!important;background:#15803d!important}.theme-staff .mei-btn-simpan{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .mei-btn-simpan:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 12px #15803d59!important}.dbk-approved-banner{display:flex;align-items:center;gap:.6rem;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:10px;padding:.75rem 1.1rem;font-size:.875rem;color:#065f46}.dbk-approved-banner strong{font-weight:700}.dbk-draft-hint{display:flex;align-items:center;gap:.5rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:9px;padding:.6rem 1rem;font-size:.82rem;color:#78350f}.dbk-draft-hint strong{color:#92400e}.jenis-transaksi-row-dbm{margin-bottom:1.25rem}.jenis-transaksi-group-dbm{max-width:400px}.jenis-hint{display:block;font-size:.78rem;color:#718096;margin-top:.3rem;font-style:italic}.section-title-row-dbm .section-title-dbm{margin:0;padding-bottom:0;border-bottom:none}.form-textarea-dbm.readonly-dbm,.form-textarea-dbm:disabled{background:#f8fafc;color:#718096;cursor:default}.form-select-dbm.select-placeholder{color:#a0aec0}.input-icon-wrapper-dbm{position:relative}.input-icon-dbm{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.upload-wrapper-dbm{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden}.upload-text-dbm{flex:1;padding:.7rem 1rem;font-size:.875rem;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn-dbm{padding:.7rem 1.25rem;background:#1e293b;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:inherit}.upload-btn-dbm:hover{background:#162030}.upload-input-dbm{display:none}.file-display{font-size:.875rem;color:#4a5568;padding:.5rem 0}.file-empty{font-size:.875rem;color:#a0aec0;font-style:italic}.btn-pilih-barang-dbm{background:#fff;color:#4a5568;border:1.5px solid #e2e8f0}.btn-pilih-barang-dbm:not(.btn-disabled):hover{background:#f4f7fa;border-color:#94a3b8;transform:translateY(-1px)}.btn-tambah-barang-dbm:not(.btn-disabled):hover{background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.barang-table-dbm{width:100%;border-collapse:collapse;min-width:750px}.harga-cell-dbm{font-weight:600;color:#1a2332!important;white-space:nowrap}.dbk-kondisi-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:20px;font-size:.77rem;font-weight:700;background:#fef3c7;color:#92400e}.btn-qr-dbm{background:#ecfdf5;color:#059669;border:1.5px solid #a7f3d0}.summary-pct{font-size:.78rem;font-weight:600;color:#718096}.summary-input-group{display:flex;align-items:center;gap:.2rem}.pct-input-dbm{width:52px;padding:.2rem .35rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.825rem;font-weight:600;text-align:center;color:#1a2332;background:#fff;transition:border-color .2s;font-family:inherit}.pct-input-dbm:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.pct-sign{font-size:.8rem;font-weight:600;color:#718096}.summary-total-dbm{display:flex;align-items:center;gap:.5rem;padding-top:.625rem;border-top:1.5px solid #e2e8f0;margin-top:.25rem;font-size:.875rem;color:#4a5568}.total-amount-dbm{font-size:1rem;font-weight:700;color:#1e293b;margin-left:auto}.ref-keluar-card{border-left:3px solid #1e293b;padding-left:20px}.ref-keluar-header{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;padding:4px 0;border-radius:6px;transition:background .15s}.ref-keluar-header:hover:not([style*="cursor: default"]){background:#f8fafc}.ref-keluar-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ref-keluar-icon{color:#1e293b;flex-shrink:0}.ref-keluar-badge{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#2b6cb0;border:1px solid #bee3f8;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;letter-spacing:.3px}.ref-keluar-panel{margin-top:14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000f;animation:slideDown .18s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ref-keluar-hint{padding:10px 14px;font-size:12.5px;color:#718096;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;line-height:1.5}.ref-keluar-empty{padding:20px;text-align:center;color:#a0aec0;font-size:13px}.ref-keluar-list{max-height:280px;overflow-y:auto}.ref-keluar-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .12s}.ref-keluar-item:last-child{border-bottom:none}.ref-keluar-item:hover{background:#f0f4ff}.ref-keluar-item-active{background:#f1f5f9;border-left:3px solid #1e293b}.ref-keluar-item-main{display:flex;align-items:center;gap:8px}.ref-keluar-item-code{font-weight:600;font-size:13.5px;color:#2d3748;font-family:Courier New,monospace;letter-spacing:.3px}.ref-keluar-item-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;color:#718096}.ref-keluar-status-pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#e9d8fd;color:#6b46c1}.ref-keluar-status-1{background:#c6f6d5;color:#276749}.ref-keluar-status-2{background:#fed7d7;color:#9b2c2c}.ref-keluar-status-3{background:#fef3c7;color:#92400e}.ref-keluar-status-4{background:#bee3f8;color:#2c5282}.ref-keluar-actions{padding:8px 14px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end}.ref-keluar-refresh-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #cbd5e0;border-radius:6px;padding:4px 10px;font-size:12px;color:#718096;cursor:pointer;transition:all .15s}.ref-keluar-refresh-btn:hover{background:#edf2f7;color:#4a5568}.btn-ref-transaksi-dbm{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:#f1f5f9;border:1.5px solid #bee3f8;border-radius:8px;color:#2b6cb0;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-ref-transaksi-dbm:hover{background:#dbeafe;border-color:#93c5fd}.ref-approved-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#276749;font-size:12.5px;font-weight:600}.ref-pill-inline{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.ref-pill-ada{background:#c6f6d5;color:#276749}.ref-pill-permanen{background:#fed7d7;color:#9b2c2c}.ref-pill-service{background:#fef3c7;color:#92400e}.ref-pill-pinjam{background:#bee3f8;color:#2c5282}.ref-pill-default{background:#e2e8f0;color:#4a5568}.in-hint-bar{background:#fefcbf;border:1px solid #f6e05e;border-radius:8px;padding:8px 14px;margin-bottom:12px;font-size:13px;color:#744210;line-height:1.5}.ref-loading-overlay{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#1e293b;font-size:13.5px;background:#f8fafc;border-radius:8px;margin-bottom:12px;border:1px dashed #cbd5e0}@media(max-width:900px){.header-grid-dbm{grid-template-columns:1fr;gap:1rem}.summary-row-dbm{flex-direction:column;align-items:stretch}.summary-card-dbm{min-width:unset}.jenis-transaksi-group-dbm{max-width:100%}}@media(max-width:480px){.detail-barang-masuk{padding:1rem}.section-card-dbm{padding:1.25rem}.footer-actions-dbm{flex-direction:column}.btn-batal-dbm,.btn-simpan-dbm,.btn-finalisasi-dbm{width:100%;justify-content:center}.barang-actions-row-dbm{flex-direction:column;align-items:stretch}.btn-pilih-barang-dbm,.btn-tambah-barang-dbm{justify-content:center}.page-title-dbm{font-size:1.45rem}}.theme-admin .detail-barang-masuk .upload-btn-dbm{background:#1e293b!important}.theme-admin .detail-barang-masuk .upload-btn-dbm:hover{background:#162030!important}.theme-staff .detail-barang-masuk .upload-btn-dbm{background:#15803d!important}.theme-staff .detail-barang-masuk .upload-btn-dbm:hover{background:#166534!important}.detail-barang-masuk{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#718096;font-size:.95rem}.page-header-dbm{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header-left-dbm{display:flex;align-items:center;gap:.75rem}.btn-back-dbm,.page-header-left-dbm .btn-back-dbm,.detail-barang-masuk .btn-back-dbm,button.btn-back-dbm{width:36px!important;height:36px!important;background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border:1.5px solid #1e293b!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease!important}.btn-back-dbm:hover,.page-header-left-dbm .btn-back-dbm:hover,.detail-barang-masuk .btn-back-dbm:hover,button.btn-back-dbm:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.theme-admin .detail-barang-masuk .btn-back-dbm,.theme-admin .detail-barang-masuk button.btn-back-dbm{background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border-color:#1e293b!important}.theme-admin .detail-barang-masuk .btn-back-dbm:hover,.theme-admin .detail-barang-masuk button.btn-back-dbm:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.theme-staff .detail-barang-masuk .btn-back-dbm:hover,.theme-staff .detail-barang-masuk button.btn-back-dbm:hover{background:#15803d!important;background-color:#15803d!important;color:#fff!important;border-color:#15803d!important;transform:translate(-2px)!important}.page-title-dbm{font-size:1.4rem;font-weight:800;color:#1a2332;margin-bottom:.1rem;letter-spacing:-.03em}.page-company-dbm{font-size:.95rem;color:#718096;font-weight:500}.head-meta{display:flex;align-items:center;gap:.75rem}.head-code{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#1e293b;background:#f1f5f9;padding:.35rem .75rem;border-radius:6px;border:1.5px solid #e2e8f0}.head-code-auto{font-style:normal;font-weight:500;opacity:.5;letter-spacing:.01em}.status-badge-dbm{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.badge-draft{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.section-card-dbm{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.75rem;box-shadow:0 1px 4px #0000000a}.section-title-dbm{font-size:1.05rem;font-weight:700;color:#1a2332;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1.5px solid #f0f4f8}.section-title-row-dbm{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.section-title-row-dbm .section-title-dbm{margin:0;padding:0;border:none}.header-grid-dbm{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group-full-dbm{grid-column:span 2}.col-left-dbm,.col-right-dbm{display:flex;flex-direction:column;gap:1rem}.form-group-dbm{display:flex;flex-direction:column;gap:.4rem}.form-label-dbm{font-size:.875rem;font-weight:600;color:#1a2332}.required{color:#e53e3e;margin-left:2px}.form-input-dbm{width:100%;padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.form-input-dbm:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.form-input-dbm:disabled{background:#f8fafc;color:#718096;cursor:default}.form-textarea-dbm{width:100%;padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;background:#fff;resize:vertical;transition:border-color .2s;font-family:inherit;box-sizing:border-box;min-height:3rem}.form-textarea-dbm:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.form-textarea-dbm:disabled{background:#f8fafc;color:#718096;cursor:default}.select-wrapper-dbm{position:relative}.form-select-dbm{width:100%;padding:.7rem 2.5rem .7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;background:#fff;appearance:none;cursor:pointer;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.form-select-dbm:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.form-select-dbm:disabled{background:#f8fafc;color:#718096;cursor:default}.select-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#718096;pointer-events:none}.card-footer-dbm{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;padding-top:.75rem;border-top:1.5px solid #f0f4f8;margin-top:.25rem}.scan-form-dbm{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.45rem .875rem;transition:border-color .2s;max-width:400px}.scan-form-dbm:focus-within{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.scan-icon-dbm{color:#718096;flex-shrink:0}.scan-input-dbm{border:none;outline:none;font-size:.875rem;color:#2d3748;width:200px;background:transparent;font-family:inherit}.scan-input-dbm::placeholder{color:#a0aec0}.scan-btn-dbm{display:inline-flex;align-items:center;gap:.25rem;padding:0 .875rem;height:30px;background:#2d3748;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.scan-btn-dbm:hover:not(:disabled){background:#1a202c}.scan-btn-dbm:disabled{opacity:.45;cursor:not-allowed}.scan-msg-dbm{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.scan-msg-success{background:#f0fff4;color:#276749;border:1.5px solid #9ae6b4}.scan-msg-error{background:#fff5f5;color:#c53030;border:1.5px solid #fed7d7}.barang-actions-row-dbm{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.btn-pilih-barang-dbm,.btn-tambah-barang-dbm{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:38px;border-radius:8px;font-size:.858rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.btn-pilih-barang-dbm{background:#1e293b;color:#fff;border:1.5px solid #e2e8f0}.btn-pilih-barang-dbm:not(.btn-disabled):not(:disabled):hover{background:#f4f7fa;border-color:#94a3b8;color:#1e293b;transform:translateY(-1px)}.btn-tambah-barang-dbm{background:#1e293b;color:#fff;border:none;box-shadow:0 2px 6px #1e293b47}.btn-tambah-barang-dbm:not(.btn-disabled):not(:disabled):hover{background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.btn-disabled,button:disabled{opacity:.45;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.table-wrapper-dbm{overflow-x:auto;border-radius:12px;border:1.5px solid #e2e8f0;margin-bottom:.75rem;box-shadow:0 1px 4px #0000000a}.barang-table-dbm{width:100%;border-collapse:collapse;min-width:800px}.barang-table-dbm thead tr{background:#1e293b}.barang-table-dbm thead th{padding:.85rem 1rem;text-align:left;font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid rgba(255,255,255,.07)}.barang-table-dbm thead th:last-child{border-right:none}.barang-table-dbm tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s ease}.barang-table-dbm tbody tr:last-child{border-bottom:none}.barang-table-dbm tbody tr:nth-child(2n){background:#fafbfc}.barang-table-dbm tbody tr:hover{background:#f0f4fa}.barang-table-dbm tbody td{padding:.8rem 1rem;font-size:.875rem;color:#2d3748}.id-cell-dbm{font-family:Courier New,monospace;font-weight:700;color:#1e293b!important;background:#f1f5f9;padding:.2rem .55rem;border-radius:5px;border:1px solid #e2e8f0;display:inline-block;font-size:.78rem}.table-empty-cell{text-align:center!important;padding:2.5rem!important;color:#a0aec0;font-size:.9rem;font-weight:500;font-style:italic}.tipe-badge-dbm{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.77rem;font-weight:700}.tipe-asset{background:#dbeafe;color:#1d4ed8}.tipe-nonasset{background:#ede9fe;color:#6d28d9}.pending-dot-dbm{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;margin-left:5px;vertical-align:middle}.action-btns-dbm{display:flex;gap:.35rem;align-items:center}.action-btn-dbm{width:30px;height:30px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.btn-view-dbm{background:#eff6ff;color:#1d4ed8}.btn-edit-dbm{background:#fffbeb;color:#d97706}.btn-delete-dbm{background:#fdf3f2;color:#c0392b}.btn-view-dbm:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #1d4ed84d}.btn-edit-dbm:hover{background:#d97706;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #d977064d}.btn-delete-dbm:hover{background:#c0392b;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #c0392b4d}.btn-delete-dbm:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.summary-row-dbm{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.summary-card-dbm{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:280px;box-shadow:0 1px 3px #0000000a}.summary-line-dbm{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568}.summary-label-dbm{min-width:80px;font-weight:500}.summary-sep-dbm{color:#a0aec0}.summary-amount-dbm{font-weight:600;color:#1a2332;margin-left:auto;white-space:nowrap}.summary-total-dbm{display:flex;align-items:center;gap:.5rem;padding-top:.625rem;border-top:1.5px solid #e2e8f0;margin-top:.25rem}.total-label-dbm{min-width:90px;font-size:1rem;font-weight:700;color:#1a2332}.total-amount-dbm{font-size:1.1rem;font-weight:800;color:#1e293b;margin-left:auto}.summary-note-dbm{color:#d97706;font-weight:600;font-size:.8rem;margin-top:.25rem}.footer-actions-dbm{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn-batal-dbm,.btn-simpan-dbm,.btn-finalisasi-dbm{display:flex;align-items:center;gap:.5rem;padding:0 1.75rem;height:42px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.btn-batal-dbm{background:#fff;color:#718096;border:1.5px solid #e2e8f0}.btn-batal-dbm:hover{background:#f4f7fa;border-color:#94a3b8}.btn-batal-dbm.btn-destructive{color:#e53e3e;border-color:#fc8181;background:transparent}.btn-batal-dbm.btn-destructive:hover{background:#fff5f5;border-color:#e53e3e}.btn-simpan-dbm{background:#fff;color:#1e293b;border:1.5px solid #1e293b}.btn-simpan-dbm:hover:not(:disabled){background:#f4f7fa}.btn-finalisasi-dbm{background:#1e293b;color:#fff;border:none;box-shadow:0 2px 6px #1e293b47}.btn-finalisasi-dbm:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.btn-edit-lokasi-dbm{display:inline-flex;align-items:center;gap:6px;padding:0 1rem;height:36px;border:1.5px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-size:.858rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.btn-edit-lokasi-dbm:hover{background:#f4f7fa;border-color:#94a3b8}.btn-batal-edit-dbm{display:inline-flex;align-items:center;gap:6px;padding:0 1rem;height:36px;border:1.5px solid #e2e8f0;background:#fff;color:#718096;border-radius:8px;font-size:.858rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.btn-batal-edit-dbm:hover{background:#f8fafc;border-color:#a0aec0;color:#2d3748}.btn-qr-dbm{display:inline-flex;align-items:center;gap:6px;padding:0 .875rem;height:36px;border-radius:8px;border:1.5px solid #a7f3d0;background:#ecfdf5;color:#059669;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap;font-family:inherit}.btn-qr-dbm:hover{background:#059669;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #0596694d}.approved-notice-dbm{display:flex;align-items:center;gap:.5rem;background:#f0fff4;border:1.5px solid #9ae6b4;color:#276749;border-radius:10px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}@media(max-width:900px){.header-grid-dbm{grid-template-columns:1fr;gap:1rem}.form-group-full-dbm{grid-column:span 1}.summary-row-dbm{flex-direction:column;align-items:stretch}.summary-card-dbm{min-width:unset}}@media(max-width:480px){.detail-barang-masuk{padding:1rem}.section-card-dbm{padding:1.25rem}.footer-actions-dbm{flex-direction:column}.barang-actions-row-dbm{flex-direction:column;align-items:stretch}.btn-pilih-barang-dbm,.btn-tambah-barang-dbm{justify-content:center}.btn-batal-dbm,.btn-simpan-dbm,.btn-finalisasi-dbm{width:100%;justify-content:center}}.theme-admin .detail-barang-masuk .barang-table-dbm thead tr{background:#1e293b!important}.theme-admin .detail-barang-masuk .btn-finalisasi-dbm{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-barang-masuk .btn-finalisasi-dbm:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-barang-masuk .btn-tambah-barang-dbm{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-barang-masuk .btn-tambah-barang-dbm:hover:not(.btn-disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-barang-masuk .btn-simpan-dbm{color:#1e293b!important;border-color:#1e293b!important}.theme-admin .detail-barang-masuk .form-input-dbm:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .detail-barang-masuk .form-select-dbm:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .detail-barang-masuk .form-textarea-dbm:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-staff .detail-barang-masuk .barang-table-dbm thead tr{background:#15803d!important}.theme-staff .detail-barang-masuk .btn-finalisasi-dbm{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-barang-masuk .btn-finalisasi-dbm:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-barang-masuk .btn-tambah-barang-dbm{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-barang-masuk .btn-tambah-barang-dbm:hover:not(.btn-disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-barang-masuk .btn-simpan-dbm{color:#15803d!important;border-color:#22c55e!important}.theme-staff .detail-barang-masuk .btn-simpan-dbm:hover:not(:disabled){background:#f0fdf4!important}.theme-staff .detail-barang-masuk .form-input-dbm:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .detail-barang-masuk .form-select-dbm:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .detail-barang-masuk .form-textarea-dbm:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.mpqp-backdrop{position:fixed;inset:0;background:#0a0f1e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;animation:mpqp-fade-in .18s ease}.mpqp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:min(900px,96vw);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 4px 6px #0000000a,0 20px 60px #00000024,0 0 0 1px #0000000f;animation:mpqp-slide-up .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.mpqp-qr-name-row{display:flex;align-items:center;gap:6px}.mpqp-qr-barang{font-size:.8rem;color:#2d3748;font-weight:600}.mpqp-qr-merk-sep{color:#718096;font-weight:500}.mpqp-qr-merk-sep:before{content:"·";margin-right:6px;color:#cbd5e0}@keyframes mpqp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mpqp-slide-up{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.mpqp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid #f0f0f0;flex-shrink:0;background:#fafafa}.mpqp-header-left{display:flex;align-items:center;gap:14px}.mpqp-header-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mpqp-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 2px}.mpqp-subtitle{font-size:12px;color:#6b7280;margin:0}.mpqp-subtitle strong{color:#2d3748}.mpqp-close{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.mpqp-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.mpqp-search-bar{padding:14px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:16px;flex-shrink:0;background:#fff}.mpqp-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.mpqp-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.mpqp-search-input{width:100%;padding:9px 36px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13.5px;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;background:#fafafa}.mpqp-search-input:focus{border-color:#2d3748;box-shadow:0 0 0 3px #2d37481a;background:#fff}.mpqp-search-input::placeholder{color:#9ca3af}.mpqp-search-clear{position:absolute;right:10px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px}.mpqp-search-clear:hover{color:#374151}.mpqp-stats{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.mpqp-stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.mpqp-stat-selected{color:#2d3748;font-weight:600}.mpqp-stat-divider{color:#d1d5db}.mpqp-body{flex:1;overflow-y:auto;padding:12px 16px;background:#f9fafb}.mpqp-body::-webkit-scrollbar{width:5px}.mpqp-body::-webkit-scrollbar-track{background:transparent}.mpqp-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.mpqp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#6b7280;font-size:14px}.mpqp-spin{animation:mpqp-rotate .8s linear infinite}@keyframes mpqp-rotate{to{transform:rotate(360deg)}}.mpqp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#6b7280;font-size:14px;text-align:center}.mpqp-empty-icon{color:#d1d5db}.mpqp-group{background:#fff;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:10px;overflow:hidden;transition:box-shadow .15s}.mpqp-group:hover{box-shadow:0 2px 8px #0000000f}.mpqp-group-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s;gap:12px}.mpqp-group-header:hover{background:#f8f8f6}.mpqp-group-open{background:#f5f5f0;border-bottom:1px solid #e2e8f0}.mpqp-group-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mpqp-chevron{color:#6b7280;flex-shrink:0;display:flex;align-items:center}.mpqp-group-info{display:flex;flex-direction:column;min-width:0}.mpqp-group-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpqp-group-code{font-size:11.5px;color:#6b7280;font-family:Courier New,monospace}.mpqp-group-type{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:20px;flex-shrink:0}.mpqp-type-asset{background:#ede9fe;color:#7c3aed}.mpqp-type-non-asset{background:#dcfce7;color:#15803d}.mpqp-group-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.mpqp-group-count{font-size:12px;color:#374151;font-weight:500;white-space:nowrap}.mpqp-select-all-btn{font-size:12px;font-weight:500;padding:4px 12px;border-radius:6px;border:1.5px solid #2d3748;background:transparent;color:#2d3748;cursor:pointer;transition:all .14s;white-space:nowrap}.mpqp-select-all-btn:hover{background:#2d3748;color:#fff}.mpqp-deselect{border-color:#dc2626;color:#dc2626}.mpqp-deselect:hover{background:#dc2626;color:#fff;border-color:#dc2626}.mpqp-qr-list{border-top:1px solid #e5e7eb;background:#fafafa;padding:6px 10px 8px;display:flex;flex-direction:column;gap:5px}.mpqp-qr-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;transition:all .12s;cursor:pointer}.mpqp-qr-item:hover:not(.mpqp-qr-disabled){border-color:#a0aec0;background:#f7fafc}.mpqp-qr-checked{border-color:#2d3748!important;background:#f7fafc!important}.mpqp-qr-disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6!important}.mpqp-qr-checkbox{flex-shrink:0;display:flex;align-items:center}.mpqp-icon-checked{color:#2d3748}.mpqp-icon-unchecked{color:#d1d5db}.mpqp-icon-disabled{color:#9ca3af}.mpqp-qr-main{flex:1;display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.mpqp-qr-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mpqp-qr-code{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#2d3748;letter-spacing:.5px}.mpqp-qr-serial{font-size:11px;color:#6b7280}.mpqp-qr-meta{display:flex;gap:8px;align-items:center;flex-shrink:0}.mpqp-qr-lokasi,.mpqp-qr-kondisi{display:flex;align-items:center;gap:3px;font-size:11.5px;color:#6b7280;background:#f3f4f6;padding:2px 7px;border-radius:20px;white-space:nowrap}.mpqp-qr-badge-used{font-size:10.5px;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:20px;flex-shrink:0}.mpqp-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;gap:16px}.mpqp-footer-info{font-size:13px;color:#374151;font-weight:500}.mpqp-footer-actions{display:flex;gap:10px}.mpqp-btn-batal{padding:9px 20px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .14s}.mpqp-btn-batal:hover{border-color:#d1d5db;background:#f9fafb}.mpqp-btn-konfirmasi{padding:9px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .14s;box-shadow:0 2px 6px #2d37484d}.mpqp-btn-konfirmasi:hover:not(:disabled){background:linear-gradient(135deg,#1a202c,#171923);box-shadow:0 4px 10px #2d374866;transform:translateY(-1px)}.mpqp-btn-konfirmasi:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:600px){.mpqp-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;top:0;left:0;transform:none}.mpqp-stats{display:none}.mpqp-footer{flex-direction:column;align-items:stretch}.mpqp-footer-actions{justify-content:flex-end}}.daftar-barangpindah{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.daftar-barangpindah .bp-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-barangpindah .bp-header-left{flex:1!important}.daftar-barangpindah .bp-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-barangpindah .bp-page-company{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-barangpindah .btn-deleted,.daftar-barangpindah .btn-refresh,.daftar-barangpindah .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-barangpindah .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-barangpindah .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-barangpindah .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-barangpindah .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-barangpindah .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barangpindah .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-barangpindah .btn-add:hover:not(:disabled){background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-barangpindah .btn-add:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-barangpindah .spinning{animation:bp-spin 1s linear infinite!important}@keyframes bp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daftar-barangpindah .bp-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-barangpindah .bp-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-barangpindah .bp-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-barangpindah .bp-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-barangpindah .bp-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.daftar-barangpindah .bp-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.daftar-barangpindah .bp-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-barangpindah .bp-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-barangpindah .bp-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-barangpindah .bp-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-barangpindah .bp-search-input::placeholder{color:#a0aec0!important}.daftar-barangpindah .bp-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.daftar-barangpindah .bp-search-clear:hover{color:#1e293b!important}.daftar-barangpindah .bp-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.daftar-barangpindah .bp-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.daftar-barangpindah .bp-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.daftar-barangpindah .bp-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.daftar-barangpindah .bp-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:bp-spin .75s linear infinite!important}.daftar-barangpindah .bp-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.daftar-barangpindah .bp-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.daftar-barangpindah .bp-table-wrapper .tabulator-table{width:100%!important}.daftar-barangpindah .bp-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.daftar-barangpindah .bp-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.daftar-barangpindah .bp-table-wrapper .tabulator-col:last-child{border-right:none!important}.daftar-barangpindah .bp-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.daftar-barangpindah .bp-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.daftar-barangpindah .bp-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.daftar-barangpindah .bp-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.daftar-barangpindah .bp-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.daftar-barangpindah .bp-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.daftar-barangpindah .bp-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.daftar-barangpindah .bp-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.daftar-barangpindah .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-lokasi-asal{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;background:#f1f5f9!important;color:#64748b!important;border-radius:20px!important;font-size:.77rem!important;font-weight:600!important;white-space:nowrap!important}.tab-lokasi-tujuan{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;background:#dcfce7!important;color:#166534!important;border-radius:20px!important;font-size:.77rem!important;font-weight:600!important;white-space:nowrap!important}.daftar-barangpindah .status-badge-bp{display:inline-flex!important;align-items:center!important;gap:.3rem!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important;white-space:nowrap!important}.daftar-barangpindah .badge-draft{background:#fef3c7!important;color:#92400e!important}.daftar-barangpindah .badge-approved{background:#d1fae5!important;color:#065f46!important}.daftar-barangpindah .bp-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.daftar-barangpindah .bp-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.daftar-barangpindah .bp-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.daftar-barangpindah .bp-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-barangpindah .bp-page-size-select:hover{background-color:#162030!important}.daftar-barangpindah .bp-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-barangpindah .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-barangpindah .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-barangpindah .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.daftar-barangpindah .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangpindah .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-barangpindah .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-barangpindah .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-barangpindah .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-barangpindah .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.bp-tracking-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:bp-fadeIn .2s ease!important}@keyframes bp-fadeIn{0%{opacity:0}to{opacity:1}}.bp-tracking-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:420px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;z-index:9999!important;animation:bp-slideUp .25s ease!important;overflow:hidden!important}@keyframes bp-slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.bp-tracking-modal .bp-tracking-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important}.bp-tracking-modal .bp-tracking-title{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.bp-tracking-modal .bp-tracking-code{font-size:.8rem!important;font-family:Courier New,monospace!important;color:#ffffff80!important}.bp-tracking-modal .bp-tracking-close{width:30px!important;height:30px!important;background:#ffffff1a!important;color:#fff!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;flex-shrink:0!important}.bp-tracking-modal .bp-tracking-close:hover{background:#ffffff38!important}.bp-tracking-modal .bp-tracking-body{padding:1.5rem!important;display:flex!important;flex-direction:column!important;gap:0!important;max-height:60vh!important;overflow-y:auto!important}.bp-tracking-modal .bp-track-item{display:flex!important;gap:1rem!important}.bp-tracking-modal .bp-track-left{display:flex!important;flex-direction:column!important;align-items:center!important;flex-shrink:0!important}.bp-tracking-modal .bp-track-dot{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.bp-tracking-modal .bp-track-icon{font-size:.8rem!important;color:#fff!important;font-weight:700!important}.bp-tracking-modal .bp-track-line{width:2px!important;flex:1!important;background:#e2e8f0!important;margin:4px 0!important;min-height:20px!important}.bp-tracking-modal .bp-track-content{padding-bottom:1.25rem!important;flex:1!important}.bp-tracking-modal .bp-track-label{display:block!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:.25rem!important}.bp-tracking-modal .bp-track-meta{display:flex!important;align-items:center!important;gap:.3rem!important;font-size:.775rem!important;color:#718096!important;flex-wrap:wrap!important}.bp-tracking-modal .bp-track-sep{color:#cbd5e0!important}.bp-tracking-modal .bp-tracking-empty{color:#a0aec0!important;font-size:.875rem!important;text-align:center!important;padding:2rem!important;margin:0!important}@media(max-width:768px){.daftar-barangpindah{padding:1rem!important}.daftar-barangpindah .bp-header{flex-direction:column!important;align-items:flex-start!important}.daftar-barangpindah .bp-page-title{font-size:1.45rem!important}.daftar-barangpindah .bp-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-barangpindah .bp-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-barangpindah .bp-search-input{font-size:.95rem!important}.daftar-barangpindah .bp-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-barangpindah .btn-deleted,.daftar-barangpindah .btn-refresh,.daftar-barangpindah .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-barangpindah .bp-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-barangpindah .bp-stat-card{min-width:unset!important;width:100%!important}.daftar-barangpindah .bp-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.daftar-barangpindah .bp-table-wrapper .tabulator{min-width:900px!important}.daftar-barangpindah .bp-pagination-footer{justify-content:center!important}.daftar-barangpindah .pag-btn-num:not(.pag-active){display:none!important}.daftar-barangpindah .pag-dots{display:none!important}}@media(max-width:480px){.daftar-barangpindah .bp-page-title{font-size:1.45rem!important}.daftar-barangpindah .bp-search-box{height:48px!important}.daftar-barangpindah .bp-pagination-footer{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-admin .daftar-barangpindah .bp-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important}.theme-admin .daftar-barangpindah .btn-add{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .daftar-barangpindah .btn-add:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .daftar-barangpindah .bp-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .daftar-barangpindah .bp-spinner{border-top-color:#1e293b!important}.theme-admin .daftar-barangpindah .bp-page-size-select{background-color:#1e293b!important}.theme-admin .daftar-barangpindah .bp-page-size-select:hover{background-color:#162030!important}.theme-admin .daftar-barangpindah .pag-btn-num.pag-active{background:#1e293b!important;box-shadow:0 2px 6px #1e293b4d!important}.theme-admin .daftar-barangpindah .pag-btn-num.pag-active:hover{background:#162030!important}.theme-staff .daftar-barangpindah .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-barangpindah .btn-add:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-barangpindah .bp-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-barangpindah .bp-search-clear:hover{color:#15803d!important}.theme-staff .daftar-barangpindah .bp-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-barangpindah .bp-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .daftar-barangpindah .bp-page-size-select{background-color:#15803d!important}.theme-staff .daftar-barangpindah .bp-page-size-select:hover{background-color:#166534!important}.theme-staff .daftar-barangpindah .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangpindah .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-barangpindah .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-barangpindah .pag-btn-num.pag-active:hover{background:#166534!important}.page-delete-barangmasuk{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdbm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdbm-header-left{display:flex;align-items:center;gap:.875rem}.pdbm-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdbm-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdbm-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdbm-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdbm-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdbm-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdbm-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdbm-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdbm-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdbm-error p{margin:0}.page-delete-barangmasuk .pdbm-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-barangmasuk .pdbm-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-barangmasuk .pdbm-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-barangmasuk .pdbm-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-barangmasuk .pdbm-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;text-align:center!important}.page-delete-barangmasuk .pdbm-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-barangmasuk .pdbm-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-barangmasuk .pdbm-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-barangmasuk .pdbm-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-barangmasuk .pdbm-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-barangmasuk .pdbm-search-input::placeholder{color:#cbd5e1!important}.pdbm-btn-delete-all{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdbm-btn-delete-all:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.pdbm-btn-delete-all:disabled{opacity:.45!important;cursor:not-allowed!important}.page-delete-barangmasuk .pdbm-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important}.page-delete-barangmasuk .pdbm-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.pdbm-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.spinning{animation:pdbm-spin 1s linear infinite}@keyframes pdbm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdbm-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdbm-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdbm-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdbm-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdbm-spin .8s linear infinite}.pdbm-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#fff!important}.tab-id-badge{display:inline-block;background:#fee2e2;color:#991b1b;font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:5px;font-family:Courier New,monospace}.tab-badge-supplier{background:#ede9fe;color:#5b21b6}.tab-badge-in{background:#dbeafe;color:#1d4ed8}.tab-badge-parent{background:#dbeafe;color:#1d4ed8}.tab-badge-child{background:#fef3c7;color:#92400e}.pdbm-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdbm-fadeIn .2s ease-out}.pdbm-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdbm-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdbm-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdbm-fadeIn{0%{opacity:0}to{opacity:1}}.pdbm-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdbm-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdbm-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdbm-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdbm-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.text-danger{color:#b91c1c;font-weight:700}.pdbm-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdbm-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdbm-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdbm-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}.pdbm-btn-restore-all{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important}.pdbm-btn-restore-all:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px)!important}.pdbm-btn-restore-all:disabled{opacity:.45!important;cursor:not-allowed!important}@media(max-width:768px){.page-delete-barangmasuk{padding:1rem}.pdbm-header{flex-direction:column;align-items:flex-start}.pdbm-stats{flex-wrap:wrap!important}.pdbm-search-wrapper{gap:.5rem}.pdbm-search-box{max-width:100%}.pdbm-btn-delete-all,.page-delete-barangmasuk .pdbm-btn-refresh{flex-shrink:0!important;font-size:.85rem!important;font-weight:600!important;font-family:inherit!important}.pdbm-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdbm-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-barangmasuk{min-width:900px!important}.pdbm-confirm-actions{flex-direction:column}.pdbm-btn-cancel,.pdbm-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdbm-title{font-size:1.35rem}.pdbm-confirm-modal{padding:1.5rem 1.25rem}.pdbm-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-barangmasuk{min-width:900px!important}}.theme-staff .pdbm-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdbm-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdbm-spinner{border-top-color:#22c55e!important}.page-delete-barangkeluar{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdbk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdbk-header-left{display:flex;align-items:center;gap:.875rem}.pdbk-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdbk-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdbk-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdbk-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdbk-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdbk-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdbk-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdbk-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdbk-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdbk-error p{margin:0}.page-delete-barangkeluar .pdbk-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-barangkeluar .pdbk-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-barangkeluar .pdbk-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-barangkeluar .pdbk-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-barangkeluar .pdbk-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;text-align:center!important}.page-delete-barangkeluar .pdbk-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-barangkeluar .pdbk-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-barangkeluar .pdbk-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-barangkeluar .pdbk-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-barangkeluar .pdbk-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-barangkeluar .pdbk-search-input::placeholder{color:#cbd5e1!important}.page-delete-barangkeluar .pdbk-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.page-delete-barangkeluar .pdbk-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.page-delete-barangkeluar .pdbk-btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.pdbk-btn-bulk-danger{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important}.pdbk-btn-bulk-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.pdbk-bulk-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0000001f!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;padding:.05rem .45rem!important;min-width:18px!important;line-height:1.4!important}.spinning{animation:pdbk-spin 1s linear infinite}@keyframes pdbk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdbk-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdbk-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdbk-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdbk-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdbk-spin .8s linear infinite}.pdbk-table-wrapper .tabulator{border:none!important;border-radius:0!important;background:#fff!important}.tab-badge-jenis{background:#dbeafe;color:#1d4ed8}.tab-parent-name{color:#1a2332;font-weight:500}.tab-btn-restore{background:#f0fdf4;color:#16a34a}.pdbk-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdbk-fadeIn .2s ease-out}.pdbk-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdbk-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdbk-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdbk-fadeIn{0%{opacity:0}to{opacity:1}}.pdbk-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdbk-confirm-icon.restore{background:#dcfce7;color:#15803d}.pdbk-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdbk-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdbk-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.text-danger,.pdbk-text-danger{color:#b91c1c;font-weight:700}.pdbk-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdbk-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdbk-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdbk-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:768px){.page-delete-barangkeluar{padding:1rem}.pdbk-header{flex-direction:column;align-items:flex-start}.pdbk-stats{flex-wrap:wrap!important}.pdbk-search-wrapper{gap:.5rem;flex-wrap:wrap}.pdbk-search-box{min-width:0!important}.pdbk-btn-refresh,.pdbk-btn-bulk{flex-shrink:0!important}.pdbk-header-actions{flex-wrap:wrap!important}.pdbk-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdbk-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-barangkeluar{min-width:900px!important}.pdbk-confirm-actions{flex-direction:column}.pdbk-btn-cancel,.pdbk-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdbk-title{font-size:1.35rem}.pdbk-confirm-modal{padding:1.5rem 1.25rem}.pdbk-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-barangkeluar{min-width:900px!important}}.theme-staff .pdbk-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdbk-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdbk-spinner{border-top-color:#22c55e!important}.theme-staff .tab-btn-view{background:#f0fdf4!important;color:#16a34a!important}.theme-staff .tab-btn-view:hover{filter:brightness(.88)!important}.page-delete-barangpindah{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdbp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdbp-header-left{display:flex;align-items:center;gap:.875rem}.pdbp-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important;overflow:visible!important}.pdbp-btn-back svg{display:block!important;pointer-events:none!important;flex-shrink:0!important}.pdbp-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdbp-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdbp-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdbp-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdbp-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdbp-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdbp-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdbp-error p{margin:0}.page-delete-barangpindah .pdbp-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-barangpindah .pdbp-stat-card{flex:1!important;width:auto!important;height:auto!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-barangpindah .pdbp-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-barangpindah .pdbp-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important;letter-spacing:normal!important}.page-delete-barangpindah .pdbp-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;text-align:center!important}.page-delete-barangpindah .pdbp-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-delete-barangpindah .pdbp-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-barangpindah .pdbp-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-barangpindah .pdbp-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-barangpindah .pdbp-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-barangpindah .pdbp-search-input::placeholder{color:#cbd5e1!important}.pdbp-btn-bulk-danger{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdbp-btn-bulk-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.pdbp-btn-bulk-danger:disabled{opacity:.45!important;cursor:not-allowed!important}.pdbp-bulk-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0000001f!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;padding:.05rem .45rem!important;min-width:18px!important;line-height:1.4!important}.page-delete-barangpindah .pdbp-btn-refresh{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.page-delete-barangpindah .pdbp-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.page-delete-barangpindah .pdbp-btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.spinning{animation:pdbp-spin 1s linear infinite}@keyframes pdbp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdbp-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdbp-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdbp-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdbp-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdbp-spin .8s linear infinite}.pdbp-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important}.tab-lokasi-asal{display:inline-block;background:#f1f5f9;color:#64748b;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:5px}.tab-lokasi-tujuan{display:inline-block;background:#dcfce7;color:#15803d;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:5px}.tab-action-group{display:flex;gap:.4rem;justify-content:center;align-items:center}.pdbp-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdbp-fadeIn .2s ease-out}.pdbp-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdbp-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdbp-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdbp-fadeIn{0%{opacity:0}to{opacity:1}}.pdbp-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdbp-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdbp-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdbp-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdbp-text-danger{color:#b91c1c;font-weight:700}.pdbp-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdbp-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdbp-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdbp-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}.pdbk-btn-bulk-restore{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;white-space:nowrap!important}.pdbk-btn-bulk-restore:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px)!important}.pdbk-btn-bulk-restore:disabled{opacity:.45!important;cursor:not-allowed!important}.pdbk-bulk-badge-green{background:#15803d26!important}@media(max-width:768px){.page-delete-barangpindah{padding:1rem}.pdbp-header{flex-direction:column;align-items:flex-start}.pdbp-stats{flex-wrap:wrap!important}.pdbp-search-wrapper{gap:.5rem;flex-wrap:wrap}.pdbp-btn-bulk-danger,.page-delete-barangpindah .pdbp-btn-refresh{flex-shrink:0!important}.pdbp-stat-card{flex:1!important;width:auto!important;min-width:calc(33.33% - .67rem)!important;height:auto!important;padding:.85rem 1rem!important}.pdbp-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#table-delete-barangpindah{min-width:900px!important}.pdbp-confirm-actions{flex-direction:column}.pdbp-btn-cancel,.pdbp-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdbp-title{font-size:1.35rem}.pdbp-confirm-modal{padding:1.5rem 1.25rem}.pdbp-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-barangpindah{min-width:900px!important}}.pdbp-btn-bulk-success{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#16a34a;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.pdbp-btn-bulk-success:hover:not(:disabled){background-color:#15803d}.pdbp-btn-bulk-success:disabled{opacity:.45;cursor:not-allowed}.pdbp-confirm-icon.success{background-color:#f0fdf4;color:#16a34a}.pdbp-text-success{color:#16a34a;font-weight:600}.pdbp-btn-confirm.confirm-restore{background-color:#16a34a}.pdbp-btn-confirm.confirm-restore:hover{background-color:#15803d}.theme-staff .pdbp-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdbp-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdbp-spinner{border-top-color:#22c55e!important}.page-delete-penyesuaian{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdps-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:99999;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:600;box-shadow:0 8px 24px #00000024;animation:pdps-toast-in .3s cubic-bezier(.16,1,.3,1);max-width:380px}@keyframes pdps-toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pdps-toast-success{background:#f0fdf4;border:1.5px solid #86efac;color:#15803d}.pdps-toast-error{background:#fef2f2;border:1.5px solid #fca5a5;color:#b91c1c}.pdps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdps-header-left{display:flex;align-items:center;gap:.875rem}.pdps-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important}.pdps-btn-back svg{display:block!important;pointer-events:none!important}.pdps-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdps-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdps-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdps-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdps-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdps-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdps-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdps-error p{margin:0}.page-delete-penyesuaian .pdps-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-penyesuaian .pdps-stat-card{flex:1!important;min-width:90px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-penyesuaian .pdps-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-penyesuaian .pdps-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.page-delete-penyesuaian .pdps-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;text-align:center!important}.page-delete-penyesuaian .pdps-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-penyesuaian .pdps-search-box{flex:1!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-penyesuaian .pdps-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-penyesuaian .pdps-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-penyesuaian .pdps-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-penyesuaian .pdps-search-input::placeholder{color:#cbd5e1!important}.page-delete-penyesuaian .pdps-search-clear{background:none!important;border:none!important;cursor:pointer!important;padding:2px!important;color:#94a3b8!important;display:flex!important;align-items:center!important;border-radius:4px!important;transition:color .15s!important}.page-delete-penyesuaian .pdps-search-clear:hover{color:#475569!important}.pdps-bulk-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.pdps-btn-bulk-restore{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdps-btn-bulk-restore:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px)!important}.pdps-btn-bulk-restore:disabled{opacity:.45!important;cursor:not-allowed!important}.pdps-btn-bulk-danger{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdps-btn-bulk-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.pdps-btn-bulk-danger:disabled{opacity:.45!important;cursor:not-allowed!important}.pdps-bulk-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0000001f!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;padding:.05rem .45rem!important;min-width:18px!important;line-height:1.4!important}.pdps-bulk-badge-green{background:#15803d26!important}.page-delete-penyesuaian .pdps-btn-refresh{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.page-delete-penyesuaian .pdps-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.page-delete-penyesuaian .pdps-btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.spinning{animation:pdps-spin 1s linear infinite}@keyframes pdps-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdps-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdps-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdps-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdps-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdps-spin .8s linear infinite}.pdps-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important}.tab-id-badge{display:inline-block;background:#f4f7fa;color:#718096;font-size:.8rem;font-weight:700;padding:.2rem .55rem;border:1px solid #e2e8f0;border-radius:4px;font-family:Courier New,monospace}.tab-name{color:#1a2332;font-weight:600}.tab-no-parent{color:#a0aec0;font-weight:400}.tab-user{color:#1a2332;font-weight:500;font-size:.88rem}.tab-badge{display:inline-block;padding:.28rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.tab-badge-approved{background:#dcfce7;color:#15803d}.tab-badge-draft{background:#fef3c7;color:#92400e}.tab-date-deleted{color:#dc2626;font-size:.85rem;font-weight:500}.tab-tipe{display:inline-block;padding:.22rem .65rem;border-radius:5px;font-size:.78rem;font-weight:700}.tab-tipe-opname{background:#eff6ff;color:#2563eb}.tab-tipe-temuan{background:#fdf4ff;color:#9333ea}.tab-lokasi{display:inline-block;background:#f1f5f9;color:#64748b;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:5px}.tab-action-group{display:flex;gap:.35rem;justify-content:center;align-items:center}.tab-btn{width:30px;height:30px;border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .15s,transform .15s}.tab-btn-view{background:#eff6ff;color:#2563eb}.tab-btn-restore{background:#f0fdf4;color:#15803d}.tab-btn-force-delete{background:#fef2f2;color:#dc2626}.tab-btn:hover{filter:brightness(.88);transform:translateY(-1px)}.tab-placeholder{padding:3rem 1rem;text-align:center;color:#718096;font-size:.95rem;font-weight:500}.pdps-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdps-fadeIn .2s ease-out}.pdps-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdps-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdps-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdps-fadeIn{0%{opacity:0}to{opacity:1}}.pdps-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdps-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdps-confirm-icon.success{background:#dcfce7;color:#15803d}.pdps-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdps-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdps-text-danger{color:#b91c1c;font-weight:700}.pdps-text-success{color:#15803d;font-weight:700}.pdps-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdps-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdps-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdps-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}@media(max-width:768px){.page-delete-penyesuaian{padding:1rem}.pdps-header{flex-direction:column;align-items:flex-start}.pdps-stats,.pdps-search-wrapper{flex-wrap:wrap!important}.pdps-bulk-actions{flex-wrap:wrap}.pdps-stat-card{flex:1!important;min-width:calc(50% - .5rem)!important}.pdps-table-wrapper{overflow-x:auto!important}#table-delete-penyesuaian{min-width:960px!important}.pdps-confirm-actions{flex-direction:column}.pdps-btn-cancel,.pdps-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdps-title{font-size:1.35rem}.pdps-confirm-modal{padding:1.5rem 1.25rem}.pdps-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-penyesuaian{min-width:960px!important}}.theme-staff .pdps-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .pdps-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdps-spinner{border-top-color:#22c55e!important}.qrh-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;font-family:inherit}.qrh-loading,.qrh-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:5rem 2rem;color:#718096;font-size:.95rem}.qrh-error{color:#c53030}@keyframes spin-qrh{to{transform:rotate(360deg)}}.spin-qrh{animation:spin-qrh .8s linear infinite}.qrh-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qrh-back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.85rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.qrh-back-btn:hover{border-color:#2d3748;color:#2d3748;background:#f7fafc}.qrh-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:#a0aec0}.qrh-breadcrumb span:last-child{color:#2d3748;font-weight:600}.qrh-header{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.qrh-header__left{display:flex;align-items:center;gap:1rem}.qrh-header__icon{width:48px;height:48px;background:#2d3748;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qrh-header__icon svg{width:22px;height:22px}.qrh-header__icon--pindah{background:#fffbeb;color:#92400e;border:2px solid #fcd34d}.qrh-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .2rem;display:flex;align-items:center;gap:.6rem}.qrh-title__snapshot-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d;padding:.2rem .6rem;border-radius:20px;letter-spacing:.03em;vertical-align:middle}.qrh-subtitle{display:flex;align-items:center;gap:.5rem;margin:0;flex-wrap:wrap}.qrh-barang-name{font-size:.95rem;font-weight:600;color:#4a5568}.qrh-barang-code{font-family:Courier New,monospace;font-size:.8rem;color:#718096;background:#f7fafc;padding:.15rem .5rem;border-radius:4px;border:1px solid #e2e8f0}.qrh-pindah-route{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;flex-wrap:wrap}.qrh-pindah-route svg{color:#a0aec0;flex-shrink:0}.qrh-pindah-asal{font-size:.95rem;font-weight:700;color:#e53e3e}.qrh-pindah-tujuan{font-size:.95rem;font-weight:700;color:#38a169}.qrh-header__badges{display:flex;gap:.75rem;flex-wrap:wrap}.qrh-badge-ref{display:flex;flex-direction:column;gap:.15rem;align-items:flex-end}.qrh-badge-label{font-size:.7rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em}.qrh-badge-val{font-size:.85rem;font-weight:700;color:#2d3748;font-family:Courier New,monospace}.jenis-supplier{color:#3730a3}.jenis-in{color:#9d174d}.jenis-keluar{color:#c53030}.jenis-pindah{color:#92400e;background:#fef3c7;padding:.1rem .5rem;border-radius:4px;font-family:inherit;font-size:.85rem}.qrh-snapshot-banner{display:flex;align-items:flex-start;gap:.75rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:12px;padding:.875rem 1.25rem}.qrh-snapshot-banner__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:8px;color:#92400e;flex-shrink:0;margin-top:1px}.qrh-snapshot-banner__text{font-size:.83rem;color:#78350f;line-height:1.55}.qrh-snapshot-banner__text strong{color:#92400e;font-weight:700}.qrh-snapshot-banner__text em{font-style:normal;font-weight:700;color:#92400e}.qrh-snapshot-banner__ref{font-family:Courier New,monospace;font-weight:700;color:#92400e;background:#fde68a;padding:.05rem .35rem;border-radius:4px}.qrh-stats{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.75rem;display:flex;align-items:center;gap:0}.qrh-stat{flex:1;text-align:center;padding:.25rem 0}.qrh-stat__num{font-size:1.75rem;font-weight:800;color:#2d3748;line-height:1.1}.qrh-stat__num--in{color:#3b82f6}.qrh-stat__num--ada{color:#10b981}.qrh-stat__num--keluar{color:#ef4444}.qrh-stat__lbl{font-size:.75rem;font-weight:500;color:#718096;margin-top:.2rem}.qrh-stat-div{width:1px;height:40px;background:#e2e8f0;flex-shrink:0}.qrh-search-wrap{display:flex;align-items:center;gap:1rem}.qrh-search{flex:1;max-width:440px;display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:0 .875rem;transition:border-color .2s}.qrh-search:focus-within{border-color:#667eea}.qrh-search__input{flex:1;border:none;background:transparent;padding:.7rem 0;font-size:.875rem;color:#2d3748;outline:none}.qrh-search__input::placeholder{color:#a0aec0}.qrh-search__clear{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:.8rem;padding:.2rem .3rem;border-radius:4px;transition:color .2s}.qrh-search__clear:hover{color:#e53e3e}.qrh-search__count{font-size:.8rem;color:#a0aec0;white-space:nowrap}.qrh-list{display:flex;flex-direction:column;gap:.75rem}.qrh-empty{text-align:center;padding:4rem 2rem;color:#a0aec0;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem}.qrh-empty__icon{font-size:2.5rem}.qrcard{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.qrcard:hover,.qrcard--open{border-color:#cbd5e0;box-shadow:0 4px 16px #00000012}.qrcard--open{border-color:#2d3748}.qrcard--pindah{border-left:3px solid #f6ad55}.qrcard--pindah.qrcard--open{border-left-color:#dd6b20;border-color:#2d3748}.qrcard__header{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.qrcard__header:hover{background:#fafbfc}.qrcard__index{font-size:.8rem;font-weight:700;color:#a0aec0;font-family:Courier New,monospace;flex-shrink:0;min-width:24px}.qrcard__meta{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.qrcard__code{display:flex;align-items:center;gap:.35rem;font-family:Courier New,monospace;font-weight:700;font-size:.95rem;color:#2d3748}.qrcard__serial{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:#718096}.qrcard__right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.qrcard__stock{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:20px;font-size:.72rem;font-weight:700}.stock-ada{background:#d1fae5;color:#065f46}.stock-keluar{background:#fee2e2;color:#9b1c1c}.qrcard__lokasi{display:flex;align-items:center;gap:.25rem;font-size:.78rem;color:#718096}.qrcard__status{font-size:.78rem;color:#4a5568;background:#f0f4f8;padding:.18rem .55rem;border-radius:5px}.qrcard__toggle{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:#718096;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:6px;margin-left:.25rem}.qrcard__pindah-rute{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:#718096;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:.2rem .65rem}.qrcard__pindah-dari{font-weight:700;color:#e53e3e;font-size:.76rem}.qrcard__pindah-ke{font-weight:700;color:#38a169;font-size:.76rem}.qrcard__body{border-top:2px solid #f0f4f8;padding:1.25rem;background:#fafbfc;display:flex;flex-direction:column;gap:1.25rem}.qrcard__info-row{display:flex;gap:1rem;flex-wrap:wrap}.qrcard__info-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem;display:flex;flex-direction:column;gap:.15rem;min-width:90px}.qrci-label{font-size:.7rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.04em}.qrci-val{font-size:.95rem;font-weight:700;color:#2d3748}.qrci-green{color:#059669}.qrci-red{color:#dc2626}.qrci-sublabel{font-size:.65rem;color:#cbd5e0;margin-top:.05rem;font-weight:400}.qrcard__no-history{font-size:.85rem;color:#a0aec0;font-style:italic;text-align:center;padding:1rem}.qrcard__timeline{display:flex;flex-direction:column;gap:0}.qtl-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.htl-item{display:flex;gap:.875rem}.htl-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.htl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.htl-line{width:2px;flex:1;background:#e2e8f0;min-height:16px;margin:4px 0}.htl-content{flex:1;padding-bottom:1rem;min-width:0}.htl-item--last .htl-content{padding-bottom:0}.htl-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.htl-aksi{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700}.htl-modul{font-size:.75rem;color:#4a5568;background:#f0f4f8;padding:.15rem .5rem;border-radius:4px}.htl-ref{font-family:Courier New,monospace;font-size:.75rem;color:#718096}.htl-time{font-size:.72rem;color:#a0aec0;margin-left:auto;white-space:nowrap}.htl-changes{display:flex;flex-direction:column;gap:.3rem}.htl-change-row{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#4a5568;flex-wrap:wrap}.htl-change-label{font-weight:600;color:#718096;min-width:50px}.htl-from{color:#a0aec0;text-decoration:line-through;font-size:.78rem}.htl-to{color:#2d3748;font-weight:600}.htl-keterangan{font-size:.78rem;color:#718096;font-style:italic;margin-top:.2rem}.htl-approver{margin-top:.4rem;font-size:.75rem;color:#a0aec0}.htl-approver strong{color:#4a5568}.htl-from--new{color:#cbd5e0;font-style:italic;text-decoration:none}.qrcard__snap-badge{font-size:.7rem;font-weight:700;color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:.18rem .55rem;border-radius:20px}.qrcard__frozen-note{font-size:.75rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.5rem .75rem;line-height:1.5}.qrcard__frozen-note strong{color:#78350f}.qrcard__barang-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1.5px solid #f0f4f8}.qrcard__barang-code{font-family:Courier New,monospace;font-size:.75rem;font-weight:700;color:#718096;background:#f7fafc;border:1px solid #e2e8f0;padding:.15rem .5rem;border-radius:4px;white-space:nowrap}.qrcard__barang-name{font-size:.85rem;font-weight:600;color:#2d3748;flex:1}.qrcard__barang-name2{font-size:.85rem;font-weight:600;color:#2d3748;flex:1;min-width:120px}.qrcard__barang-chip{font-size:.7rem;font-weight:600;color:#4a5568;background:#f0f4f8;border:1.5px solid #e2e8f0;padding:.15rem .55rem;border-radius:20px;white-space:nowrap}.qrcard__barang-chip--asset{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.qrcard__barang-chip--non-asset{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.qrcard__barang-harga{font-size:.82rem;font-weight:700;color:#2d3748;margin-left:auto;white-space:nowrap}.qrcard__barang-harga-unit{font-size:.68rem;font-weight:400;color:#a0aec0;margin-left:.1rem}.dpb-page-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dpb-btn-qr-history{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:2px solid #fcd34d;background:#fffbeb;color:#92400e;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dpb-btn-qr-history:hover{background:#fef3c7;border-color:#f6ad55;color:#78350f}@media(max-width:640px){.qrh-page{padding:1rem}.qrh-header{flex-direction:column;align-items:flex-start}.qrh-header__badges{flex-direction:row}.qrh-stats{flex-wrap:wrap;gap:1rem;padding:1rem}.qrh-stat-div{display:none}.qrcard__header{flex-wrap:wrap}.qrcard__right{justify-content:flex-start}.qrh-search-wrap{flex-direction:column;align-items:stretch}.qrh-search{max-width:100%}.qrh-snapshot-banner{flex-direction:column;gap:.5rem}.qrcard__pindah-rute,.qrh-pindah-route{flex-wrap:wrap}}.qr-activity-container{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:2rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.qr-activity-container .page-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.2rem!important;margin-bottom:1.5rem!important}.qr-activity-container .page-title{font-size:1.85rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .2rem!important;letter-spacing:-.03em!important}.qr-activity-container .page-subtitle{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.qr-activity-container .qr-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.qr-activity-container .qr-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.qr-activity-container .qr-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.qr-activity-container .qr-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.qr-activity-container .qr-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.qr-activity-container .qr-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.qr-activity-container .qr-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.qr-activity-container .qr-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.qr-activity-container .qr-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.qr-activity-container .qr-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.qr-activity-container .qr-search-input::placeholder{color:#a0aec0!important}.qr-activity-container .result-count{font-size:.8rem!important;color:#94a3b8!important;white-space:nowrap!important;flex-shrink:0!important}.qr-activity-container .qr-action-buttons{display:flex!important;gap:.55rem!important;align-items:center!important}.qr-activity-container .btn-export-excel{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .9rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:500!important;cursor:pointer!important;transition:background .15s,border-color .15s,box-shadow .15s!important;white-space:nowrap!important;font-family:inherit!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important}.qr-activity-container .btn-export-excel:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;box-shadow:0 1px 4px #15803d26!important}.qr-activity-container .btn-export-excel:disabled{opacity:.45!important;cursor:not-allowed!important}.theme-staff .qr-activity-container .btn-export-excel{border-color:#22c55e!important;background:#f0fdf4!important;color:#15803d!important}.theme-staff .qr-activity-container .btn-export-excel:hover:not(:disabled){background:#dcfce7!important;border-color:#16a34a!important;box-shadow:0 1px 4px #15803d2e!important}.qr-activity-container .btn-cetak-all{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .9rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:500!important;cursor:pointer!important;transition:background .15s,border-color .15s,box-shadow .15s!important;white-space:nowrap!important;font-family:inherit!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#dc2626!important}.qr-activity-container .btn-cetak-all:hover:not(:disabled){background:#fef2f2!important;border-color:#fca5a5!important;box-shadow:0 1px 4px #dc26261f!important}.qr-activity-container .btn-cetak-all:disabled{opacity:.45!important;cursor:not-allowed!important}.qr-activity-container .cetak-all-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;background:#dc2626!important;color:#fff!important;border-radius:999px!important;font-size:.68rem!important;font-weight:700!important;line-height:1!important}.qr-activity-container .btn-refresh{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.qr-activity-container .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.qr-activity-container .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.qr-activity-container .spinning{animation:qract-spin 1s linear infinite!important}@keyframes qract-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-activity-container .qr-list-wrapper{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000a!important}.qr-activity-container .list-thead{background:#1e293b!important;display:grid!important;grid-template-columns:52px 1fr 110px 85px 140px 36px!important;padding:0 1rem!important}.qr-activity-container .list-thead-cell{color:#fff!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.85rem .5rem!important;white-space:nowrap!important}.qr-activity-container .barang-card{border-bottom:1px solid #f1f5f9!important;background:#fff!important;transition:background .12s ease!important}.qr-activity-container .barang-card:last-child{border-bottom:none!important}.qr-activity-container .barang-card.open{background:#f8fafc!important}.qr-activity-container .barang-header{display:grid!important;grid-template-columns:52px 1fr 110px 85px 140px 36px!important;align-items:center!important;padding:.85rem 1rem!important;cursor:pointer!important;transition:background .12s ease!important}.qr-activity-container .barang-header:hover,.qr-activity-container .barang-card.open .barang-header{background:#f0f4fa!important}.qr-activity-container .col-no{font-size:.82rem!important;color:#94a3b8!important;font-weight:600!important;padding:0 .5rem!important}.qr-activity-container .col-nama{padding:0 .5rem!important;min-width:0!important}.qr-activity-container .barang-name-row{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:3px!important}.qr-activity-container .barang-name-row h3{margin:0!important;font-size:.9rem!important;font-weight:700!important;color:#1a2332!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.qr-activity-container .barang-type-pill{font-size:.68rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.4px!important;padding:1px 6px!important;border-radius:4px!important;background:#eff6ff!important;color:#1e293b!important;border:1px solid #bfdbfe!important;flex-shrink:0!important}.qr-activity-container .barang-meta{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}.qr-activity-container .barang-code{font-size:.75rem!important;color:#64748b!important;font-family:Courier New,monospace!important}.qr-activity-container .barang-meta-sep{color:#cbd5e1!important;font-size:.75rem!important}.qr-activity-container .barang-meta-text{font-size:.75rem!important;color:#64748b!important}.qr-activity-container .col-kategori{padding:0 .5rem!important;font-size:.82rem!important;color:#4a5568!important;font-weight:500!important}.qr-activity-container .col-qr{padding:0 .5rem!important}.qr-activity-container .counter-qr{display:inline-block!important;font-size:.75rem!important;font-weight:700!important;color:#1e293b!important;background:#dbeafe!important;border:1px solid #bfdbfe!important;padding:2px 9px!important;border-radius:20px!important}.qr-activity-container .col-aktif{padding:0 .5rem!important;display:flex!important;align-items:center!important}.qr-activity-container .col-actions{padding:0 .5rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.qr-activity-container .counter-stock{display:inline-block!important;font-size:.75rem!important;font-weight:700!important;color:#065f46!important;background:#d1fae5!important;border:1px solid #a7f3d0!important;padding:2px 9px!important;border-radius:20px!important;white-space:nowrap!important;flex-shrink:0!important}.qr-code-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.qr-code-row strong{font-size:.9rem;line-height:1}.qr-barang-label{font-size:.9rem;color:#1e293b;font-weight:500;margin-bottom:6px}.qr-merk-inline{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:.72rem;color:#0f172a;font-weight:500}.qr-activity-container .arrow{font-size:.72rem!important;color:#94a3b8!important;transition:transform .25s ease!important;flex-shrink:0!important}.qr-activity-container .arrow.open{transform:rotate(180deg)!important}.qr-activity-container .qr-sublist{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:10px 1rem 14px 68px!important}.qr-activity-container .qr-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;margin-bottom:7px!important;overflow:hidden!important;transition:border-color .15s,box-shadow .15s!important}.qr-activity-container .qr-card:last-child{margin-bottom:0!important}.qr-activity-container .qr-card:hover{border-color:#c5d0de!important;box-shadow:0 2px 8px #0000000f!important}.qr-activity-container .qr-header{padding:10px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;cursor:pointer!important;transition:background .12s ease!important}.qr-activity-container .qr-header:hover{background:#f0f4fa!important}.qr-activity-container .qr-main-info strong{display:block!important;font-size:.875rem!important;font-family:Courier New,monospace!important;color:#1a2332!important;font-weight:700!important;margin-bottom:4px!important}.qr-activity-container .qr-tags{display:flex!important;gap:6px!important}.qr-activity-container .tag-lokasi,.qr-activity-container .tag-kondisi{font-size:.72rem!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;padding:1px 7px!important;border-radius:4px!important;color:#4a5568!important;font-weight:500!important}.qr-activity-container .qr-status-toggle{display:flex!important;align-items:center!important}.qr-activity-container .status-badge{padding:3px 10px!important;border-radius:20px!important;font-size:.75rem!important;font-weight:700!important}.qr-activity-container .status-ada{background:#d1fae5!important;color:#065f46!important}.qr-activity-container .status-keluar{background:#fee2e2!important;color:#991b1b!important}.qr-activity-container .empty-state{text-align:center!important;padding:3.5rem 1.5rem!important;color:#a0aec0!important}.qr-activity-container .empty-state-icon{font-size:2rem!important;margin-bottom:.65rem!important}.qr-activity-container .empty-state p{margin:0!important;font-size:.9rem!important;font-weight:500!important}.qr-activity-container .bm-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.qr-activity-container .bm-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.qr-activity-container .bm-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.qr-activity-container .bm-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.qr-activity-container .bm-page-size-select:hover{background-color:#162030!important}.qr-activity-container .bm-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.qr-activity-container .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.qr-activity-container .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.qr-activity-container .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.qr-activity-container .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.qr-activity-container .pag-btn-num{background:transparent!important;color:#64748b!important}.qr-activity-container .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.qr-activity-container .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.qr-activity-container .pag-btn-num.pag-active:hover{background:#162030!important}@media(max-width:768px){.qr-activity-container{padding:1rem!important}.qr-activity-container .list-thead{display:none!important}.qr-activity-container .barang-header{grid-template-columns:36px 1fr auto!important}.qr-activity-container .col-kategori,.qr-activity-container .col-qr{display:none!important}.qr-activity-container .qr-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.qr-activity-container .qr-search-input{font-size:.95rem!important}.qr-activity-container .qr-action-bar{flex-direction:column!important;align-items:stretch!important}.qr-activity-container .qr-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.qr-activity-container .btn-refresh{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.qr-activity-container .qr-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.qr-activity-container .qr-stat-card{min-width:unset!important;width:100%!important}.qr-activity-container .bm-pagination-footer{justify-content:center!important}}@media(max-width:480px){.qr-activity-container .page-title{font-size:1.45rem!important}}.tag-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tag-status--in{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.tag-status--out{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.tag-status--permanent_out{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.tag-status--unknown,.tag-status--{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.tag-kondisi{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tag-kondisi--1{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.tag-kondisi--2{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.tag-kondisi--default,.tag-kondisi--3,.tag-kondisi--4,.tag-kondisi--5{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.theme-staff .qr-activity-container .list-thead{background:#15803d!important}.theme-staff .qr-activity-container .qr-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .qr-activity-container .btn-refresh:hover:not(:disabled){border-color:#22c55e!important}.theme-staff .qr-activity-container .counter-qr{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.theme-staff .qr-activity-container .barang-type-pill{background:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important}.theme-staff .qr-activity-container .barang-header:hover,.theme-staff .qr-activity-container .barang-card.open .barang-header,.theme-staff .qr-activity-container .qr-header:hover{background:#f0fdf4!important}.theme-staff .qr-activity-container .bm-page-size-select{background-color:#15803d!important}.theme-staff .qr-activity-container .bm-page-size-select:hover{background-color:#166534!important}.theme-staff .qr-activity-container .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .qr-activity-container .pag-btn-num.pag-active:hover{background:#166534!important}.theme-staff .qr-activity-container .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .qr-activity-container .pag-btn-num:hover:not(:disabled){color:#15803d!important}.btn-print-pdf{display:inline-flex;align-items:center;gap:5px;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;color:#dc2626;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.btn-print-pdf:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;box-shadow:0 1px 4px #dc262626}.btn-print-pdf:disabled{opacity:.55;cursor:not-allowed}.btn-print-pdf--group{padding:4px 8px}.btn-print-pdf--single{padding:5px 7px;margin-left:8px;flex-shrink:0}.btn-print-spinner{display:inline-block;width:11px;height:11px;border:2px solid #fca5a5;border-top-color:#dc2626;border-radius:50%;animation:pdf-spin .65s linear infinite;flex-shrink:0}@keyframes pdf-spin{to{transform:rotate(360deg)}}.btn-excel-spinner{display:inline-block;width:11px;height:11px;border:2px solid #86efac;border-top-color:#16a34a;border-radius:50%;animation:pdf-spin .65s linear infinite;flex-shrink:0}.qr-activity-container .btn-filter-wrapper{position:relative!important}.qr-activity-container .btn-filter{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.qr-activity-container .btn-filter:hover{background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.qr-activity-container .btn-filter--active{border-color:#1e293b!important;background:#f8fafc!important;color:#1e293b!important}.qr-activity-container .btn-filter--has-active{border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.qr-activity-container .btn-filter--has-active:hover{background:#e2e8f0!important}.qr-activity-container .filter-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:#1e293b!important;color:#fff!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important}.qr-activity-container .filter-chevron{display:inline-flex!important;transition:transform .2s ease!important;opacity:.6!important}.qr-activity-container .filter-chevron--open{transform:rotate(180deg)!important}.qr-activity-container .filter-panel{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;z-index:200!important;width:310px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 28px #0000001a,0 2px 8px #0000000f!important;animation:filterPanelIn .15s ease!important;overflow:hidden!important}@keyframes filterPanelIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-activity-container .filter-panel-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.75rem 1rem .55rem!important;border-bottom:1px solid #f1f5f9!important}.qr-activity-container .filter-panel-title{font-size:.8rem!important;font-weight:700!important;color:#1e293b!important;text-transform:uppercase!important;letter-spacing:.05em!important}.qr-activity-container .filter-reset-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;cursor:pointer!important;font-size:.75rem!important;font-weight:500!important;color:#ef4444!important;padding:2px 6px!important;border-radius:6px!important;transition:background .15s!important;font-family:inherit!important}.qr-activity-container .filter-reset-btn:hover{background:#fef2f2!important}.qr-activity-container .filter-panel-body{padding:.75rem 1rem!important;display:flex!important;flex-direction:column!important;gap:.75rem!important}.qr-activity-container .filter-field{display:flex!important;flex-direction:column!important;gap:.3rem!important}.qr-activity-container .filter-label{font-size:.72rem!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important}.qr-activity-container .filter-select{width:100%!important;height:32px!important;padding:0 .65rem!important;border:1.5px solid #e2e8f0!important;border-radius:7px!important;font-size:.82rem!important;color:#1e293b!important;background:#f8fafc!important;font-family:inherit!important;cursor:pointer!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important;appearance:auto!important}.qr-activity-container .filter-select:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b14!important}.qr-activity-container .filter-toggle-group{display:flex!important;gap:.35rem!important}.qr-activity-container .filter-toggle-btn{flex:1!important;height:30px!important;border:1.5px solid #e2e8f0!important;border-radius:7px!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;background:#f8fafc!important;color:#64748b!important;transition:all .15s ease!important;font-family:inherit!important}.qr-activity-container .filter-toggle-btn:hover{border-color:#94a3b8!important;color:#1e293b!important}.qr-activity-container .filter-toggle-btn--active{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important}.qr-activity-container .filter-date-range{display:flex!important;align-items:center!important;gap:.4rem!important}.qr-activity-container .filter-date-item{flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important}.qr-activity-container .filter-date-label{font-size:.68rem!important;color:#94a3b8!important;font-weight:500!important}.qr-activity-container .filter-date-sep{font-size:.75rem!important;color:#cbd5e1!important;flex-shrink:0!important;margin-top:12px!important}.qr-activity-container .filter-date-input{width:100%!important;height:30px!important;padding:0 .45rem!important;border:1.5px solid #e2e8f0!important;border-radius:7px!important;font-size:.78rem!important;color:#1e293b!important;background:#f8fafc!important;font-family:inherit!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important;box-sizing:border-box!important}.qr-activity-container .filter-date-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b14!important}.qr-activity-container .filter-chips{display:flex!important;flex-wrap:wrap!important;gap:.35rem!important;padding:.55rem 1rem .75rem!important;border-top:1px solid #f1f5f9!important}.qr-activity-container .filter-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 8px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:999px!important;font-size:.72rem!important;font-weight:600!important;color:#1e293b!important;white-space:nowrap!important}.qr-activity-container .filter-chip button{display:inline-flex!important;align-items:center!important;background:none!important;border:none!important;cursor:pointer!important;padding:0!important;color:#93c5fd!important;transition:color .12s!important;line-height:1!important}.qr-activity-container .filter-chip button:hover{color:#1e293b!important}@media(max-width:768px){.qr-activity-container .btn-filter-wrapper{flex:1!important}.qr-activity-container .btn-filter{width:100%!important;justify-content:center!important;height:38px!important;font-size:.8rem!important}.qr-activity-container .filter-panel{width:calc(100vw - 2rem)!important;right:auto!important;left:0!important}}.theme-staff .qr-activity-container .btn-filter--active{border-color:#15803d!important;color:#15803d!important}.theme-staff .qr-activity-container .filter-badge{background:#15803d!important}.theme-staff .qr-activity-container .filter-toggle-btn--active{background:#15803d!important;border-color:#15803d!important}.theme-staff .qr-activity-container .filter-select:focus,.theme-staff .qr-activity-container .filter-date-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.qr-activity-container .qr-loading{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem 1rem!important;gap:.65rem!important}.qr-activity-container .qr-spinner{width:32px!important;height:32px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:qr-spin .75s linear infinite!important}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-activity-container .qr-loading p{font-size:.875rem!important;font-weight:500!important;color:#4a5568!important;margin:0!important}.theme-staff .qr-activity-container .qr-spinner{border-top-color:#15803d!important}@media(max-width:1024px){.qr-activity-container .list-thead,.qr-activity-container .barang-header{grid-template-columns:44px 1fr 100px 80px 130px 32px!important}}@media(max-width:768px){.qr-activity-container .barang-header{grid-template-columns:32px 1fr auto!important;padding:.75rem!important;gap:0!important}.qr-activity-container .col-qr,.qr-activity-container .col-aktif{display:none!important}.qr-activity-container .col-actions{padding:0 0 0 .5rem!important;gap:8px!important;justify-content:flex-end!important}.qr-activity-container .btn-print-pdf--group .btn-label-text{display:none!important}.qr-activity-container .btn-print-pdf--group{padding:5px 7px!important}.qr-activity-container .btn-cetak-all{flex:1!important;justify-content:center!important;height:38px!important}.qr-activity-container .cetak-all-badge{display:none!important}.qr-activity-container .qr-sublist{padding:8px .75rem 12px!important}}@media(max-width:480px){.qr-activity-container{padding:.75rem!important}.qr-activity-container .qr-stats{grid-template-columns:repeat(2,1fr)!important}.qr-activity-container .qr-action-buttons{flex-wrap:wrap!important}.qr-activity-container .btn-refresh,.qr-activity-container .btn-cetak-all{flex:1 1 calc(50% - .25rem)!important;min-width:0!important;justify-content:center!important}.qr-activity-container .btn-filter-wrapper{width:100%!important}.qr-activity-container .btn-filter{width:100%!important;justify-content:center!important}}.theme-staff .qr-activity-container .btn-filter:hover{border-color:#22c55e!important;color:#15803d!important}.theme-staff .qr-activity-container .btn-filter--active{border-color:#15803d!important;background:#f0fdf4!important;color:#15803d!important}.theme-staff .qr-activity-container .btn-filter--has-active{border-color:#22c55e!important;color:#15803d!important;background:#f0fdf4!important}.theme-staff .qr-activity-container .btn-filter--has-active:hover{background:#dcfce7!important}.qr-public-page *,.qr-public-page *:before,.qr-public-page *:after{box-sizing:border-box!important}.qr-public-page{min-height:100vh!important;background:#f1f5f9!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;display:flex!important;flex-direction:column!important}.qr-public-page .qr-public-header{position:sticky!important;top:0!important;z-index:100;width:100%!important;background:#1e293b!important;padding:12px 24px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important}.qr-public-logo{height:34px!important;width:auto}.qr-public-page .qr-public-scan-time{font-size:.75rem!important;color:#94a3b8!important}.qr-public-page .qr-hero{width:100%!important;background:#fff!important;padding:20px 24px 28px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;flex-shrink:0!important;border-bottom:1.5px solid #e2e8f0!important}.qr-public-page .qr-hero-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}.qr-public-page .qr-foto-panel{width:100%!important;background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.qr-public-page .qr-foto-img-wrap{width:100%!important;max-width:360px!important;aspect-ratio:1 / 1!important;overflow:hidden!important}.qr-public-page .qr-foto-img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;background:#f8fafc!important}.qr-public-page .qr-foto-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:200px!important;background:#f8fafc!important;color:#cbd5e1!important}.qr-public-page .qr-hero-name{font-size:1.05rem!important;font-weight:800!important;color:#1e293b!important;margin-bottom:6px!important;letter-spacing:-.01em!important}.qr-public-page .qr-hero-sub{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.qr-public-page .qr-hero-code{font-size:.75rem!important;color:#94a3b8!important;font-family:Courier New,monospace!important}.qr-public-page .qr-hero-status{font-size:.72rem!important;font-weight:700!important;padding:2px 9px!important;border-radius:20px!important;letter-spacing:.2px!important}.qr-public-page .qr-hero-status.ada{background:#d1fae5!important;color:#065f46!important}.qr-public-page .qr-hero-status.keluar{background:#fee2e2!important;color:#991b1b!important}.qr-public-page .qr-hero-lokasi{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important;flex-shrink:0!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:8px 12px!important}.qr-public-page .qr-hero-lokasi-label{font-size:.65rem!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.6px!important;font-weight:600!important}.qr-public-page .qr-hero-lokasi-val{font-size:.88rem!important;font-weight:700!important;color:#1e293b!important}.qr-public-page .qr-stat-strip{width:100%!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;justify-content:center!important}.qr-public-page .qr-stat-strip-inner{width:100%!important;max-width:720px!important;display:flex!important;gap:0!important}.qr-public-page .qr-stat-item{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:12px 8px!important;border-right:1px solid #e2e8f0!important;gap:2px!important}.qr-public-page .qr-stat-item:last-child{border-right:none!important}.qr-public-page .qr-stat-item-num{font-size:1.25rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.qr-public-page .qr-stat-item-label{font-size:.68rem!important;color:#718096!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.4px!important}.qr-public-page .qr-public-body{flex:1!important;width:100%!important;max-width:720px!important;margin:0 auto!important;padding:0 16px 32px!important}.qr-public-page .qr-public-card{width:100%!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 4px #0000000f!important;overflow:hidden!important;margin-top:20px!important}.qr-public-page .qr-foto-panel{width:100%!important;background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.qr-public-page .qr-foto-inner{position:relative!important;width:100%!important;max-width:100%!important;aspect-ratio:16 / 9!important;overflow:hidden!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important}.qr-public-page .qr-foto-img-wrap{width:100%!important;height:100%!important;overflow:hidden!important}.qr-public-page .qr-foto-img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;background:#f8fafc!important}.qr-public-page .qr-foto-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:100%!important;background:#f8fafc!important;color:#cbd5e1!important}.qr-public-page .qr-foto-icon{color:#cbd5e1!important;stroke:#cbd5e1!important;flex-shrink:0!important}.qr-public-page .qr-foto-placeholder-text{font-size:.82rem!important;font-weight:600!important;color:#94a3b8!important;margin:0!important}.qr-public-page .qr-foto-placeholder-sub{font-size:.72rem!important;color:#cbd5e1!important;font-weight:400!important}.qr-public-page .qr-foto-btn-group{position:absolute!important;bottom:10px!important;right:10px!important;display:flex!important;gap:6px!important;align-items:center!important;z-index:10!important}.qr-public-page .qr-foto-overlay-btn,.qr-public-page .qr-foto-delete-btn{width:34px!important;height:34px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .15s ease,transform .1s ease,border-color .15s ease!important;padding:0!important;flex-shrink:0!important;position:static!important;bottom:unset!important;left:unset!important;right:unset!important}.qr-public-page .qr-foto-overlay-btn{background:#0f172a99!important;color:#fff!important}.qr-public-page .qr-foto-overlay-btn:hover:not(:disabled){background:#0f172ad9!important;border-color:#ffffff73!important;transform:translateY(-1px)!important}.qr-public-page .qr-foto-delete-btn{background:#991b1bb3!important;color:#fff!important}.qr-public-page .qr-foto-delete-btn:hover:not(:disabled){background:#991b1beb!important;border-color:#ffffff73!important;transform:translateY(-1px)!important}.qr-public-page .qr-foto-overlay-btn:disabled,.qr-public-page .qr-foto-delete-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.qr-public-page .qr-foto-confirm{width:100%!important;background:#fff7f7!important;border-top:1px solid #fca5a5!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.qr-public-page .qr-foto-confirm p{margin:0!important;font-size:.82rem!important;color:#7f1d1d!important;font-weight:500!important}.qr-public-page .qr-foto-confirm-actions{display:flex!important;gap:8px!important}.qr-public-page .qr-foto-confirm-yes{padding:5px 14px!important;background:#991b1b!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;transition:background .15s!important}.qr-public-page .qr-foto-confirm-yes:hover:not(:disabled){background:#7f1d1d!important}.qr-public-page .qr-foto-confirm-cancel{padding:5px 14px!important;background:#fff!important;color:#475569!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;transition:background .15s!important}.qr-public-page .qr-foto-confirm-cancel:hover:not(:disabled){background:#f1f5f9!important}.qr-public-page .qr-foto-updated-info{width:100%!important;text-align:center!important;font-size:.72rem!important;color:#94a3b8!important;padding:8px 16px!important;margin:0!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important}.qr-public-page .qr-foto-edit-error{font-size:.78rem!important;color:#991b1b!important;text-align:center!important;padding:6px 16px!important;margin:0!important;background:#fff7f7!important;border-top:1px solid #fca5a5!important;width:100%!important}.qr-public-page .tabs-header{display:flex!important;border-bottom:1px solid #e2e8f0!important;background:#f8fafc!important}.qr-public-page .tabs-header button{flex:1!important;padding:12px 0!important;background:none!important;border:none!important;border-radius:0!important;border-bottom:2px solid transparent!important;font-size:.858rem!important;font-weight:600!important;color:#64748b!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important;letter-spacing:.01em!important}.qr-public-page .tabs-header button:hover{background:#f1f5f9!important;color:#1e293b!important}.qr-public-page .tabs-header button.active{color:#1e293b!important;border-bottom:2px solid #1e293b!important;border-radius:0!important;font-weight:700!important;background:#fff!important}.qr-public-page .tabs-content{padding:20px!important}.qr-public-page .info-table{width:100%!important;border-collapse:collapse!important;font-size:.875rem!important}.qr-public-page .info-table tr{border-bottom:1px solid #f1f5f9!important}.qr-public-page .info-table tr:last-child{border-bottom:none!important}.qr-public-page .info-label{width:110px!important;padding:8px 0!important;color:#94a3b8!important;font-weight:500!important;vertical-align:middle!important;white-space:nowrap!important}.qr-public-page .info-value{padding:8px 0 8px 12px!important;color:#1e293b!important;font-weight:500!important;vertical-align:middle!important}.qr-public-page .tipe-pill{display:inline-block!important;border-radius:4px!important;padding:2px 8px!important;font-size:.72rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.3px!important}.qr-public-page .tipe-asset{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}.qr-public-page .tipe-nonasset{background:#fef9c3!important;color:#713f12!important;border:1px solid #fde68a!important}.qr-public-page .kondisi-pill{display:inline-block!important;background:#d1fae5!important;color:#065f46!important;border:1px solid #a7f3d0!important;border-radius:4px!important;padding:2px 8px!important;font-size:.78rem!important;font-weight:600!important}.qr-public-page .info-section-block{margin-bottom:4px!important}.qr-public-page .info-dipinjam-banner{display:flex!important;align-items:center!important;gap:10px!important;background:#fffbeb!important;border:1px solid #fcd34d!important;border-radius:10px!important;padding:12px 16px!important;margin:0 0 16px!important}.qr-public-page .info-dipinjam-text{display:flex!important;flex-direction:column!important;gap:2px!important}.qr-public-page .info-dipinjam-label{font-size:.72rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#92400e!important}.qr-public-page .info-dipinjam-name{font-size:.95rem!important;font-weight:700!important;color:#78350f!important}.qr-public-page .peminjam-name{font-weight:600!important;color:#92400e!important;background:#fef3c7!important;border:1px solid #fcd34d!important;border-radius:6px!important;padding:2px 8px!important;font-size:.85rem!important}.qr-public-page .timeline{display:flex!important;flex-direction:column!important}.qr-public-page .timeline-item{display:flex!important;gap:14px!important;position:relative!important;padding-bottom:20px!important}.qr-public-page .timeline-item.last{padding-bottom:0!important}.qr-public-page .timeline-item:before{content:""!important;position:absolute!important;left:5px!important;top:13px!important;bottom:0!important;width:1px!important;background:#e2e8f0!important}.qr-public-page .timeline-item.last:before{display:none!important}.qr-public-page .timeline-dot{width:11px!important;height:11px!important;border-radius:50%!important;background:#fff!important;border:2px solid #1e293b!important;flex-shrink:0!important;margin-top:3px!important}.qr-public-page .timeline-body{flex:1!important;min-width:0!important}.qr-public-page .timeline-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;margin-bottom:4px!important;flex-wrap:wrap!important}.qr-public-page .timeline-header-left{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.qr-public-page .timeline-ref{font-size:.85rem!important;font-weight:700!important;color:#1e293b!important;font-family:Courier New,monospace!important}.qr-public-page .timeline-modul{font-size:.72rem!important;color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:1px 6px!important;font-weight:500!important}.qr-public-page .timeline-date{font-size:.72rem!important;color:#94a3b8!important;white-space:nowrap!important}.qr-public-page .timeline-desc{margin:0 0 8px!important;font-size:.825rem!important;color:#475569!important;line-height:1.55!important}.qr-public-page .timeline-changes{display:flex!important;flex-direction:column!important;gap:5px!important;margin-bottom:8px!important;padding:8px 12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important}.qr-public-page .change-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:.8rem!important}.qr-public-page .change-label{width:54px!important;color:#94a3b8!important;font-weight:700!important;font-size:.72rem!important;flex-shrink:0!important;text-transform:uppercase!important;letter-spacing:.3px!important}.qr-public-page .change-dari{color:#94a3b8!important;text-decoration:line-through!important}.qr-public-page .change-arrow{color:#cbd5e1!important}.qr-public-page .change-ke{color:#1e293b!important;font-weight:600!important}.qr-public-page .timeline-approved{font-size:.72rem!important;color:#94a3b8!important}.qr-public-page .timeline-harga{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin:4px 0 6px!important;font-size:.8rem!important}.qr-public-page .timeline-harga-label{color:#64748b!important;font-weight:500!important}.qr-public-page .timeline-harga-val{color:#15803d!important;font-weight:600!important}.qr-public-page .timeline-harga-note{background:#fef9c3!important;color:#854d0e!important;border:1px solid #fde68a!important;border-radius:4px!important;padding:1px 6px!important;font-size:.75rem!important}.qr-public-page .timeline-harga-subtotal{color:#334155!important;font-weight:500!important;margin-left:4px!important}.tabs-print-btn{display:flex;align-items:center;gap:6px}.qr-public-page .tabs-print-btn{flex:0 0 auto!important;padding:0 14px!important;background:none!important;border:none!important;border-left:1px solid #e2e8f0!important;color:#64748b!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .15s,background .15s!important}.qr-public-page .tabs-print-btn:hover:not(:disabled){color:#1e293b!important;background:#f1f5f9!important}.qr-public-page .tabs-print-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.riwayat-summary{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 4px}.riwayat-summary-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-size:.75rem;color:#475569;transition:all .15s ease;line-height:1}.riwayat-summary-chip:hover{border-color:#94a3b8;background:#f1f5f9}.riwayat-summary-chip.active{background:#1e293b;border-color:#1e293b;color:#fff}.riwayat-summary-chip.active .chip-count{background:#fff3;color:#fff}.chip-label{font-weight:600}.chip-sub{font-size:.68rem;opacity:.65}.chip-count{display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#475569;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700;min-width:20px}.riwayat-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 6px;border-top:1px solid #f1f5f9;margin-top:4px}.riwayat-filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:.78rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap}.riwayat-filter-toggle:hover,.riwayat-filter-toggle.active{border-color:#94a3b8;background:#f8fafc}.riwayat-filter-toggle.has-filter{border-color:#1e293b;color:#1e293b}.riwayat-filter-badge{display:inline-flex;align-items:center;justify-content:center;background:#1e293b;color:#fff;border-radius:10px;padding:0 5px;font-size:.68rem;font-weight:700;min-width:16px;height:16px}.riwayat-active-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.riwayat-chip-active{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;background:#e2e8f0;color:#334155;font-size:.72rem;font-weight:500}.riwayat-chip-active button{background:none;border:none;padding:0;cursor:pointer;color:#64748b;font-size:.85rem;line-height:1;display:flex;align-items:center}.riwayat-chip-active button:hover{color:#1e293b}.riwayat-reset-btn{background:none;border:none;padding:3px 6px;cursor:pointer;color:#94a3b8;font-size:.72rem;text-decoration:underline}.riwayat-reset-btn:hover{color:#475569}.riwayat-result-count{margin-left:auto;font-size:.72rem;color:#94a3b8;white-space:nowrap}.riwayat-filter-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-bottom:8px}.riwayat-filter-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}@media(max-width:600px){.riwayat-filter-row{grid-template-columns:1fr 1fr}}.riwayat-filter-field{display:flex;flex-direction:column;gap:4px}.riwayat-filter-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8}.riwayat-filter-select,.riwayat-filter-date{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.78rem;color:#334155;outline:none;width:100%}.riwayat-filter-select:focus,.riwayat-filter-date:focus{border-color:#94a3b8}.riwayat-filter-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.qr-public-page .empty-state{text-align:center!important;color:#94a3b8!important;font-size:.875rem!important;padding:28px 0!important;margin:0!important;font-weight:500!important}.qr-public-page .qr-public-loading{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;color:#64748b!important;font-size:.9rem!important;font-weight:500!important}.qr-public-page .loading-spinner{width:32px!important;height:32px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:qrdet-spin .7s linear infinite!important}@keyframes qrdet-spin{to{transform:rotate(360deg)}}.qr-public-page .qr-public-notfound{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:48px 20px!important;text-align:center!important}.qr-public-page .notfound-icon{width:56px!important;height:56px!important;border-radius:50%!important;background:#f1f5f9!important;border:2px solid #e2e8f0!important;font-size:1.6rem!important;font-weight:800!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:16px!important}.qr-public-page .qr-public-notfound h2{margin:0 0 8px!important;font-size:1rem!important;font-weight:700!important;color:#1e293b!important}.qr-public-page .qr-public-notfound p{margin:0!important;font-size:.875rem!important;color:#64748b!important}.qr-public-page .qr-public-notfound code{font-family:Courier New,monospace!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;padding:1px 6px!important;border-radius:4px!important;font-size:.82rem!important}.qr-public-page .qr-public-footer{text-align:center!important;font-size:.72rem!important;color:#94a3b8!important;padding:16px 0 24px!important;font-weight:500!important}.qr-public-page .qr-hero-status-label{font-size:.72rem!important;font-weight:600!important;padding:2px 9px!important;border-radius:20px!important;background:#f1f5f9!important;color:#64748b!important;border:1px solid #e2e8f0!important}.qr-public-page .qr-hero-kondisi-val{font-size:.72rem!important;color:#64748b!important;font-weight:500!important;text-align:right!important}.qr-public-page .stat-aktif{color:#065f46!important;font-size:1rem!important}.qr-public-page .stat-nonaktif{color:#991b1b!important;font-size:1rem!important}.qr-public-page .status-pill{display:inline-block!important;border-radius:4px!important;padding:2px 8px!important;font-size:.78rem!important;font-weight:600!important}.qr-public-page .status-pill.status-aktif{background:#d1fae5!important;color:#065f46!important;border:1px solid #a7f3d0!important}.qr-public-page .status-pill.status-nonaktif{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}.qr-public-page .status-pill.status-1{background:#d1fae5!important;color:#065f46!important;border:1px solid #a7f3d0!important}.qr-public-page .status-pill.status-2{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}.qr-public-page .status-pill.status-3{background:#fef9c3!important;color:#713f12!important;border:1px solid #fde68a!important}.qr-public-page .stock-box.status-info{background:#f0f4ff!important;border-color:#c7d2fe!important;color:#3730a3!important}.qr-public-page .stock-box.status-info b{color:#3730a3!important}.qr-public-page .info-section-block{margin-bottom:4px}.qr-public-page .info-section-header{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 0 6px!important}.qr-public-page .info-section-icon{font-size:.95rem!important;line-height:1!important}.qr-public-page .info-section-title{font-size:.78rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#64748b!important}.qr-public-page .info-section-divider{display:flex!important;align-items:center!important;margin:16px 0!important;gap:10px!important}.qr-public-page .info-section-divider:before,.qr-public-page .info-section-divider:after{content:""!important;flex:1!important;height:1px!important;background:#e2e8f0!important}.qr-public-page .info-section-divider-label{font-size:.7rem!important;font-weight:600!important;color:#94a3b8!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;padding:0 4px!important}.info-dipinjam-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;margin:0 0 16px}.info-dipinjam-icon{font-size:1.4rem;flex-shrink:0}.info-dipinjam-text{display:flex;flex-direction:column;gap:2px}.info-dipinjam-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#92400e}.info-dipinjam-name{font-size:.95rem;font-weight:700;color:#78350f}.qr-public-page .qr-foto-edit-wrap,.qr-public-page .qr-foto-edit-btn{display:none!important}.qr-public-page .qr-foto-updated-info{margin:0!important;padding:6px 16px!important;font-size:.7rem!important;color:#94a3b8!important;text-align:center!important;background:#f8fafc!important;border-top:1px solid #f1f5f9!important;width:100%!important}.qr-public-page .qr-foto-action-bar{display:flex!important;align-items:center!important;justify-content:right!important;gap:8px!important;padding:10px 16px!important;background:#f8fafc!important;border-top:1.5px solid #e2e8f0!important;width:100%!important}.qr-public-page .qr-foto-action-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;border-radius:7px!important;font-size:.8rem!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;transition:background .15s,border-color .15s,color .15s,transform .1s!important;white-space:nowrap!important;line-height:1!important}.qr-public-page .qr-foto-action-btn:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}.qr-public-page .qr-foto-action-upload{background:#1e293b!important;color:#fff!important;border:1.5px solid #1e293b!important}.qr-public-page .qr-foto-action-upload:hover:not(:disabled){background:#0f172a!important;border-color:#0f172a!important;transform:translateY(-1px)!important}.qr-public-page .qr-foto-action-delete{background:#fff!important;color:#dc2626!important;border:1.5px solid #fca5a5!important}.qr-public-page .qr-foto-action-delete:hover:not(:disabled){background:#fef2f2!important;border-color:#dc2626!important;transform:translateY(-1px)!important}.qr-public-page .qr-foto-confirm-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 16px!important;background:#fff7f7!important;border-top:1.5px solid #fca5a5!important;width:100%!important;flex-wrap:wrap!important}.qr-public-page .qr-foto-confirm-text{font-size:.8rem!important;font-weight:600!important;color:#991b1b!important;flex:1!important;min-width:120px!important}.qr-public-page .qr-foto-confirm-actions{display:flex!important;gap:8px!important;flex-shrink:0!important}.qr-public-page .qr-foto-confirm-yes{padding:6px 14px!important;border-radius:7px!important;font-size:.8rem!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;background:#dc2626!important;color:#fff!important;border:1.5px solid #dc2626!important;transition:background .15s!important}.qr-public-page .qr-foto-confirm-yes:hover:not(:disabled){background:#b91c1c!important;border-color:#b91c1c!important}.qr-public-page .qr-foto-confirm-yes:disabled{opacity:.6!important;cursor:not-allowed!important}.qr-public-page .qr-foto-confirm-cancel{padding:6px 14px!important;border-radius:7px!important;font-size:.8rem!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;background:#fff!important;color:#475569!important;border:1.5px solid #e2e8f0!important;transition:background .15s,border-color .15s!important}.qr-public-page .qr-foto-confirm-cancel:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1!important}.qr-public-page .qr-foto-confirm-cancel:disabled{opacity:.6!important;cursor:not-allowed!important}.qr-public-page .qr-foto-error-bar{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;background:#fef2f2!important;border-top:1px solid #fca5a5!important;color:#dc2626!important;font-size:.78rem!important;font-weight:500!important;width:100%!important}.peminjam-name{font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:2px 8px;font-size:.85rem}.qr-public-page .fade-in{animation:qrdet-fadeIn .2s ease-in-out!important}@keyframes qrdet-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.qr-public-page .qr-public-header{padding:12px 16px!important}.qr-public-page .qr-hero{padding:16px 16px 20px!important;flex-direction:column!important;gap:14px!important}.qr-public-page .qr-hero-lokasi{align-items:flex-start!important;width:100%!important}.qr-public-page .qr-public-body{padding:0 12px 24px!important}.qr-public-page .tabs-content{padding:16px!important}.qr-public-page .info-label{width:90px!important}.qr-public-page .qr-stat-strip-inner{flex-direction:row!important}}.daftar-bast{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:1.5rem!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important}.daftar-bast .bm-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.daftar-bast .bm-header-left{flex:1!important}.daftar-bast .bm-page-title{font-size:1.5rem!important;font-weight:800!important;color:#1a2332!important;margin:0 0 .15rem!important;letter-spacing:-.03em!important}.daftar-bast .bm-page-company{font-size:.85rem!important;color:#718096!important;margin:0!important;font-weight:500!important}.daftar-bast .btn-deleted,.daftar-bast .btn-refresh,.daftar-bast .btn-add{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:34px!important;padding:0 .8rem!important;border-radius:8px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .18s ease!important;white-space:nowrap!important;font-family:inherit!important}.daftar-bast .btn-deleted{border:1.5px solid #f5c6c2!important;background:#fdf3f2!important;color:#c0392b!important}.daftar-bast .btn-deleted:hover{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c0392b40!important}.daftar-bast .btn-refresh{border:1.5px solid #e2e8f0!important;background:#fff!important;color:#4a5568!important}.daftar-bast .btn-refresh:hover:not(:disabled){background:#f4f7fa!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}.daftar-bast .btn-refresh:disabled{opacity:.5!important;cursor:not-allowed!important}.daftar-bast .btn-add{border:none!important;background:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px #1e293b47!important}.daftar-bast .btn-add:hover{background:#162030!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #1e293b52!important}.daftar-bast .spinning{animation:bast-spin 1s linear infinite!important}@keyframes bast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daftar-bast .bm-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.daftar-bast .bm-stat-card{flex:1!important;min-width:100px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.daftar-bast .bm-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 10px #0000000f!important;transform:translateY(-1px)!important}.daftar-bast .bm-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.daftar-bast .bm-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important}.daftar-bast .bm-action-bar{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.75rem!important}.daftar-bast .bm-search-box{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.daftar-bast .bm-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.daftar-bast .bm-search-icon{color:#a0aec0!important;flex-shrink:0!important;margin-right:.55rem!important}.daftar-bast .bm-search-input{flex:1!important;border:none!important;background:transparent!important;font-size:.9rem!important;color:#1a2332!important;outline:none!important;height:100%!important;font-family:inherit!important}.daftar-bast .bm-search-input::placeholder{color:#a0aec0!important}.daftar-bast .bm-search-clear{background:none!important;border:none!important;color:#a0aec0!important;cursor:pointer!important;font-size:.82rem!important;padding:0 .15rem!important;line-height:1!important;display:flex!important;align-items:center!important;flex-shrink:0!important;transition:color .15s!important}.daftar-bast .bm-search-clear:hover{color:#1e293b!important}.daftar-bast .bm-action-buttons{display:flex!important;gap:.5rem!important;align-items:center!important}.daftar-bast .bm-table-wrapper{position:relative!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;overflow-x:auto!important;box-shadow:0 1px 4px #0000000a!important}.daftar-bast .bm-loading{position:absolute!important;inset:0!important;background:#ffffffe0!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;z-index:10!important;border-radius:12px!important}.daftar-bast .bm-loading p{font-size:.875rem!important;color:#718096!important;font-weight:500!important;margin:0!important}.daftar-bast .bm-spinner{width:34px!important;height:34px!important;border:3px solid #e2e8f0!important;border-top-color:#1e293b!important;border-radius:50%!important;animation:bast-spin .75s linear infinite!important}.daftar-bast .bm-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important;width:100%!important}.daftar-bast .bm-table-wrapper .tabulator-tableHolder{overflow-x:auto!important}.daftar-bast .bm-table-wrapper .tabulator-table{width:100%!important}.daftar-bast .bm-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important;border-radius:0!important}.daftar-bast .bm-table-wrapper .tabulator-col{background:transparent!important;border-right:1px solid rgba(255,255,255,.07)!important;flex:1!important}.daftar-bast .bm-table-wrapper .tabulator-col:last-child{border-right:none!important}.daftar-bast .bm-table-wrapper .tabulator-col-title{color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.6rem .8rem!important;white-space:nowrap!important}.daftar-bast .bm-table-wrapper .tabulator-col-sorter .tabulator-arrow{border-top-color:#ffffff73!important;border-bottom-color:#ffffff73!important}.daftar-bast .bm-table-wrapper .tabulator-col.tabulator-sortable:hover .tabulator-col-title{color:#e2e8f0!important}.daftar-bast .bm-table-wrapper .tabulator-row{border-bottom:1px solid #f1f5f9!important;transition:background .12s ease!important;width:100%!important}.daftar-bast .bm-table-wrapper .tabulator-row:last-child{border-bottom:none!important}.daftar-bast .bm-table-wrapper .tabulator-row:nth-child(2n){background:#fafbfc!important}.daftar-bast .bm-table-wrapper .tabulator-row:hover{background:#f0f4fa!important}.daftar-bast .bm-table-wrapper .tabulator-cell{padding:.5rem .8rem!important;color:#2d3748!important;font-size:.85rem!important;border-right:none!important;flex:1!important}.daftar-bast .tab-placeholder{padding:3rem 1rem!important;text-align:center!important;color:#a0aec0!important;font-size:.9rem!important;font-weight:500!important}.tab-code{font-family:Courier New,monospace!important;font-weight:700!important;color:#1e293b!important}.tab-no-val{color:#cbd5e0!important;font-weight:400!important}.tab-user-badge{display:inline-flex!important;align-items:center!important;padding:.18rem .6rem!important;border-radius:20px!important;font-size:.78rem!important;font-weight:600!important;background:#e0f2fe!important;color:#0369a1!important;white-space:nowrap!important}.tab-unit-num{font-weight:700!important;color:#1e293b!important}.tab-action-group{display:flex!important;gap:.35rem!important;justify-content:center!important;align-items:center!important}.tab-btn{width:30px!important;height:30px!important;border:none!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;padding:0!important;line-height:1!important}.tab-btn svg{display:block!important;flex-shrink:0!important;pointer-events:none!important}.tab-btn-view{background:#eff6ff!important;color:#1d4ed8!important}.tab-btn-view svg{stroke:#1d4ed8!important}.tab-btn-view:hover{background:#1d4ed8!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #1d4ed84d!important}.tab-btn-view:hover svg{stroke:#fff!important}.tab-btn-track{background:#f5f3ff!important;color:#6d28d9!important}.tab-btn-track svg{stroke:#6d28d9!important}.tab-btn-track:hover{background:#6d28d9!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #6d28d94d!important}.tab-btn-track:hover svg{stroke:#fff!important}.tab-btn-edit{background:#fffbeb!important;color:#d97706!important}.tab-btn-edit svg{stroke:#d97706!important}.tab-btn-edit:hover{background:#d97706!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #d977064d!important}.tab-btn-edit:hover svg{stroke:#fff!important}.tab-btn-delete{background:#fdf3f2!important;color:#c0392b!important}.tab-btn-delete svg{stroke:#c0392b!important}.tab-btn-delete:hover{background:#c0392b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #c0392b4d!important}.tab-btn-delete:hover svg{stroke:#fff!important}.tab-btn-return{background:#ecfdf5!important;color:#059669!important}.tab-btn-return svg{stroke:#059669!important}.tab-btn-return:hover{background:#059669!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0596694d!important}.tab-btn-return:hover svg{stroke:#fff!important}.tab-status{display:inline-flex!important;align-items:center!important;padding:.2rem .65rem!important;border-radius:20px!important;font-size:.77rem!important;font-weight:700!important}.tab-status-active{background:#d1fae5!important;color:#065f46!important}.tab-status-draft{background:#fef3c7!important;color:#92400e!important}.tab-status-returned{background:#ccfbf1!important;color:#0f766e!important}.daftar-bast .bm-pagination-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.25rem!important;padding:1rem 0 .25rem!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;flex-wrap:wrap!important}.daftar-bast .bm-page-size-group{display:flex!important;align-items:center!important;gap:.55rem!important}.daftar-bast .bm-page-size-label{font-size:.858rem!important;font-weight:600!important;color:#4a5568!important;white-space:nowrap!important}.daftar-bast .bm-page-size-select{appearance:none!important;-webkit-appearance:none!important;background-color:#1e293b!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:.4rem 1.8rem .4rem .8rem!important;font-size:.858rem!important;font-weight:600!important;cursor:pointer!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .55rem center!important;transition:background-color .18s ease!important;min-width:66px!important;font-family:inherit!important}.daftar-bast .bm-page-size-select:hover{background-color:#162030!important}.daftar-bast .bm-pagination-controls{display:flex!important;align-items:center!important;gap:3px!important}.daftar-bast .pag-btn{height:34px!important;min-width:34px!important;padding:0 8px!important;border:none!important;border-radius:7px!important;font-size:.858rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-family:inherit!important}.daftar-bast .pag-btn:disabled{opacity:.32!important;cursor:not-allowed!important;pointer-events:none!important}.daftar-bast .pag-btn-text{background:transparent!important;color:#64748b!important;padding:0 .7rem!important}.daftar-bast .pag-btn-text:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-bast .pag-btn-num{background:transparent!important;color:#64748b!important}.daftar-bast .pag-btn-num:hover:not(:disabled){background:#f1f5f9!important;color:#1e293b!important}.daftar-bast .pag-btn-num.pag-active{background:#1e293b!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #1e293b4d!important}.daftar-bast .pag-btn-num.pag-active:hover{background:#162030!important}.daftar-bast .pag-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:22px!important;color:#a0aec0!important;font-size:.858rem!important;-webkit-user-select:none!important;user-select:none!important}.bm-tracking-backdrop{position:fixed!important;inset:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:bast-fadeIn .2s ease!important}@keyframes bast-fadeIn{0%{opacity:0}to{opacity:1}}.bm-tracking-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:420px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a2e!important;z-index:9999!important;animation:bast-slideUp .25s ease!important;overflow:hidden!important}@keyframes bast-slideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.bm-tracking-modal .bm-tracking-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:1.25rem 1.5rem!important;border-bottom:2px solid #162030!important;background:#1e293b!important}.bm-tracking-modal .bm-tracking-title{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .1rem!important}.bm-tracking-modal .bm-tracking-code{font-size:.8rem!important;font-family:Courier New,monospace!important;color:#ffffff80!important}.bm-tracking-modal .bm-tracking-close{width:30px!important;height:30px!important;background:#ffffff1a!important;color:#fff!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;flex-shrink:0!important}.bm-tracking-modal .bm-tracking-close:hover{background:#ffffff38!important}.bm-tracking-modal .bm-tracking-body{padding:1.5rem!important;display:flex!important;flex-direction:column!important;gap:0!important}.bm-tracking-modal .bm-track-item{display:flex!important;gap:1rem!important}.bm-tracking-modal .bm-track-left{display:flex!important;flex-direction:column!important;align-items:center!important;flex-shrink:0!important}.bm-tracking-modal .bm-track-dot{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.bm-tracking-modal .bm-track-icon{font-size:.8rem!important;color:#fff!important;font-weight:700!important}.bm-tracking-modal .bm-track-line{width:2px!important;flex:1!important;background:#e2e8f0!important;margin:4px 0!important;min-height:20px!important}.bm-tracking-modal .bm-track-content{padding-bottom:1.25rem!important;flex:1!important}.bm-tracking-modal .bm-track-label{display:block!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:.25rem!important}.bm-tracking-modal .bm-track-meta{display:flex!important;align-items:center!important;gap:.3rem!important;font-size:.775rem!important;color:#718096!important;flex-wrap:wrap!important}.bm-tracking-modal .bm-track-sep{color:#cbd5e0!important}@media(max-width:768px){.daftar-bast{padding:1rem!important}.daftar-bast .bm-header{flex-direction:column!important;align-items:flex-start!important}.daftar-bast .bm-page-title{font-size:1.45rem!important}.daftar-bast .bm-action-bar{flex-direction:column!important;align-items:stretch!important}.daftar-bast .bm-search-box{max-width:100%!important;height:46px!important;border-radius:12px!important}.daftar-bast .bm-search-input{font-size:.95rem!important}.daftar-bast .bm-action-buttons{width:100%!important;justify-content:stretch!important;gap:.45rem!important}.daftar-bast .btn-deleted,.daftar-bast .btn-refresh,.daftar-bast .btn-add{flex:1!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:0 .6rem!important;height:38px!important}.daftar-bast .bm-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.daftar-bast .bm-stat-card{min-width:unset!important;width:100%!important}.daftar-bast .bm-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.daftar-bast .bm-table-wrapper .tabulator{min-width:800px!important}.daftar-bast .bm-pagination-footer{justify-content:center!important;gap:.5rem!important}.daftar-bast .pag-btn-num:not(.pag-active){display:none!important}.daftar-bast .pag-dots{display:none!important}}@media(max-width:480px){.daftar-bast .bm-page-title{font-size:1.45rem!important}.daftar-bast .bm-search-box{height:48px!important}.daftar-bast .bm-pagination-footer{flex-direction:column!important;align-items:flex-end!important;gap:.6rem!important}}.theme-admin .daftar-bast .bm-table-wrapper .tabulator-header{background:#1e293b!important;border-bottom:2px solid #162030!important}.theme-admin .daftar-bast .btn-add{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .daftar-bast .btn-add:hover{background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .daftar-bast .bm-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .daftar-bast .bm-spinner{border-top-color:#1e293b!important}.theme-admin .daftar-bast .bm-page-size-select{background-color:#1e293b!important}.theme-admin .daftar-bast .bm-page-size-select:hover{background-color:#162030!important}.theme-admin .daftar-bast .pag-btn-num.pag-active{background:#1e293b!important;box-shadow:0 2px 6px #1e293b4d!important}.theme-admin .daftar-bast .pag-btn-num.pag-active:hover{background:#162030!important}.theme-staff .daftar-bast .btn-add{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .daftar-bast .btn-add:hover{background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .daftar-bast .bm-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .daftar-bast .bm-search-clear:hover{color:#15803d!important}.theme-staff .daftar-bast .bm-spinner{border-top-color:#22c55e!important}.theme-staff .daftar-bast .bm-table-wrapper .tabulator-header{background:#15803d!important;border-bottom:2px solid #166534!important}.theme-staff .daftar-bast .bm-page-size-select{background-color:#15803d!important}.theme-staff .daftar-bast .bm-page-size-select:hover{background-color:#166534!important}.theme-staff .daftar-bast .pag-btn-text:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-bast .pag-btn-num:hover:not(:disabled){color:#15803d!important}.theme-staff .daftar-bast .pag-btn-num.pag-active{background:#15803d!important;box-shadow:0 2px 6px #15803d4d!important}.theme-staff .daftar-bast .pag-btn-num.pag-active:hover{background:#166534!important}.detail-bast{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.detail-bast .page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#718096;font-size:.95rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header-dps{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header-left-dps{display:flex;align-items:center;gap:.75rem}.btn-back-dps,.page-header-left-dps .btn-back-dps,.detail-bast .btn-back-dps,button.btn-back-dps{width:36px!important;height:36px!important;background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border:1.5px solid #1e293b!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease!important}.btn-back-dps:hover,.page-header-left-dps .btn-back-dps:hover,.detail-bast .btn-back-dps:hover,button.btn-back-dps:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.theme-admin .detail-bast .btn-back-dps,.theme-admin .detail-bast button.btn-back-dps{background:#1e293b!important;background-color:#1e293b!important;color:#fff!important;border-color:#1e293b!important}.theme-admin .detail-bast .btn-back-dps:hover,.theme-admin .detail-bast button.btn-back-dps:hover{background:#475569!important;background-color:#475569!important;color:#fff!important;border-color:#475569!important;transform:translate(-2px)!important}.theme-staff .detail-bast .btn-back-dps:hover,.theme-staff .detail-bast button.btn-back-dps:hover{background:#15803d!important;background-color:#15803d!important;color:#fff!important;border-color:#15803d!important;transform:translate(-2px)!important}.page-title-dps{font-size:1.4rem;font-weight:800;color:#1a2332;margin-bottom:.1rem;letter-spacing:-.03em}.page-company-dps{font-size:.95rem;color:#718096;font-weight:500}.head-meta-dps{display:flex;align-items:center;gap:.75rem}.head-code-dps{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#1e293b;background:#f1f5f9;padding:.35rem .75rem;border-radius:6px;border:1.5px solid #e2e8f0}.status-badge-dps{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.badge-draft-dps{background:#fef3c7;color:#92400e}.badge-approved-dps{background:#d1fae5;color:#065f46}.approved-banner-dps{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:10px;font-size:.875rem;color:#065f46;font-weight:500}.section-card-dps{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.75rem;box-shadow:0 1px 4px #0000000a}.section-title-dps{font-size:1.05rem;font-weight:700;color:#1a2332;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1.5px solid #f0f4f8;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.section-title-row-dps{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.section-title-row-dps .section-title-dps{margin:0;border-bottom:none;padding-bottom:0}.dps-tipe-badge{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.77rem;font-weight:700}.dps-tipe-opname{background:#dbeafe;color:#1d4ed8}.dps-tipe-temuan{background:#fce7f3;color:#9d174d}.header-grid-dps{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.col-left-dps,.col-right-dps{display:flex;flex-direction:column;gap:1rem}.form-group-dps{display:flex;flex-direction:column;gap:.4rem}.form-label-dps{font-size:.875rem;font-weight:600;color:#1a2332}.form-input-dps{width:100%;padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.form-input-dps:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.form-input-dps.readonly-dps{background:#f8fafc;color:#718096;cursor:default}.form-textarea-dps{width:100%;padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;background:#fff;resize:vertical;transition:border-color .2s;font-family:inherit;box-sizing:border-box;min-height:3rem}.form-textarea-dps:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.form-textarea-dps:disabled{background:#f8fafc;color:#718096;cursor:default}.bast-section-wrapper{display:flex;flex-direction:column}.bast-tab-header{display:flex;align-items:flex-end;gap:3px;padding-left:2px}.bast-tab-btn{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.35rem;font-size:.875rem;font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1.5px solid #d1d9e0;border-bottom:none;border-radius:8px 8px 0 0;background:#eef1f5;color:#718096;margin-bottom:0}.bast-tab-btn:hover:not(:disabled):not(.bast-tab-locked){background:#e2e8f0;color:#1e293b;border-color:#b8c3cd}.bast-tab-btn.bast-tab-active{background:#fff;color:#1e293b;border-color:#e2e8f0;border-bottom:none;padding-top:.65rem;padding-bottom:.65rem;margin-bottom:-1.5px;z-index:1}.bast-tab-btn.bast-tab-locked{opacity:.45;cursor:not-allowed}.bast-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:.72rem;font-weight:700;background:#1e293b;color:#fff}.bast-tab-lock-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:20px;font-size:.68rem;font-weight:700;background:#fef3c7;color:#92400e}.bast-tab-section{border-radius:0 12px 12px;padding:1.75rem;overflow:hidden;position:relative;z-index:0}.bast-tab-section .section-title-row-dps{padding-top:0}.bast-tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 1rem;color:#a0aec0;text-align:center}.bast-tab-placeholder p{font-size:.9rem;margin:0;color:#718096}.table-wrapper-dps{overflow-x:auto;border-radius:12px;border:1.5px solid #e2e8f0;margin-bottom:.75rem;box-shadow:0 1px 4px #0000000a}.barang-table-dps{width:100%;border-collapse:collapse;min-width:700px}.barang-table-dps thead tr{background:#1e293b}.barang-table-dps thead th{padding:.85rem 1rem;text-align:left;font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid rgba(255,255,255,.07)}.barang-table-dps thead th:last-child{border-right:none}.barang-table-dps tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s ease}.barang-table-dps tbody tr:last-child{border-bottom:none}.barang-table-dps tbody tr:nth-child(2n){background:#fafbfc}.barang-table-dps tbody tr:hover{background:#f0f4fa}.barang-table-dps tbody td{padding:.8rem 1rem;font-size:.875rem;color:#2d3748}.col-aksi-frozen-dps{white-space:nowrap}.cell-center-dps{text-align:center}.table-empty-cell-dps{text-align:center;padding:2.5rem 1rem!important;color:#a0aec0;font-size:.875rem}.row-pending{background:#fff!important}.row-new{background:#f0fdf4!important}.row-edited{background:#fffbeb!important}.id-cell-dps{font-family:Courier New,monospace;font-weight:700;color:#1e293b;background:#f1f5f9;padding:.2rem .55rem;border-radius:5px;border:1px solid #e2e8f0;display:inline-block;white-space:nowrap;font-size:.82rem}.lokasi-cell-dps{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;background:#f0f4f8;padding:.2rem .55rem;border-radius:5px;color:#2d3748}.action-btns-dps{display:flex;gap:.35rem;justify-content:center;align-items:center}.action-btn-dps{width:30px;height:30px;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.btn-delete-dps{background:#fdf3f2;color:#c0392b}.btn-delete-dps:hover{background:#c0392b;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #c0392b4d}.btn-disabled,.detail-bast button:disabled{opacity:.45;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-tambah-barang-dps{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:38px;border-radius:8px;font-size:.858rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap;background:#1e293b;color:#fff;border:none;box-shadow:0 2px 6px #1e293b47}.btn-tambah-barang-dps:not(:disabled):hover{background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.inline-input-dps{width:100%;min-width:100px;padding:.3rem .6rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.82rem;color:#2d3748;background:#fff;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.inline-input-dps:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b17}.summary-row-dps{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.summary-card-dps{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:280px;box-shadow:0 1px 3px #0000000a}.summary-line-dps{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568}.summary-label-dps{min-width:100px;font-weight:500}.summary-sep-dps{color:#a0aec0}.summary-amount-dps{font-weight:600;color:#1a2332;margin-left:auto;white-space:nowrap}.summary-total-dps{display:flex;align-items:center;gap:.5rem;padding-top:.625rem;border-top:1.5px solid #e2e8f0;margin-top:.25rem;font-weight:700;font-size:.95rem;color:#1a2332}.summary-date-dps{font-size:.78rem;color:#718096;margin-top:.15rem}.footer-actions-dps{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn-batal-dps,.btn-simpan-dps,.btn-finalisasi-dps{display:flex;align-items:center;gap:.5rem;padding:0 1.75rem;height:42px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.btn-batal-dps{background:#fff;color:#718096;border:1.5px solid #e2e8f0}.btn-batal-dps:hover{background:#f4f7fa;border-color:#94a3b8}.btn-simpan-dps{background:#fff;color:#1e293b;border:1.5px solid #1e293b}.btn-simpan-dps:hover:not(:disabled){background:#f4f7fa}.btn-finalisasi-dps{background:#1e293b;color:#fff;border:none;box-shadow:0 2px 6px #1e293b47}.btn-finalisasi-dps:hover:not(:disabled){background:#162030;transform:translateY(-1px);box-shadow:0 4px 14px #1e293b52}.btn-finalisasi-dps:disabled,.btn-simpan-dps:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.kondisi-berubah{border:1.5px solid #f97316!important}@media(max-width:900px){.header-grid-dps{grid-template-columns:1fr;gap:1rem}.summary-row-dps{flex-direction:column;align-items:stretch}.summary-card-dps{min-width:unset}}@media(max-width:480px){.detail-bast{padding:1rem}.section-card-dps{padding:1.25rem}.bast-tab-btn{padding:.75rem 1rem;font-size:.82rem}.footer-actions-dps{flex-direction:column}.btn-batal-dps,.btn-simpan-dps,.btn-finalisasi-dps{width:100%;justify-content:center}.btn-tambah-barang-dps{justify-content:center}}.theme-admin .detail-bast .barang-table-dps thead tr{background:#1e293b!important}.theme-admin .detail-bast .bast-tab-btn.bast-tab-active{border-color:#1e293b!important;color:#1e293b!important}.theme-admin .detail-bast .bast-tab-count{background:#1e293b!important}.theme-admin .detail-bast .btn-finalisasi-dps{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-bast .btn-finalisasi-dps:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-bast .btn-tambah-barang-dps{background:#1e293b!important;box-shadow:0 2px 6px #1e293b47!important}.theme-admin .detail-bast .btn-tambah-barang-dps:hover:not(:disabled){background:#162030!important;box-shadow:0 4px 14px #1e293b52!important}.theme-admin .detail-bast .btn-simpan-dps{color:#1e293b!important;border-color:#1e293b!important}.theme-admin .detail-bast .form-input-dps:focus,.theme-admin .detail-bast .form-textarea-dps:focus,.theme-admin .detail-bast .inline-input-dps:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-staff .detail-bast .barang-table-dps thead tr{background:#15803d!important}.theme-staff .detail-bast .bast-tab-btn.bast-tab-active{border-color:#15803d!important;color:#15803d!important}.theme-staff .detail-bast .bast-tab-count{background:#15803d!important}.theme-staff .detail-bast .btn-finalisasi-dps{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-bast .btn-finalisasi-dps:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-bast .btn-tambah-barang-dps{background:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .detail-bast .btn-tambah-barang-dps:hover:not(:disabled){background:#166534!important;box-shadow:0 4px 14px #15803d52!important}.theme-staff .detail-bast .btn-simpan-dps{color:#15803d!important;border-color:#22c55e!important}.theme-staff .detail-bast .btn-simpan-dps:hover:not(:disabled){background:#f0fdf4!important}.theme-staff .detail-bast .form-input-dps:focus,.theme-staff .detail-bast .form-textarea-dps:focus,.theme-staff .detail-bast .inline-input-dps:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.col-kondisi-kembali-dps{background:#3b82f61f!important;color:#bfdbfe!important}.inline-input-highlight-dps{border-color:#93c5fd;background:#eff6ff}.inline-input-highlight-dps:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61f!important}.kondisi-ref-dps{display:inline-block;padding:.18rem .5rem;border-radius:5px;font-size:.8rem;font-weight:600;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;white-space:nowrap}.modal-wrapper-bm{position:fixed!important;inset:0!important;z-index:9998!important}.modal-backdrop-bm{position:fixed!important;inset:0!important;background:#0a12208c!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:9998!important;animation:fadeInBm .2s ease-out!important}@keyframes fadeInBm{0%{opacity:0}to{opacity:1}}@keyframes slideUpBm{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes bm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-sm{animation:bm-spin 1s linear infinite!important}.mpib-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:min(900px,95vw)!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000f,0 24px 64px #0a122038!important;animation:slideUpBm .28s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}.modal-header-bm{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;background:#fafbfd!important;flex-shrink:0!important}.modal-header-left-bm{display:flex!important;align-items:center!important;gap:.75rem!important}.modal-title-bm{font-size:1.125rem!important;font-weight:700!important;color:#1e293b!important;letter-spacing:-.01em!important;margin:0 0 .1rem!important}.btn-close-bm{width:34px!important;height:34px!important;background:#fee2e2!important;color:#dc2626!important;border:none!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,transform .25s ease,color .2s ease!important;flex-shrink:0!important;padding:0!important}.btn-close-bm svg{display:block!important;pointer-events:none!important}.btn-close-bm:hover{background:#dc2626!important;color:#fff!important;transform:rotate(90deg)!important}.mpib-search-bar{padding:.875rem 1.5rem!important;border-bottom:1px solid #e8edf3!important;display:flex!important;align-items:center!important;gap:1rem!important;flex-shrink:0!important;background:#fff!important;flex-wrap:wrap!important}.mpib-search-wrapper{flex:1!important;position:relative!important;display:flex!important;align-items:center!important;min-width:200px!important}.mpib-search-icon{position:absolute!important;left:12px!important;color:#94a3b8!important;pointer-events:none!important}.mpib-search-input{width:100%!important;padding:.7rem 2.25rem!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;font-size:.9rem!important;color:#1a2332!important;background:#fff!important;outline:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;font-family:inherit!important;box-sizing:border-box!important}.mpib-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.mpib-search-input::placeholder{color:#cbd5e1!important}.mpib-search-clear{position:absolute!important;right:10px!important;background:none!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;padding:2px!important;display:flex!important;align-items:center!important;border-radius:4px!important;transition:color .15s ease!important}.mpib-search-clear:hover{color:#1e293b!important}.mpib-filter-group{display:flex!important;align-items:center!important;gap:.4rem!important;flex-wrap:wrap!important}.mpib-filter-label{font-size:.78rem!important;font-weight:600!important;color:#94a3b8!important;white-space:nowrap!important}.mpib-chip{display:inline-flex!important;align-items:center!important;padding:4px 10px!important;border-radius:7px!important;font-size:.75rem!important;font-weight:600!important;border:1.5px dashed #cbd5e1!important;background:#fff!important;color:#475569!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important}.mpib-chip:hover{border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.mpib-chip-active{border-style:solid!important;border-color:#1e293b!important;background:#1e293b!important;color:#fff!important}.mpib-chip-active:hover{background:#1e293b!important;border-color:#1e293b!important}.mpib-stats-row{display:flex!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;white-space:nowrap!important}.mpib-stat{display:flex!important;align-items:center!important;gap:4px!important;font-size:.78rem!important;color:#64748b!important}.mpib-stat-active{color:#1e293b!important;font-weight:600!important}.mpib-stat-divider{color:#e2e8f0!important}.mpib-body{flex:1!important;overflow-y:auto!important;padding:.875rem 1.25rem!important;background:#f8fafc!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.mpib-body::-webkit-scrollbar{width:5px}.mpib-body::-webkit-scrollbar-track{background:transparent}.mpib-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.mpib-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mpib-loading-state,.mpib-error-state,.mpib-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:60px 20px!important;color:#64748b!important;font-size:.875rem!important;text-align:center!important}.mpib-empty-icon{color:#cbd5e1!important}.mpib-error-state{color:#dc2626!important}.mpib-error-state button{margin-top:.5rem;padding:.35rem 1rem;border-radius:7px;border:1.5px solid #dc2626;background:#fff;color:#dc2626;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}.mpib-group{background:#fff!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;margin-bottom:.6rem!important;overflow:hidden!important;transition:box-shadow .15s ease!important}.mpib-group:hover{box-shadow:0 2px 8px #0a122014!important}.mpib-group-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.8rem 1rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;transition:background .15s ease!important;gap:.75rem!important}.mpib-group-header:hover{background:#f8fafc!important}.mpib-group-open{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}.mpib-group-left{display:flex!important;align-items:center!important;gap:.65rem!important;flex:1!important;min-width:0!important}.mpib-chevron{color:#64748b!important;flex-shrink:0!important;display:flex!important;align-items:center!important;transition:color .15s ease!important}.mpib-group-info{display:flex!important;flex-direction:column!important;min-width:0!important}.mpib-group-name{font-size:.9rem!important;font-weight:600!important;color:#1a2332!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mpib-group-satuan{display:inline-flex!important;gap:3px!important;font-size:.72rem!important;color:#64748b!important;background:#f1f5f9!important;padding:.15rem .5rem!important;border-radius:20px!important;white-space:nowrap!important}.mpib-group-right{display:flex!important;align-items:center!important;gap:.65rem!important;flex-shrink:0!important}.mpib-group-count{font-size:.75rem!important;color:#64748b!important;font-weight:500!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:2px 8px!important}.mpib-sel-all-btn{font-size:.75rem!important;font-weight:600!important;color:#475569!important;background:#fff!important;border:1.5px dashed #cbd5e1!important;border-radius:7px!important;padding:4px 10px!important;cursor:pointer!important;transition:all .15s ease!important;font-family:inherit!important}.mpib-sel-all-btn:hover{border-color:#1e293b!important;color:#1e293b!important;background:#f1f5f9!important}.mpib-deselect{border-style:solid!important;border-color:#e2e8f0!important;color:#dc2626!important}.mpib-deselect:hover{border-color:#dc2626!important;color:#dc2626!important;background:#fef2f2!important}.mpib-item-list{display:flex!important;flex-direction:column!important;gap:0!important}.mpib-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.7rem 1rem!important;border-bottom:1px solid #f1f5f9!important;background:#fff!important;transition:all .12s ease!important;flex-wrap:wrap!important;cursor:pointer!important}.mpib-item:last-child{border-bottom:none!important}.mpib-item:hover:not(.mpib-item-disabled){border-color:#e2e8f0!important;background:#f8fafc!important}.mpib-item-checked{border-color:transparent!important;background:#f1f5f9!important}.mpib-item-disabled{opacity:.5!important;cursor:not-allowed!important;background:#f8fafc!important}.mpib-checkbox{flex-shrink:0!important;display:flex!important;align-items:center!important;cursor:pointer!important}.mpib-icon-checked{color:#1e293b!important}.mpib-icon-unchecked{color:#cbd5e1!important}.mpib-icon-disabled{color:#94a3b8!important}.mpib-qr-main{flex:1!important;display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer!important;min-width:0!important;flex-wrap:wrap!important}.mpib-qr-info{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.mpib-qr-name-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.mpib-qr-barang{font-size:.875rem!important;font-weight:600!important;color:#1a2332!important}.mpib-qr-merk{font-size:.78rem!important;color:#64748b!important;font-weight:500!important}.mpib-qr-merk:before{content:"·"!important;margin-right:4px!important;color:#cbd5e1!important}.mpib-kode-badge{font-family:Courier New,monospace!important;font-size:.78rem!important;font-weight:700!important;color:#475569!important;letter-spacing:.03em!important}.mpib-qr-meta{display:flex!important;gap:.5rem!important;align-items:center!important;flex-shrink:0!important}.mpib-item-lokasi,.mpib-item-kondisi-meta{display:flex!important;align-items:center!important;gap:3px!important;font-size:.72rem!important;color:#64748b!important;background:#f1f5f9!important;padding:.15rem .5rem!important;border-radius:20px!important;white-space:nowrap!important}.mpib-badge-kondisi{display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:.72rem!important;font-weight:600!important;padding:.15rem .5rem!important;border-radius:20px!important;white-space:nowrap!important}.mpib-kondisi-baik{background:#dcfce7!important;color:#15803d!important}.mpib-kondisi-rusak{background:#fee2e2!important;color:#dc2626!important}.mpib-kondisi-sedang{background:#fef9c3!important;color:#a16207!important}.mpib-kondisi-berat{background:#ffe4e6!important;color:#be123c!important}.mpib-kondisi-default{background:#f1f5f9!important;color:#64748b!important}.mpib-badge-dipakai{font-size:.7rem!important;font-weight:600!important;color:#94a3b8!important;background:#f1f5f9!important;padding:.15rem .55rem!important;border-radius:20px!important;flex-shrink:0!important}.modal-footer-bm{display:flex!important;justify-content:flex-end!important;gap:.75rem!important;padding:1rem 1.5rem!important;border-top:1px solid #e8edf3!important;flex-shrink:0!important;background:#fafbfd!important}.mpib-footer-layout{justify-content:space-between!important;align-items:center!important}.mpib-footer-info{font-size:.82rem!important;color:#475569!important;font-weight:500!important}.mpib-footer-actions{display:flex!important;gap:.65rem!important;align-items:center!important}.btn-batal-bm,.btn-simpan-bm{display:flex!important;align-items:center!important;gap:.4rem!important;padding:.575rem 1.375rem!important;border-radius:9px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease!important;font-family:inherit!important}.btn-batal-bm{background:#fff!important;color:#475569!important;border:1.5px solid #e2e8f0!important}.btn-batal-bm:hover:not(:disabled){background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1e293b40!important}.btn-simpan-bm{background:#1e293b!important;color:#fff!important;border:1.5px solid #1e293b!important;min-width:100px!important;justify-content:center!important}.btn-simpan-bm:hover:not(:disabled){background:#1e293b!important;border-color:#1e293b!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #0f172a47!important}.btn-batal-bm:disabled,.btn-simpan-bm:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@media(max-width:640px){.mpib-modal{width:96%!important;max-height:94vh!important;border-radius:16px!important}.mpib-footer-layout{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.mpib-footer-actions{justify-content:flex-end!important}.btn-batal-bm,.btn-simpan-bm{flex:1!important;justify-content:center!important}.mpib-stats-row{display:none!important}}@media(max-width:480px){.modal-header-bm{padding:1rem 1.125rem!important}.modal-footer-bm{padding:.875rem 1.125rem!important}.modal-title-bm{font-size:.975rem!important}.mpib-search-bar{padding:.75rem 1rem!important}.mpib-body{padding:.75rem .875rem!important}.mpib-search-input{font-size:.875rem!important}}@media(max-width:360px){.mpib-modal{width:98%!important;border-radius:12px!important}}.theme-admin .mpib-search-input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.theme-admin .btn-simpan-bm{background:#1e293b!important;border-color:#1e293b!important}.theme-admin .btn-simpan-bm:hover:not(:disabled){background:#1e293b!important;border-color:#1e293b!important}.theme-admin .btn-batal-bm:hover:not(:disabled){background:#1e293b!important;border-color:#1e293b!important}.theme-admin .mpib-sel-all-btn:hover{border-color:#1e293b!important;color:#1e293b!important}.theme-staff .mpib-search-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .mpib-search-clear:hover,.theme-staff .mpib-stat-active{color:#15803d!important}.theme-staff .mpib-sel-all-btn:hover{border-color:#15803d!important;color:#15803d!important;background:#f0fdf4!important}.theme-staff .mpib-group-open{background:#f0fdf4!important;border-bottom-color:#bbf7d0!important}.theme-staff .mpib-item-checked{border-color:#15803d!important;background:#f0fdf4!important}.theme-staff .mpib-icon-checked{color:#15803d!important}.theme-staff .btn-simpan-bm{background:#15803d!important;border-color:#15803d!important;box-shadow:0 2px 6px #15803d47!important}.theme-staff .btn-simpan-bm:hover:not(:disabled){background:#166534!important;border-color:#166534!important;box-shadow:0 4px 12px #15803d59!important}.theme-staff .btn-batal-bm:hover:not(:disabled){background:#15803d!important;border-color:#15803d!important;box-shadow:0 4px 12px #15803d40!important}.page-delete-peminjaman{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdp-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:99999;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:600;box-shadow:0 8px 24px #00000024;animation:pdp-toast-in .3s cubic-bezier(.16,1,.3,1);max-width:380px}@keyframes pdp-toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pdp-toast-success{background:#f0fdf4;border:1.5px solid #86efac;color:#15803d}.pdp-toast-error{background:#fef2f2;border:1.5px solid #fca5a5;color:#b91c1c}.pdp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pdp-header-left{display:flex;align-items:center;gap:.875rem}.pdp-btn-back{width:34px!important;height:34px!important;min-width:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;flex-shrink:0!important;padding:0!important}.pdp-btn-back svg{display:block!important;pointer-events:none!important}.pdp-btn-back:hover{border-color:#1e293b!important;background:#1e293b!important;color:#fff!important;transform:translate(-2px)!important}.pdp-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#f87171,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #dc26264d}.pdp-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.025em}.pdp-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.pdp-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;color:#78350f;font-size:.875rem;margin-bottom:1rem;line-height:1.6}.pdp-warning-banner svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.pdp-error{padding:.875rem 1.25rem;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.pdp-error p{margin:0}.page-delete-peminjaman .pdp-stats{display:flex!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-peminjaman .pdp-stat-card{flex:1!important;min-width:90px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem .8rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.15rem!important;transition:all .18s ease!important;box-shadow:0 1px 3px #0000000a!important}.page-delete-peminjaman .pdp-stat-card:hover{border-color:#c5d0de!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)!important}.page-delete-peminjaman .pdp-stat-num{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1!important}.page-delete-peminjaman .pdp-stat-label{font-size:.7rem!important;color:#718096!important;font-weight:600!important;text-align:center!important}.page-delete-peminjaman .pdp-search-wrapper{display:flex!important;width:100%!important;align-items:center!important;gap:.5rem!important;margin-bottom:.75rem!important;flex-wrap:wrap!important}.page-delete-peminjaman .pdp-search-box{flex:1!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;padding:0 .75rem!important;height:34px!important;transition:all .2s ease!important}.page-delete-peminjaman .pdp-search-box:focus-within{border-color:#1e293b!important;box-shadow:0 0 0 3px #1e293b17!important}.page-delete-peminjaman .pdp-search-icon{color:#94a3b8!important;flex-shrink:0!important;margin-right:.625rem!important}.page-delete-peminjaman .pdp-search-input{flex:1!important;border:none!important;background:transparent!important;padding:0!important;font-size:.9rem!important;color:#1e293b!important;outline:none!important;height:100%!important;font-family:inherit!important}.page-delete-peminjaman .pdp-search-input::placeholder{color:#cbd5e1!important}.page-delete-peminjaman .pdp-search-clear{background:none!important;border:none!important;cursor:pointer!important;padding:2px!important;color:#94a3b8!important;display:flex!important;align-items:center!important;border-radius:4px!important;transition:color .15s!important}.page-delete-peminjaman .pdp-search-clear:hover{color:#475569!important}.pdp-bulk-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.pdp-btn-bulk-restore{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #86efac!important;background:#f0fdf4!important;color:#15803d!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdp-btn-bulk-restore:hover:not(:disabled){background:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px)!important}.pdp-btn-bulk-restore:disabled{opacity:.45!important;cursor:not-allowed!important}.pdp-btn-bulk-danger{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #fca5a5!important;background:#fff5f5!important;color:#b91c1c!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.pdp-btn-bulk-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important;transform:translateY(-1px)!important}.pdp-btn-bulk-danger:disabled{opacity:.45!important;cursor:not-allowed!important}.pdp-bulk-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0000001f!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;padding:.05rem .45rem!important;min-width:18px!important;line-height:1.4!important}.pdp-bulk-badge-green{background:#15803d26!important}.page-delete-peminjaman .pdp-btn-refresh{display:flex!important;align-items:center!important;gap:.4rem!important;padding:0 .8rem!important;height:34px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important;font-family:inherit!important;flex-shrink:0!important;white-space:nowrap!important}.page-delete-peminjaman .pdp-btn-refresh:hover:not(:disabled){border-color:#94a3b8!important;background:#f8fafc!important;transform:translateY(-1px)!important}.page-delete-peminjaman .pdp-btn-refresh:disabled{opacity:.45!important;cursor:not-allowed!important}.pdp-spinning{animation:pdp-spin 1s linear infinite}@keyframes pdp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdp-table-wrapper{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a;-webkit-overflow-scrolling:touch}.pdp-loading{position:absolute;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:12px}.pdp-loading p{font-size:.875rem;color:#1a2332;font-weight:500;margin:0}.pdp-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1e293b;border-radius:50%;animation:pdp-spin .8s linear infinite}.pdp-table-wrapper .tabulator{border:none!important;border-radius:0!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;background:#fff!important}.pdp-tab-id-badge{display:inline-block;background:#f4f7fa;color:#718096;font-size:.8rem;font-weight:700;padding:.2rem .55rem;border:1px solid #e2e8f0;border-radius:4px;font-family:Courier New,monospace}.pdp-tab-code{font-family:Courier New,monospace!important;font-weight:700!important;color:#1a2332!important}.pdp-tab-no-val{color:#a0aec0;font-weight:400}.pdp-tab-user{color:#1a2332;font-weight:500;font-size:.88rem}.pdp-tab-user-badge{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600;background:#e0f2fe;color:#0369a1;white-space:nowrap}.pdp-tab-badge{display:inline-block;padding:.28rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.pdp-tab-badge-approved{background:#dcfce7;color:#15803d}.pdp-tab-badge-draft{background:#fef3c7;color:#92400e}.pdp-tab-badge-returned{background:#dbeafe;color:#1d4ed8}.pdp-tab-date-deleted{color:#dc2626;font-size:.85rem;font-weight:500}.pdp-tab-placeholder{padding:3rem 1rem;text-align:center;color:#718096;font-size:.95rem;font-weight:500}.pdp-confirm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:pdp-fadeIn .2s ease-out}.pdp-confirm-modal{background:#fff;border-radius:18px;padding:2rem 2.25rem;max-width:430px;width:92%;box-shadow:0 0 0 1px #0000000f,0 24px 60px #0f172a33;text-align:center;animation:pdp-scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pdp-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdp-fadeIn{0%{opacity:0}to{opacity:1}}.pdp-confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem}.pdp-confirm-icon.danger{background:#fee2e2;color:#b91c1c}.pdp-confirm-icon.success{background:#dcfce7;color:#15803d}.pdp-confirm-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .625rem;letter-spacing:-.015em}.pdp-confirm-message{font-size:.9rem;color:#64748b;line-height:1.65;margin:0 0 1.5rem}.pdp-text-danger{color:#b91c1c;font-weight:700}.pdp-text-success{color:#15803d;font-weight:700}.pdp-confirm-actions{display:flex;gap:.75rem;justify-content:center}.pdp-btn-cancel{padding:.625rem 1.375rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}.pdp-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.pdp-btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.625rem 1.375rem;border:none;border-radius:9px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;color:#fff;font-family:inherit}.confirm-delete{background:#b91c1c}.confirm-delete:hover{background:#991b1b;transform:translateY(-1px);box-shadow:0 4px 12px #b91c1c4d}.confirm-restore{background:#15803d}.confirm-restore:hover{background:#166534;transform:translateY(-1px);box-shadow:0 4px 12px #15803d4d}@media(max-width:768px){.page-delete-peminjaman{padding:1rem}.pdp-header{flex-direction:column;align-items:flex-start}.pdp-stats,.pdp-search-wrapper{flex-wrap:wrap!important}.pdp-bulk-actions{flex-wrap:wrap}.page-delete-peminjaman .pdp-stat-card{flex:1!important;min-width:calc(50% - .5rem)!important}.pdp-table-wrapper{overflow-x:auto!important}#table-delete-peminjaman{min-width:1000px!important}.pdp-confirm-actions{flex-direction:column}.pdp-btn-cancel,.pdp-btn-confirm{width:100%;justify-content:center}}@media(max-width:480px){.pdp-title{font-size:1.35rem}.pdp-confirm-modal{padding:1.5rem 1.25rem}.page-delete-peminjaman .pdp-stat-card{min-width:calc(50% - .5rem)!important}#table-delete-peminjaman{min-width:1000px!important}}.theme-staff .pdp-btn-back:hover{border-color:#15803d!important;background:#15803d!important;color:#fff!important}.theme-staff .page-delete-peminjaman .pdp-search-box:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e17!important}.theme-staff .pdp-spinner{border-top-color:#22c55e!important}