*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1B3664;--navy-dark: #0F2044;--navy-light: #2D5FAA;--navy-50: #EDF2FB;--navy-100: #CDD9F4;--gold: #B8820A;--gold-light: #E0A820;--gold-bg: #FEF3D0;--bg: #EEF2FA;--surface: #FFFFFF;--border: #DCE5F4;--text: #1A2B4A;--text-2: #4A6080;--text-3: #8099BC;--success: #16A34A;--success-bg: #DCFCE7;--danger: #DC2626;--danger-bg: #FEE2E2;--warning: #D97706;--warning-bg: #FEF3C7;--info: #2563EB;--info-bg: #DBEAFE}html,body,#root{width:100%;height:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.dt-scroll::-webkit-scrollbar{display:none}.dt-scroll{scrollbar-width:none}.dropdown-scroll::-webkit-scrollbar{display:none}.dropdown-scroll{scrollbar-width:none;-ms-overflow-style:none}.dropdown-surface{border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 12px 30px #0f204429!important;background:var(--surface)!important;overflow:hidden;isolation:isolate}.dropdown-caption{position:sticky;top:-6px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px -6px 0;padding:15px 11px 8px;background:#fff!important;background-color:#fff!important;border-bottom:1px solid var(--border);box-shadow:0 1px #fff;color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap}.dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s ease,color .12s ease;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option>*{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option-reference{gap:8px}.dropdown-option-reference .dropdown-option-id{flex:0 0 auto}.dropdown-option-reference>.dropdown-option-detail{min-width:0;flex:1;display:flex;align-items:center;gap:6px;overflow:visible;white-space:normal;text-overflow:clip;color:var(--text-3);font-size:10.5px}.dropdown-option-reference .dropdown-option-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option-reference .dropdown-option-weight{flex:0 0 auto;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.dropdown-option:hover,.dropdown-option:focus-visible{background:var(--navy-50);color:var(--navy);outline:none}.dropdown-option.is-active{background:var(--navy-50);color:var(--navy)}select:not([multiple]){-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%234A6080' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:12px 8px!important;padding-right:34px!important;cursor:pointer}select:disabled{background-color:var(--bg)!important;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.recharts-wrapper,.recharts-surface,.recharts-wrapper svg,.recharts-wrapper *:focus,.recharts-surface:focus,.recharts-wrapper:focus,.recharts-wrapper svg:focus{outline:none!important}::selection{background:var(--navy-100);color:var(--navy-dark)}*{transition-property:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mobile-app{min-height:100vh;background:#fff;padding-bottom:88px;color:var(--text)}.m-topbar{position:fixed;z-index:300;top:0;left:0;right:0;height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #E4EAF4;box-shadow:0 3px 12px #17305c0f;will-change:transform;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease}.m-topbar.is-hidden{transform:translateY(-100%);pointer-events:none;box-shadow:none}.m-brand{display:flex;align-items:center;gap:9px}.m-brand>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:900}.m-brand strong,.m-brand small{display:block}.m-brand strong{font-size:12px}.m-brand small,.m-eyebrow,.m-section-heading span,.m-module-bar small,.m-sheet-title small{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--text-3)}.m-top-menu{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:var(--bg);color:var(--navy)}.m-hero{position:relative;overflow:hidden;margin:68px 0 0;padding:31px 22px 27px;border-radius:0 0 25px 25px;background:linear-gradient(145deg,var(--navy-dark),var(--navy));color:#fff;box-shadow:0 13px 28px #0f20442e}.m-hero:after{content:"";position:absolute;width:180px;height:180px;top:-106px;right:-55px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 24px #ffffff09,0 0 0 49px #ffffff06}.m-hero .m-eyebrow{position:relative;z-index:1;color:#bfd0ee}.m-hero h1{position:relative;z-index:1;margin:7px 0 5px;font-size:28px;letter-spacing:-1px}.m-hero p{position:relative;z-index:1;max-width:250px;color:#d7e2f7;font-size:13px;line-height:1.55}.m-section{padding:27px 20px 0}.m-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.m-section-heading h2{margin-top:2px;font-size:17px;letter-spacing:-.4px}.m-section-heading button{border:0;background:transparent;color:var(--gold);font:800 11px inherit}.m-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.m-quick-card{min-height:132px;padding:15px;text-align:left;border:1px solid #E0E8F5;border-radius:17px;background:#fff;box-shadow:0 3px 11px #17305c09;font-family:inherit}.m-quick-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:11px;background:var(--navy-50);color:var(--navy)}.m-quick-card strong,.m-quick-card small{display:block}.m-quick-card strong{font-size:12px}.m-quick-card small{margin-top:4px;font-size:10px;line-height:1.35;color:var(--text-3)}.m-activity{padding-bottom:8px}.m-status-card{display:flex;align-items:center;gap:11px;padding:15px;border-radius:15px;background:#fff;border:1px solid #E0E8F5}.m-status-dot{width:8px;height:8px;align-self:flex-start;margin-top:5px;border-radius:50%;background:var(--gold)}.m-status-card div{flex:1}.m-status-card strong,.m-status-card small{display:block}.m-status-card strong{font-size:11px}.m-status-card small{margin-top:3px;color:var(--text-3);font-size:10px;line-height:1.45}.m-bottom-nav{position:fixed;z-index:950;bottom:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-around;padding:0 10px max(7px,env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #E1E8F4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateZ(0);visibility:visible}.m-bottom-nav button{min-width:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--text-3);font:700 9px inherit}.m-bottom-nav button.is-active{color:var(--navy)}.m-bottom-nav .m-add{width:47px;height:47px;min-width:47px;margin-top:-8px;border:4px solid #F4F7FC;border-radius:50%;background:var(--gold);color:#fff;box-shadow:0 5px 13px #b8820a4d}.m-sheet-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;overscroll-behavior:contain;background:#09163061}.m-sheet{width:100%;max-height:78vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:8px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff}.m-sheet-handle{width:34px;height:4px;margin:0 auto 16px;border-radius:3px;background:#d8e1ef}.m-sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.m-sheet-title h2{margin-top:2px;font-size:19px}.m-sheet-title button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--bg);color:var(--text-2)}.m-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 2px;border:0;border-bottom:1px solid #EDF1F7;background:#fff;color:var(--text);text-align:left;font-family:inherit}.m-menu-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--navy-50);color:var(--navy)}.m-menu-item strong{flex:1;font-size:13px}.m-menu-item>svg{color:var(--text-3)}.m-side-backdrop{align-items:stretch;justify-content:flex-end}.m-side-drawer{width:min(332px,88vw);max-height:none;height:100%;padding:18px 18px calc(24px + env(safe-area-inset-bottom));border-radius:24px 0 0 24px;box-shadow:-12px 0 32px #09163029;animation:m-drawer-in .2s ease-out}.m-side-drawer .m-sheet-handle{display:none}.m-side-drawer .m-sheet-title{margin:2px 2px 15px}.m-account-menu{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px 2px 2px;border-top:1px solid var(--border)}.m-account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold-bg);color:var(--gold);font-size:12px;font-weight:800}.m-account-menu>div:nth-child(2){min-width:0;flex:1}.m-account-menu strong{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.m-account-menu button{display:block;width:auto;height:auto;margin-top:3px;padding:0;border:0;border-radius:0;background:transparent;color:var(--danger);font:700 11px inherit}.m-module-bar{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #E4EAF4;position:fixed;top:0;right:0;left:0;z-index:200;box-shadow:0 3px 12px #17305c0f;will-change:transform;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease}.m-module-bar.is-hidden{transform:translateY(-100%);pointer-events:none;box-shadow:none}.m-module-bar>button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:var(--bg);color:var(--navy)}.m-module-bar>div{flex:1;padding-left:10px}.m-module-bar small,.m-module-bar strong{display:block}.m-module-bar strong{margin-top:1px;font-size:13px}.m-workspace{padding:16px;overflow:hidden;background:#fff}.m-module-bar+.m-workspace{padding-top:78px}.m-workspace>*{min-width:0}.m-today-dashboard{padding:5px 4px 18px}.m-today-intro{padding:18px 4px 20px}.m-today-intro span{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.m-today-intro h2{margin-top:3px;font-size:25px;letter-spacing:-.7px}.m-today-intro p{margin-top:3px;color:var(--text-2);font-size:12px}.m-today-list{display:grid;gap:11px}.m-today-card{width:100%;min-height:86px;display:flex;align-items:center;gap:12px;padding:15px;border:0;border-radius:17px;color:#fff;text-align:left;font-family:inherit;box-shadow:0 8px 18px #17305c21}.m-today-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff29;color:#fff}.m-today-card>div{min-width:0;flex:1}.m-today-card strong,.m-today-card small{display:block}.m-today-card strong{margin-top:3px;font-size:15px}.m-today-card small{color:#ffffffad;font-size:10px}.m-today-card b{max-width:108px;overflow:hidden;color:#fff;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.m-today-card>svg{color:#ffffffa6}.m-today-empty{padding:22px 16px;border:1px dashed var(--navy-100);border-radius:15px;background:#fff;color:var(--text-3);font-size:12px;text-align:center}.m-today-detail-list{display:grid;gap:9px}.m-today-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px 14px;border:1px solid #E0E8F5;border-radius:14px;background:#fff}.m-today-detail span{overflow:hidden;color:var(--gold);font-size:10px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.m-today-detail strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.m-today-detail small{overflow:hidden;color:var(--text-3);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.m-today-detail b{grid-column:2;grid-row:1 / span 3;align-self:center;max-width:118px;overflow:hidden;color:var(--navy);font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.m-today-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;padding-top:9px;border-top:1px solid #E8EDF5}.m-today-metrics span{display:flex;flex-direction:column;overflow:visible;color:var(--text-3);font-size:9px;font-weight:700;letter-spacing:0;text-transform:none;white-space:normal}.m-today-metrics strong{margin-top:2px;color:var(--navy);font-size:10px}@keyframes m-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sidebar-content-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.context-sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}.context-sidebar-scroll::-webkit-scrollbar{display:none}.dt-mobile-pagination{display:none}.dt-toolbar-after-search:has(.absensi-period-mobile){display:none}.daily-summary-desktop{padding:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 5px 18px #17305c0d}.daily-summary-desktop-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(105deg,var(--navy-50),#fff 68%);border-bottom:1px solid var(--border)}.daily-summary-desktop-header>div{max-width:660px}.daily-summary-desktop-header span{color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.75px;text-transform:uppercase}.daily-summary-desktop-header h2{margin:5px 0 4px;color:var(--navy);font-size:21px;letter-spacing:-.45px}.daily-summary-desktop-header p{color:var(--text-2);font-size:12px;line-height:1.55}.daily-summary-desktop-header>b{flex:none;padding:10px 13px;border:1px solid var(--gold-light);border-radius:10px;background:#fff;color:var(--gold);font-size:12px;white-space:nowrap}.daily-summary-desktop .m-summary-date-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;max-width:390px;margin:20px auto}.daily-summary-desktop .m-summary-date-nav>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--navy);cursor:pointer}.daily-summary-desktop .m-summary-date-nav>div{text-align:center}.daily-summary-desktop .m-summary-date-nav span,.daily-summary-desktop .m-summary-date-nav strong,.daily-summary-desktop .m-summary-date-nav small{display:block}.daily-summary-desktop .m-summary-date-nav span{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.daily-summary-desktop .m-summary-date-nav strong{margin-top:2px;color:var(--navy);font-size:19px}.daily-summary-desktop .m-summary-date-nav small{margin-top:1px;color:var(--text-3);font-size:11px}.daily-summary-desktop .m-today-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:0 20px 22px}.daily-summary-desktop .m-today-card{min-height:126px;align-items:flex-start;padding:18px;cursor:default}.daily-summary-desktop .m-today-card>span{width:44px;height:44px}.daily-summary-desktop .m-today-card strong{font-size:16px}.daily-summary-desktop .m-today-card em{display:block;margin-top:5px;color:#ffffffb8;font-size:11px;font-style:normal;line-height:1.4}.daily-summary-desktop .m-today-card b{max-width:118px;padding-top:2px}.daily-summary-desktop .m-today-list{grid-template-columns:1fr}.daily-summary-desktop .m-today-card{min-height:156px;padding:22px;cursor:pointer}.daily-summary-desktop .m-today-card>span{width:48px;height:48px}.daily-summary-desktop .m-today-card b{max-width:150px;font-size:13px}.daily-summary-desktop-header .m-summary-date-nav{flex:none;margin:0}.daily-summary-card-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;margin:9px 0 0;padding:0;list-style:none}.daily-summary-card-items li{overflow:hidden;color:#ffffffc2;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.daily-summary-card-items li:before{content:"•";margin-right:5px;color:var(--gold-light)}.daily-summary-detail{margin:0 20px 22px;border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.daily-summary-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--navy-50);border-bottom:1px solid var(--border)}.daily-summary-detail-header span{display:block;color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.daily-summary-detail-header h3{margin-top:2px;color:var(--navy);font-size:16px}.daily-summary-detail-header button{padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);font:700 11px inherit;cursor:pointer}.daily-summary-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.daily-summary-detail-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:11px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.daily-summary-detail-list article:nth-child(2n){border-right:0}.daily-summary-detail-list small,.daily-summary-detail-list strong{display:block}.daily-summary-detail-list small{color:var(--text-3);font-size:10px}.daily-summary-detail-list strong{margin-top:3px;overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.daily-summary-detail-list b{flex:none;color:var(--gold);font-size:12px}.daily-summary-desktop .m-today-list{padding:14px 20px 22px}.daily-summary-desktop .m-today-card{min-height:132px;align-items:center;gap:20px;padding:22px 28px}.daily-summary-desktop .m-today-card>span{width:52px;height:52px}.daily-summary-desktop .m-today-card>div{display:flex;flex-direction:column;justify-content:center}.daily-summary-desktop .m-today-card strong{order:1;margin:0;font-size:22px;letter-spacing:-.35px}.daily-summary-desktop .m-today-card .daily-summary-card-count{order:2;margin-top:4px;color:#ffffffe0;font-size:15px;font-weight:750}.daily-summary-desktop .m-today-card em{order:3;margin-top:8px;color:#ffffffad;font-size:11px}.daily-summary-desktop .m-today-card b{align-self:center;max-width:none;margin-left:auto;color:#fff;font-size:22px;text-align:right}.daily-summary-desktop .daily-summary-detail{grid-column:1;margin:0 0 2px;animation:daily-summary-detail-in .24s ease-out both}.daily-summary-desktop .daily-summary-detail-list article{background:#fff}.daily-summary-conversion-value{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.daily-summary-desktop .m-today-card .daily-summary-conversion-value strong{color:#fff;font-size:18px;white-space:nowrap}.daily-summary-conversion-value small{color:#ffffffb8;font-size:12px;font-weight:650}.daily-summary-conversion-value small:before{content:""}@keyframes daily-summary-detail-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.daily-summary-detail-list .daily-summary-detail-weight{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--navy)}.daily-summary-detail-list .daily-summary-detail-weight strong{color:var(--navy);font-size:12px}.daily-summary-detail-list .daily-summary-detail-weight small{color:var(--text-3);font-size:10px}.lunas-gauge{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:54px}.lunas-gauge strong{font-size:12px;font-variant-numeric:tabular-nums}.lunas-gauge-track{width:54px;height:4px;overflow:hidden;border-radius:99px;background:var(--border)}.lunas-gauge-track>span{display:block;height:100%;border-radius:inherit;transition:width .2s ease}@media (max-width:767px){.desktop-section-kpi{display:none!important}.mobile-app .page-header{margin-bottom:16px!important}.mobile-app .page-header-actions{display:none!important}.mobile-app .kpi-banner{align-items:flex-start!important;gap:15px!important;padding:16px!important;border-radius:16px!important}.mobile-app .kpi-banner>div:first-child{width:100%}.mobile-app .kpi-banner>div:nth-child(2){width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.mobile-app .kpi-banner>div:nth-child(2)>div{padding:10px;text-align:left!important;border-radius:10px;background:#ffffff1a}.mobile-app .kpi-banner>div:nth-child(2)>div:last-child:nth-child(odd){grid-column:1 / -1}.mobile-app .kpi-banner>div:nth-child(2)>div>div:last-child{font-size:14px!important}.mobile-app .app-tabs{width:calc(100% + 32px);overflow-x:auto;gap:7px!important;margin:0 -16px 16px!important;padding:0 16px 8px;border-bottom:0!important;scrollbar-width:none}.mobile-app .app-tabs::-webkit-scrollbar{display:none}.mobile-app .app-tabs button{flex:none;padding:8px 13px!important;border:1px solid var(--border)!important;border-radius:999px!important;margin:0!important;white-space:nowrap}.mobile-app .app-tabs button.is-active{border-color:var(--gold)!important}.mobile-app .m-workspace{overflow:visible}.mobile-app .m-workspace>div>div[style*="border:"]{border:0!important;border-radius:0!important;box-shadow:none!important}.mobile-app .app-tabs{position:sticky;z-index:190;top:62px;padding-top:10px;background:#fff}.mobile-app .data-table-toolbar{position:sticky;z-index:180;top:62px;margin:0 -16px;padding:0 16px 12px;background:#fff;border-bottom:1px solid #E4EAF4}.mobile-app .app-tabs+.data-table .data-table-toolbar{top:112px}.mobile-app[data-nav-hidden=true] .app-tabs+.data-table .data-table-toolbar{top:50px}.mobile-app .data-table-toolbar+.dt-scroll{border-top:0!important;padding-top:24px}.mobile-app .app-tabs{z-index:300}.mobile-app .m-workspace:has(.app-tabs) .data-table-toolbar{z-index:290;top:112px}.mobile-app .app-tabs{position:sticky;top:62px;right:0;left:0;width:calc(100% + 32px)!important;margin:0 -16px!important;padding:10px 16px 8px!important;background:#fff}.mobile-app .data-table-toolbar{position:sticky;top:62px;right:0;left:0;width:calc(100% + 32px)!important;margin:0 -16px!important;padding:8px 16px 12px;background:#fff}.mobile-app .m-workspace:has(.app-tabs) .data-table-toolbar{top:112px}.mobile-app[data-nav-hidden=true] .app-tabs,.mobile-app[data-nav-hidden=true] .data-table-toolbar{top:0}.mobile-app[data-nav-hidden=true] .m-workspace:has(.app-tabs) .data-table-toolbar{top:50px}.mobile-app .app-tabs,.mobile-app .data-table-toolbar{isolation:isolate;background:#fff!important}.mobile-app .app-tabs:before,.mobile-app .data-table-toolbar:before{content:"";position:absolute;z-index:-1;top:-8px;right:-16px;bottom:-8px;left:-16px;background:#fff;pointer-events:none}.mobile-app .data-table-toolbar{align-items:stretch!important}.mobile-app .data-table-toolbar>div:first-child{max-width:none!important;min-width:0!important;width:100%}.mobile-app .data-table-toolbar>div:first-child input{max-width:none!important}.mobile-app .data-table-toolbar>div:nth-child(2){width:100%;justify-content:flex-end}.mobile-app .dt-mobile-pagination{display:flex;align-items:center;gap:4px;margin-right:auto}.mobile-app .dt-mobile-pagination button,.mobile-app .dt-mobile-pagination span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);font:700 13px inherit}.mobile-app .dt-mobile-pagination button{cursor:pointer}.mobile-app .dt-mobile-pagination button:disabled{opacity:.35;cursor:default}.mobile-app .dt-mobile-pagination span{border-color:var(--navy);background:var(--navy);color:#fff}.mobile-app .dt-pagination{display:none!important}.mobile-app .dt-scroll{overflow:visible!important;max-height:none!important;border:0!important;background:transparent}.mobile-app .dt-table,.mobile-app .dt-table tbody,.mobile-app .dt-table tr,.mobile-app .dt-table td{display:block;width:100%}.mobile-app .dt-table thead{display:none}.mobile-app .dt-table tr{margin-bottom:10px;padding:4px 13px;border:1px solid var(--border)!important;border-radius:14px;background:#fff;box-shadow:0 2px 8px #17305c09}.mobile-app .dt-table td{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);gap:10px;padding:8px 0!important;border-bottom:1px solid #EDF1F7;text-align:right!important;white-space:normal!important;font-size:12px}.mobile-app .dt-table td:last-child{border-bottom:0}.mobile-app .dt-table td:before{content:attr(data-label);color:var(--text-3);font-size:9px;font-weight:800;letter-spacing:.35px;text-align:left;text-transform:uppercase}.mobile-app .dt-table td[colspan]{display:block;padding:26px 8px!important;text-align:center!important}.mobile-app .dt-table td[colspan]:before{display:none}.mobile-app .dt-table td[data-mobile-primary=false]{display:none!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;padding:14px}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot]{display:block;width:auto;min-width:0;padding:7px 0!important;border-bottom:1px solid #EDF1F7;text-align:left!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot]:before{display:none}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=pabrik]{grid-column:1}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=supir],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=status]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=supir]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat]{grid-row:2}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=pabrik],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=status]{grid-row:3;border-bottom:0}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=id]{color:var(--navy);font-size:13px}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=supir],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat]{color:var(--text-2)}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat]:before,.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=status]:before{display:block;float:left;content:attr(data-label);color:var(--text-3);font-size:9px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk],.mobile-app .dt-table tr[data-mobile-card-layout=konversi],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;position:relative;padding:14px}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot]{display:block;width:auto;min-width:0;padding:7px 0!important;border-bottom:1px solid #EDF1F7;text-align:left!important}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot]:before{display:none}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=nama]{grid-column:1}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=jenis],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=ka],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=keluar],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=sisa],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=keluar],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=sisa]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=jenis],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=hpp]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=ka],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=keluar],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=keluar]{grid-row:2}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=sisa],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=sisa]{grid-row:3;border-bottom:0}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=id]{color:var(--navy);font-size:13px}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=jenis]:before,.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=ka]:before,.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=hpp]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=hpp]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=keluar]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=sisa]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=hpp]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=keluar]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=sisa]:before{display:block;float:left;content:attr(data-label);color:var(--text-3);font-size:9px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.mobile-app .dt-table tr[data-mobile-card-layout=konversi]{padding-top:42px}.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=status]{position:absolute;top:11px;right:14px;padding:0!important;border:0}.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah]{padding-top:42px}.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=jenis]{position:absolute;top:11px;left:14px;padding:0!important;border:0}.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=status]{position:absolute;top:11px;right:14px;padding:0!important;border:0}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot]:before{display:none!important;content:none!important}.mobile-app .dt-table tr[data-mobile-card-layout=konversi]:before,.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah]:before{content:"";position:absolute;top:0;right:0;left:0;height:37px;border-bottom:1px solid var(--navy-dark);border-radius:14px 14px 0 0;background:var(--navy);pointer-events:none}.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=status],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=jenis],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=status]{z-index:1}.mobile-app .dt-table tr[data-mobile-card-layout]{--m-card-content-top:14px;row-gap:5px;border-color:#d6e3f5!important;background:#fff;box-shadow:0 7px 18px #17305c0f}.mobile-app .dt-table tr[data-mobile-card-layout]:after{content:"";position:absolute;top:var(--m-card-content-top);bottom:14px;left:50%;width:1px;background:#e5edf8;pointer-events:none}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot]{position:relative;z-index:1;padding:5px 0!important;border-bottom:0!important;line-height:1.35}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=id]{font-weight:800;letter-spacing:.1px}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=nama],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=pabrik],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=supir]{color:var(--text-2);font-size:11px}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=hpp],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=berat],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=keluar],.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=sisa]{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.mobile-app .dt-table tr[data-mobile-card-layout=konversi],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah]{padding-top:46px;--m-card-content-top:46px}.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=status],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=status]{position:absolute!important;z-index:2;top:9px;right:14px;width:auto;padding:0!important;border:0!important}.mobile-app .dt-table tr[data-mobile-card-layout]{position:relative;padding-top:46px;--m-card-content-top:46px}.mobile-app .dt-table tr[data-mobile-card-layout]:before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:37px;border-bottom:1px solid var(--navy-dark);border-radius:14px 14px 0 0;background:var(--navy);pointer-events:none}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=status]{position:absolute!important;z-index:2;top:9px;right:14px;width:auto;padding:0!important;border:0!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=supir]{grid-column:1;text-align:left!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=vendor],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=pabrik],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=vendor]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=tanggal],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=pabrik]{grid-row:2}.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=supir],.mobile-app .dt-table tr[data-mobile-card-layout=pengiriman] td[data-mobile-slot=berat]{grid-row:3;border-bottom:0}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-slot=status]{position:absolute!important;z-index:2;top:9px;right:14px;left:auto;width:auto;padding:0!important;border:0!important}.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=jenis]{position:absolute!important;z-index:2;top:9px;left:14px;width:auto;padding:0!important;border:0!important}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge{position:absolute!important;z-index:4;top:9px;right:14px;left:auto;width:auto!important;min-width:0;padding:0!important;border:0!important}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge{position:static!important;visibility:hidden}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge .dt-mobile-header-badge-content{position:absolute;z-index:5;top:9px;right:14px;visibility:visible;white-space:nowrap}.mobile-app .dt-table tr[data-mobile-card-layout=primary]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;position:relative;padding:46px 14px 14px;--m-card-content-top:46px}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index]{display:block;width:auto;min-width:0;position:relative;z-index:1;padding:5px 0!important;border:0!important;line-height:1.35}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index]:before{display:none!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="0"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="1"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="2"]{grid-column:1;text-align:left!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="3"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="4"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="5"]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="0"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="3"]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="1"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="4"]{grid-row:2}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="2"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="5"]{grid-row:3}.mobile-app .dt-table tr[data-mobile-card-layout=two-row]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;position:relative;padding:46px 14px 14px;--m-card-content-top:46px}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index]{display:block;width:auto;min-width:0;position:relative;z-index:1;padding:5px 0!important;border:0!important;line-height:1.35}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index]:before{display:none!important}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="0"],.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="1"]{grid-column:1;text-align:left!important}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="2"],.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="3"]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="0"],.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="2"]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="1"],.mobile-app .dt-table tr[data-mobile-card-layout=two-row] td[data-mobile-primary-index="3"]{grid-row:2}.mobile-detail-modal,.modal-backdrop:has(.detail-footer-actions){align-items:stretch!important;padding:0!important;background:#fff!important}.mobile-detail-modal .modal-surface,.modal-backdrop:has(.detail-footer-actions) .modal-surface{width:100%!important;max-width:none!important;max-height:none!important;height:100%;border-radius:0!important;box-shadow:none!important}.mobile-detail-modal .dt-scroll [style*=grid-template-columns],.modal-backdrop:has(.detail-footer-actions) .dt-scroll [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-detail-modal .pembelian-detail-header{padding:15px 18px!important}.mobile-detail-modal .pembelian-detail-content{padding:16px!important;gap:12px!important}.mobile-detail-modal .pembelian-detail-overview{grid-template-columns:1fr!important;gap:12px!important}.mobile-detail-modal .pembelian-detail-total{align-items:flex-start!important;flex-direction:column;gap:4px;padding:16px 18px!important;border-radius:16px!important}.mobile-detail-modal .pembelian-detail-total>div:last-child{font-size:24px!important}.mobile-detail-modal .detail-delete-action,.mobile-detail-modal .detail-edit-action,.mobile-detail-modal .mobile-detail-edit-action,.modal-backdrop:has(.detail-footer-actions) .detail-delete-action,.modal-backdrop:has(.detail-footer-actions) .detail-edit-action{display:none!important}.mobile-detail-modal .detail-footer-actions>div:last-child,.modal-backdrop:has(.detail-footer-actions) .detail-footer-actions>div:last-child{width:100%}.mobile-detail-modal .detail-close-action,.modal-backdrop:has(.detail-footer-actions) .detail-close-action{width:100%;padding:11px 18px!important}.mobile-detail-modal .mobile-detail-footer{position:sticky;bottom:0;z-index:10}.mobile-detail-modal .mobile-detail-footer>button{width:100%;justify-content:center;padding:11px 18px}.mobile-app.m-home{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-height:100dvh;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-app.m-home .m-section{padding-bottom:0}.fifo-shipment-table-wrap{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.fifo-shipment-table{min-width:680px!important;table-layout:auto!important}.mobile-detail-duplicate-action,.mobile-detail-modal .mobile-detail-delete-action,.mobile-detail-modal .mobile-detail-edit-action{display:none!important}.mobile-detail-modal .kendaraan-detail-footer>div:last-child{justify-content:center!important}.mobile-detail-modal .mobile-detail-close-action{min-width:min(100%,240px);justify-content:center}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=ka-top],.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=berat]{grid-column:2;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=ka-top]{grid-row:1}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=berat]{grid-row:2}.m-side-drawer{display:flex;flex-direction:column;border-radius:0}.m-side-drawer .m-account-menu{margin-top:auto;padding-top:16px}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge{display:block!important}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge.dt-mobile-header-badge-badge-left .dt-mobile-header-badge-content{right:auto;left:14px}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge.dt-mobile-header-badge-badge-right .dt-mobile-header-badge-content{right:14px;left:auto}.m-summary-date-nav{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:18px 4px 20px}.m-summary-date-nav>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--navy)}.m-summary-date-nav>div{min-width:0;text-align:center}.m-summary-date-nav span,.m-summary-date-nav strong,.m-summary-date-nav small{display:block}.m-summary-date-nav span{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.m-summary-date-nav strong{margin-top:3px;color:var(--text);font-size:18px}.m-summary-date-nav small{margin-top:3px;color:var(--text-2);font-size:11px}.mobile-app .m-screen-dashboard [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-app .m-screen-dashboard [style*=grid-template-columns]>*{min-width:0}.mobile-app .absensi-recap-card>div{border:0!important;border-radius:0!important;box-shadow:none!important}.mobile-app .absensi-recap-toolbar{display:none!important}.mobile-app .absensi-recap-table{padding:0!important}.mobile-app .absensi-recap-table .dt-toolbar-after-search:has(.absensi-period-mobile){display:flex;width:100%}.mobile-app .absensi-period-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.mobile-app .absensi-period-mobile>span{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.mobile-app .absensi-period-mobile>div{width:148px}.mobile-app .absensi-presence-rate>div{display:none}.mobile-app .absensi-presence-rate{justify-content:flex-end!important}.absensi-history-modal .dt-scroll{padding:16px!important}.absensi-history-modal .absensi-history-content{min-height:100%}.absensi-history-modal .absensi-history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.absensi-history-modal .absensi-history-calendar{gap:5px!important}.absensi-history-modal .absensi-calendar-cell{pointer-events:none}.absensi-history-modal .absensi-history-edit-note{display:none}.absensi-history-modal .absensi-history-close-wrap{justify-content:center!important;padding-top:4px}.absensi-history-modal .mobile-detail-close-action{width:min(100%,240px);justify-content:center}.mobile-app .absensi-view{gap:8px!important}.mobile-app .absensi-view .page-header{margin-bottom:0!important}.mobile-app .absensi-recap-card>div{overflow:visible!important}.mobile-app .absensi-recap-table .data-table-toolbar>div:last-child{width:100%;justify-content:flex-end}.mobile-app .absensi-recap-table .dt-scroll{padding-top:16px!important}.mobile-app .absensi-recap-table .dt-table tr:first-child{margin-top:10px}.mobile-app .m-screen-dashboard .transaksi-dashboard{gap:14px!important}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child{flex-direction:column!important;gap:12px}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child{width:100%;align-items:stretch!important;margin-top:0!important}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child>div{width:100%}.mobile-app .m-screen-dashboard .transaksi-dashboard [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-app .m-screen-dashboard .transaksi-dashboard [style*=grid-template-columns]>*{min-width:0}.mobile-app .m-screen-dashboard .operasional-dashboard{gap:14px!important}.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child{flex-direction:column!important;gap:12px}.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child{width:100%;align-items:stretch!important;margin-top:0!important}.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child>div{width:100%;min-width:0}.mobile-app .m-screen-dashboard .operasional-dashboard [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-app .m-screen-dashboard .operasional-dashboard [style*=grid-template-columns]>*{min-width:0}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child>div:first-child,.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child>div:first-child{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child>div:first-child button,.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child>div:first-child button{flex:0 0 auto;white-space:nowrap}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child,.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child{align-items:center!important}.mobile-app .m-screen-dashboard .transaksi-dashboard>div:first-child>div:last-child>div:first-child,.mobile-app .m-screen-dashboard .operasional-dashboard>div:first-child>div:last-child>div:first-child{width:100%!important;justify-content:center}.mobile-app .laporan-module{gap:14px!important}.mobile-app .laporan-module [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.mobile-app .laporan-module [style*=grid-template-columns]>*{min-width:0}.mobile-app .laporan-header{align-items:stretch!important;flex-direction:column!important;gap:14px!important;padding:18px!important;border-radius:14px!important}.mobile-app .laporan-header h1{font-size:18px!important}.mobile-app .laporan-header-period,.mobile-app .laporan-header-period>div{width:100%!important}.mobile-app .laporan-module [style*=overflowX]{-webkit-overflow-scrolling:touch}.mobile-app .laporan-module table{font-size:11px!important}.mobile-app .laporan-module>.laporan-header{position:sticky;z-index:180;top:62px;box-shadow:0 8px 18px #17305c1f;transition:top .32s cubic-bezier(.22,.61,.36,1)}.mobile-app[data-nav-hidden=true] .laporan-module>.laporan-header{top:0}.mobile-app .laporan-module .laporan-pl-table-scroll{overflow:auto!important;-webkit-overflow-scrolling:touch}.mobile-app .laporan-module .laporan-pl-table{min-width:560px!important;font-size:12px!important}.mobile-app .laporan-module>.laporan-header:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;bottom:-16px;left:-16px;background:#fff;pointer-events:none}.mobile-app .laporan-header-fixed{position:sticky;z-index:180;top:62px;isolation:isolate;transition:top .32s cubic-bezier(.22,.61,.36,1)}.mobile-app[data-nav-hidden=true] .laporan-header-fixed{top:0}.mobile-app .laporan-header-fixed:before{content:"";position:absolute;z-index:0;top:-16px;right:-16px;bottom:-16px;left:-16px;background:#fff;pointer-events:none}.mobile-app .laporan-header-fixed>.laporan-header{position:relative;z-index:1;box-shadow:0 8px 18px #17305c1f}.mobile-app .m-topbar,.mobile-app .m-module-bar{background:var(--navy-dark);border-bottom:2px solid var(--gold);box-shadow:0 4px 14px #09163040}.mobile-app .m-brand>span{background:var(--gold);color:#fff;box-shadow:0 3px 8px #b8820a47}.mobile-app .m-brand strong,.mobile-app .m-module-bar strong{color:#fff}.mobile-app .m-brand small,.mobile-app .m-module-bar small{color:#ffffff85}.mobile-app .m-top-menu,.mobile-app .m-module-bar>button{background:#ffffff14;color:var(--gold-light);border:1px solid rgba(255,255,255,.12)}.mobile-app .m-topbar,.mobile-app .m-module-bar{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-app .m-bottom-nav{border-top:1px solid rgba(255,255,255,.12)}.mobile-app .m-topbar.is-hidden,.mobile-app .m-module-bar.is-hidden{box-shadow:none!important;border-bottom-color:transparent!important}.mobile-app .m-bottom-nav button.is-active:before{display:none}.mobile-bottom-nav{position:fixed!important;z-index:950!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box;transform:none!important;background:var(--navy-dark)!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -5px 16px #0916302e}.mobile-bottom-nav button{position:relative;color:#ffffff94}.mobile-bottom-nav button.is-active{color:var(--gold-light)}.mobile-bottom-nav button.is-active:before{display:none}.mobile-app .m-bottom-nav{background:var(--navy-dark);border-top:2px solid var(--gold);box-shadow:0 -5px 16px #0916302e}.mobile-app .m-bottom-nav button{position:relative;color:#ffffff94}.mobile-app .m-bottom-nav button.is-active{color:var(--gold-light)}.mobile-app .m-bottom-nav button.is-active:before{content:"";position:absolute;top:-10px;width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--gold);box-shadow:0 2px 6px #b8820a73}.mobile-app .m-sheet:not(.m-side-drawer){background:var(--navy-dark);color:#fff;box-shadow:0 -12px 32px #09163052}.mobile-app .m-sheet:not(.m-side-drawer) .m-sheet-handle{background:var(--gold)}.mobile-app .m-sheet:not(.m-side-drawer) .m-sheet-title small{color:#ffffff73}.mobile-app .m-sheet:not(.m-side-drawer) .m-sheet-title h2{color:#fff}.mobile-app .m-sheet:not(.m-side-drawer) .m-sheet-title button{background:#ffffff17;color:var(--gold-light)}.mobile-app .m-sheet:not(.m-side-drawer) .m-menu-item{border-bottom-color:#ffffff1a;background:transparent;color:#ffffffe0}.mobile-app .m-sheet:not(.m-side-drawer) .m-menu-item>span{background:#ffffff17;color:var(--gold-light)}.mobile-app .m-sheet:not(.m-side-drawer) .m-menu-item>svg{color:#ffffff6b}.mobile-app .m-side-drawer{background:var(--navy-dark);color:#fff;box-shadow:-12px 0 32px #09163057}.mobile-app .m-side-drawer .m-sheet-title small{color:#ffffff73}.mobile-app .m-side-drawer .m-sheet-title h2{color:#fff}.mobile-app .m-side-drawer .m-sheet-title button{background:#ffffff17;color:var(--gold-light)}.mobile-app .m-side-drawer .m-menu-item{border-bottom-color:#ffffff1a;background:transparent;color:#ffffffe0}.mobile-app .m-side-drawer .m-menu-item>span{background:#ffffff17;color:var(--gold-light)}.mobile-app .m-side-drawer .m-menu-item>svg{color:#ffffff6b}.mobile-app .m-side-drawer .m-account-menu{border-top-color:#ffffff29}.mobile-app .m-side-drawer .m-account-avatar{background:var(--gold);color:#fff}.mobile-app .m-side-drawer .m-account-menu strong{color:#fff}.mobile-app .m-side-drawer .m-account-menu button{color:var(--gold-light)}.mobile-app .m-sheet .m-menu-item.is-active{background:#b8820a38;color:#fff}.mobile-app .m-sheet .m-menu-item.is-active>span{background:var(--gold);color:#fff}.mobile-app .m-sheet .m-menu-item.is-active>svg{color:var(--gold-light)}.mobile-app .m-sheet .m-menu-item{margin:3px 0;padding:12px 10px;border-bottom:0;border-radius:10px}.mobile-app .m-sheet .m-menu-item.is-active{background:#ffffff14;box-shadow:none}.mobile-app .m-sheet .m-menu-item.is-active>span{box-shadow:0 3px 8px #b8820a40}.mobile-app .laporan-subtabs{align-items:stretch!important;flex-direction:column!important;gap:8px!important;overflow:hidden}.mobile-app .laporan-subtabs>span{width:100%}.mobile-app .laporan-subtabs>div:nth-child(2){width:100%!important;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-app .laporan-subtabs>div:nth-child(2)>button{flex:0 0 auto;white-space:nowrap}.mobile-app .laporan-subtabs>div:last-child{display:none}.mobile-app .dashboard-chart-card{min-width:0;overflow:hidden;padding:18px!important}.mobile-app .dashboard-chart-card-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important}.mobile-app .dashboard-chart-card-copy{min-width:0}.mobile-app .dashboard-chart-card-action{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-app .dashboard-chart-card-action>div{width:max-content}.mobile-app .dashboard-chart-card-action button{flex:0 0 auto;white-space:nowrap}.mobile-app .stok-movement-card{margin-top:4px!important;padding:18px!important;border:1px solid #B9CCE8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 14px #17305c14!important}.mobile-app .dt-table tr[data-mobile-card-layout=barang-masuk] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi] td[data-mobile-slot=id],.mobile-app .dt-table tr[data-mobile-card-layout=konversi-basah] td[data-mobile-slot=id]{white-space:nowrap!important;letter-spacing:-.15px}.absensi-history-modal .dt-scroll{padding:20px 24px!important}.absensi-history-modal .absensi-history-kpis{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.absensi-history-modal .absensi-history-calendar{gap:4px!important}.absensi-history-modal .absensi-history-close-wrap{justify-content:flex-end!important;padding-top:0}.absensi-history-modal .mobile-detail-close-action{width:auto}.mobile-app.m-home{position:static;inset:auto;width:auto;height:auto;min-height:100dvh;overflow:visible;overscroll-behavior:auto}}@media (min-width:768px){.mobile-app{display:none}}