*,*: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}.dt-range-slider{position:relative;height:24px;display:flex;align-items:center}.dt-range-slider-track,.dt-range-slider-fill{position:absolute;left:0;right:0;height:5px;border-radius:999px;pointer-events:none}.dt-range-slider-track{background:var(--navy-100)}.dt-range-slider-fill{right:auto;background:var(--navy)}.dt-range-slider-thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:24px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.dt-range-slider-thumb::-webkit-slider-runnable-track{height:5px;background:transparent}.dt-range-slider-thumb::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5.5px;border:2px solid var(--surface);border-radius:50%;background:var(--navy);box-shadow:0 1px 4px #0f204447;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:grab;pointer-events:auto}.dt-range-slider-thumb:active::-webkit-slider-thumb{cursor:grabbing}.dt-range-slider-thumb::-moz-range-track{height:5px;border:0;background:transparent}.dt-range-slider-thumb::-moz-range-thumb{width:13px;height:13px;border:2px solid var(--surface);border-radius:50%;background:var(--navy);box-shadow:0 1px 4px #0f204447;cursor:grab;pointer-events:auto}.dt-range-slider-thumb:disabled::-webkit-slider-thumb{background:var(--text-3);cursor:default}.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(5,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}}.dt-mobile-list,.dt-mobile-list-summary{display:none}@keyframes dt-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-skeleton-block{display:block;width:78%;height:11px;border-radius:999px;background:linear-gradient(90deg,#e9eef5 20%,#f7f9fc,#e9eef5 60%);background-size:200% 100%;animation:dt-skeleton-shimmer 2.4s ease-in-out infinite}.dt-skeleton-surface{display:block;width:100%;background:linear-gradient(105deg,#e8edf5 18%,#f8fafd,#e8edf5 66%);background-size:240% 100%;animation:dt-skeleton-shimmer 2.4s ease-in-out infinite}.dt-table-layout-skeleton{min-width:0;min-height:250px;overflow:hidden;border:1px solid var(--border);border-radius:10px}.dt-mobile-layout-skeleton{min-height:180px;border:1px solid var(--border);border-radius:13px}.laporan-chart-grid>*{min-width:0}.laporan-chart-wide{grid-column:1 / -1}@media (min-width:768px) and (max-width:1100px){.laporan-dashboard .laporan-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.laporan-dashboard .laporan-chart-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:767px){.laporan-dashboard .laporan-kpi-grid,.laporan-dashboard .laporan-chart-grid{grid-template-columns:minmax(0,1fr)!important}.laporan-dashboard .dashboard-chart-card{padding:16px 12px!important}}@media (prefers-reduced-motion:reduce){.dt-skeleton-block{animation:none}}.app-route-loading{width:min(320px,78vw);display:flex;flex-direction:column;gap:12px}.app-route-loading span{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#e8edf5 25%,#f6f8fb,#e8edf5 75%);background-size:200% 100%;animation:dt-skeleton-shimmer 2.4s ease-in-out infinite}.app-route-loading span:nth-child(1){width:46%;height:16px}.app-route-loading span:nth-child(2){width:100%}.app-route-loading span:nth-child(3){width:72%}.module-route-skeleton{box-sizing:border-box;width:100%;min-height:520px;padding:8px 0;display:flex;flex-direction:column;gap:18px}.route-skeleton-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:58px}.route-skeleton-heading{width:min(390px,52%);height:30px;border-radius:10px}.route-skeleton-action{width:min(180px,20%);height:34px;border-radius:9px}.route-skeleton-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.route-skeleton-kpis .dt-skeleton-block{width:100%;height:122px;border-radius:16px}.route-skeleton-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-skeleton-summary-cards .dt-skeleton-block{width:100%;height:130px;border-radius:13px}.route-skeleton-charts{display:grid;grid-template-columns:2fr 1fr;gap:16px}.route-skeleton-charts .dt-skeleton-block{width:100%;height:334px;border-radius:14px}.route-skeleton-kpi-band{width:100%;height:88px;border-radius:14px}.route-skeleton-table-panel{display:flex;min-width:0;flex-direction:column;gap:12px;padding:12px 16px 16px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 1px 4px #0000000a}.route-skeleton-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-skeleton-toolbar .dt-skeleton-block:first-child{width:min(280px,35%);height:34px;border-radius:9px}.route-skeleton-toolbar .dt-skeleton-block:last-child{width:78px;height:34px;border-radius:9px}.route-skeleton-table-surface{height:clamp(330px,calc(100vh - 370px),680px);border:1px solid var(--border);border-radius:10px}.module-route-skeleton.is-mobile{min-height:calc(100vh - 130px);padding:20px 16px}.module-route-skeleton.is-mobile .route-skeleton-action{display:none}.module-route-skeleton.is-mobile .route-skeleton-heading{width:82%}.module-route-skeleton.is-mobile .route-skeleton-table-surface{height:410px}.context-sidebar-children{display:grid;grid-template-rows:0fr;margin-bottom:0;opacity:0;pointer-events:none;transform:translateY(-4px);transition:grid-template-rows .2s cubic-bezier(.22,.61,.36,1),margin-bottom .2s ease,opacity .15s ease,transform .2s ease}.context-sidebar-children.is-open{grid-template-rows:1fr;margin-bottom:4px;opacity:1;pointer-events:auto;transform:translateY(0)}.context-sidebar-children-inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.app-route-loading span,.dt-skeleton-surface{animation:none}.context-sidebar-children{transition:none}}@media (max-width:767px){html,body,#root,.mobile-app,.mobile-app *{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.mobile-app::-webkit-scrollbar,.mobile-app *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.mobile-app button,.mobile-app a,.modal-backdrop button{-webkit-tap-highlight-color:transparent}.mobile-app .dt-table tr[data-mobile-card-layout=primary]{position:relative;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:12px;padding:47px 14px 12px!important;overflow:hidden;border:1px solid #D6E3F5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 18px #17305c12}.mobile-app .dt-table tr[data-mobile-card-layout=primary]:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:38px;border-radius:15px 15px 0 0;background:linear-gradient(110deg,var(--navy-dark),var(--navy));pointer-events:none}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary=true]{position:relative;z-index:1;display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;width:auto!important;min-width:0;padding:9px 0!important;border-bottom:1px solid #EDF1F7!important;text-align:left!important;color:var(--text);font-size:12px;line-height:1.35}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary=true]:before{display:block;content:attr(data-label);color:var(--text-3);font-size:9px;font-weight:800;letter-spacing:.42px;text-transform:uppercase}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="0"]{position:absolute;z-index:1;top:0;left:14px;right:96px;display:block!important;overflow:hidden;padding:10px 0!important;border:0!important;color:#fff!important;font-size:13px;font-weight:800;line-height:18px;text-align:left!important;white-space:nowrap;text-overflow:ellipsis}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="0"]:before{display:none}.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"]{padding-top:4px!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="5"],.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="4"]:last-child{border-bottom:0!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td.dt-mobile-header-badge{position:absolute!important;z-index:2;top:8px;right:14px;display:block!important;width:auto!important;padding:0!important;border:0!important;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td.dt-mobile-header-badge:before{display:none!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td.dt-mobile-header-badge .dt-mobile-header-badge-content{display:block}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary=false]:not(.dt-mobile-header-badge){display:none!important}.modal-backdrop{align-items:flex-end!important;padding:0!important}.modal-surface{max-width:none!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;border-radius:22px 22px 0 0!important;box-shadow:0 -12px 34px #09163038!important}.modal-surface>div:first-child{padding:15px 18px!important}.modal-surface .dt-scroll{padding:16px!important}.form-row{grid-template-columns:1fr!important;gap:12px!important}.modal-surface input,.modal-surface select,.modal-surface textarea,.modal-surface [role=combobox]{min-height:44px;font-size:16px!important}.form-actions{bottom:-16px!important;margin:18px -16px -16px!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}.form-actions>div{flex:1}.form-actions .btn,.form-actions button{min-height:42px;flex:1;justify-content:center}.detail-footer-actions>div:last-child{padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}.detail-footer-actions .detail-delete-action,.detail-footer-actions .detail-edit-action,.detail-footer-actions .detail-close-action{min-height:42px;justify-content:center}.mobile-app .page-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-bottom:18px!important}.mobile-app .page-header h1{font-size:22px!important;letter-spacing:-.45px}.mobile-app .page-header>div:first-child>p{line-height:1.45}.mobile-app .page-header-actions,.detail-footer-actions .detail-delete-action,.detail-footer-actions .detail-edit-action{display:none!important}.mobile-app .stat-card,.mobile-app .app-card,.mobile-app .dt-card{border-radius:16px!important;border-color:#d6e3f5!important;box-shadow:0 5px 16px #17305c0f!important}.mobile-app .stat-card{padding:16px!important}.mobile-app .app-card>div:last-child{padding:16px!important}.mobile-app .dt-card{padding:15px!important}.mobile-app .dt-label{margin-bottom:8px!important;font-size:10px!important}.mobile-app .dt-row{gap:12px;padding:10px 0!important;align-items:flex-start!important}.mobile-app .dt-row>span:first-child{min-width:0;font-size:12px!important}.mobile-app .dt-row>span:last-child{min-width:42%}.modal-surface .modal-body div[style*=grid-template-columns]{grid-template-columns:1fr!important}.modal-surface .form-field{gap:6px!important}.modal-surface .form-field>label{font-size:12px!important;font-weight:700!important}.modal-surface .form-field+.form-field{margin-top:2px}.modal-surface textarea{min-height:92px}.modal-surface table{max-width:100%}.mobile-bottom-nav{height:76px!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-left:max(12px,env(safe-area-inset-left))!important}.mobile-bottom-nav button{min-width:56px!important;min-height:58px;gap:4px!important;border-radius:12px}.mobile-bottom-nav button.is-active{background:#ffffff14!important}.mobile-bottom-nav button.is-active:before{top:0!important;width:20px!important}.mobile-app{padding-bottom:96px}.m-workspace{padding-right:16px!important;padding-left:16px!important}.m-quick-card{min-height:140px;border-radius:18px}.m-quick-card:active,.m-today-card:active,.m-menu-item:active{transform:scale(.985)}.mobile-app{background:#f4f6fa!important;color:#17243a}.mobile-app.m-command-home{width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;background:#eaf0f7!important}.mobile-app .m-module-bar{position:fixed;z-index:300;top:0;right:0;left:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#102a55!important;border:0!important;box-shadow:0 5px 14px #102a552e!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .28s ease}.mobile-app .m-module-bar.is-hidden{transform:translateY(-110%)}.mobile-app .m-module-bar>button{width:40px;height:40px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--gold-light)}.mobile-app .m-module-bar small{color:#b9c7dc!important}.mobile-app .m-module-bar strong{color:#fff!important;font-size:13px}.m-command-center{width:100%;min-height:calc(100dvh - 92px);margin:0;overflow:visible;background:#eaf0f7;box-shadow:none}.m-command-header{position:sticky;z-index:500;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 20px;background:#102a55;color:#fff;box-shadow:0 5px 14px #102a5529}.m-command-brand{display:flex;align-items:center;gap:10px}.m-command-brand>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gold);color:#fff;font-size:11px;font-weight:900}.m-command-brand small,.m-command-brand strong{display:block}.m-command-brand small{color:#b9c7dc;font-size:7px;font-weight:800;letter-spacing:.75px}.m-command-brand strong{margin-top:2px;color:#fff;font-size:11px;letter-spacing:-.1px}.m-command-menu{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#ffffff12;color:var(--gold-light)}.m-command-intro{padding:8px 20px 36px;background:#102a55;color:#fff}.m-command-intro>span{display:block;color:#b9c7dc;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:capitalize}.m-command-intro h1{margin:14px 0 8px;color:#fff;font-size:26px;line-height:1.05;letter-spacing:-.9px}.m-command-intro p{max-width:275px;color:#c4d0e2;font-size:11px;line-height:1.5}.m-command-status{position:relative;margin:-18px 16px 12px;padding:16px;border-radius:18px;background:#fff;color:#102a55;box-shadow:0 10px 22px #102a5521}.m-command-status:before{content:"";position:absolute;top:16px;bottom:16px;left:0;width:4px;border-radius:0 4px 4px 0;background:var(--gold)}.m-command-status span{display:block;padding-left:9px;color:#7788a0;font-size:9px;font-weight:800}.m-command-status strong{display:block;margin-top:7px;padding-left:9px;font-size:16px;letter-spacing:-.35px}.m-dashboard-entry{margin:0 16px 12px}.m-dashboard-entry>button{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;padding:13px 14px;border:0;border-radius:18px;background:#193a70;color:#fff;font-family:inherit;text-align:left;box-shadow:0 8px 18px #102a551f}.m-dashboard-entry>button>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#ffffff1f;color:var(--gold-light)}.m-dashboard-entry>button>div{min-width:0;flex:1}.m-dashboard-entry strong,.m-dashboard-entry small{display:block}.m-dashboard-entry strong{font-size:13px}.m-dashboard-entry small{margin-top:3px;color:#c8d5e8;font-size:10px}.m-dashboard-entry>button>svg{color:var(--gold-light)}.m-command-actions{margin:0 16px 24px;padding:7px 16px 16px;border-radius:20px;background:#fff;box-shadow:0 8px 18px #102a550f}.m-watch-heading{padding:7px 0 11px}.m-watch-heading span,.m-watch-heading strong{display:block}.m-watch-heading span{color:#a46e03;font-size:9px;font-weight:900;letter-spacing:.8px}.m-watch-heading strong{margin-top:4px;color:#203654;font-size:13px}.m-daily-summary-section{margin:0 16px 12px;border-radius:18px;background:#fff;box-shadow:0 8px 18px #102a5514}.m-daily-summary{display:flex;align-items:center;gap:10px;width:100%;min-height:70px;margin:0;padding:13px 14px;border:0;border-radius:18px;background:#fff;color:#17243a;font-family:inherit;text-align:left}.m-daily-summary>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#f8eccc;color:#8e6100}.m-daily-summary>div{min-width:0;flex:1}.m-daily-summary strong,.m-daily-summary small{display:block}.m-daily-summary strong{color:#203654;font-size:12px}.m-daily-summary small{margin-top:3px;color:#7b889c;font-size:10px}.m-daily-summary>svg{color:#1a3a6d}.m-command-list{display:flex;flex-direction:column}.m-command-item{display:flex;align-items:center;gap:11px;min-height:62px;padding:13px 0;border:0;border-top:1px solid #E5EAF1;border-radius:0;background:#fff;color:#17243a;font-family:inherit;text-align:left}.m-command-item>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#eaf0f8;color:#18335f}.m-command-item>div{min-width:0;flex:1}.m-command-item strong,.m-command-item small{display:block}.m-command-item strong{color:#253650;font-size:12px}.m-command-item small{margin-top:3px;color:#7b889c;font-size:10px}.m-command-item>svg{align-self:center;color:#1a3a6d}.m-watch-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:29px;height:24px;margin-left:auto;padding:0 7px;border-radius:999px;background:#fff1cb;color:#9a6700;font-size:10px;font-weight:900}.m-watch-badge+svg{margin-left:1px}.m-watch-empty{display:flex;align-items:center;gap:10px;min-height:76px;padding:12px 0;color:#6f7d91;font-size:11px}.m-watch-empty>svg{flex:0 0 auto;color:var(--gold)}.m-watch-empty strong,.m-watch-empty small{display:block}.m-watch-empty strong{color:#31445f;font-size:12px}.m-watch-empty small{margin-top:3px;color:#7b889c;font-size:10px}.mobile-bottom-nav{right:0!important;bottom:0!important;left:0!important;height:64px!important;padding:5px!important;border:0!important;border-top:1px solid #DEE5F0!important;border-radius:0!important;background:#fffffff5!important;box-shadow:0 -8px 20px #1a2a461a!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav button{min-width:0!important;min-height:52px;flex:1;border-radius:15px;color:#8995a7!important;font-size:9px}.mobile-bottom-nav button.is-active{background:transparent!important;color:var(--gold)!important}.mobile-bottom-nav button.is-active:before{display:none!important}.mobile-bottom-nav button:disabled{opacity:.38}.mobile-bottom-nav .m-recent-nav span{display:block;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-app{padding-bottom:92px!important}.m-sheet-backdrop{background:#17243a38;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-activity-backdrop{z-index:900!important;bottom:64px!important;animation:m-activity-fade-in .24s ease-out both}.m-activity-backdrop.is-closing{animation:m-activity-fade-out .26s ease-in both}.m-activity-backdrop .m-activity-sheet{max-height:72dvh;padding-bottom:22px;border:0!important;outline:0!important;border-radius:24px 24px 0 0;box-shadow:none!important;animation:m-activity-sheet-in .28s cubic-bezier(.22,.61,.36,1) both;will-change:transform,opacity}.m-activity-backdrop.is-closing .m-activity-sheet{animation:m-activity-sheet-out .26s cubic-bezier(.4,0,1,1) both}.m-side-backdrop{animation:m-activity-fade-in .22s ease-out both}.m-side-backdrop.is-closing{animation:m-activity-fade-out .26s ease-in both}.m-side-backdrop .m-side-drawer{animation:m-drawer-in .28s cubic-bezier(.22,.61,.36,1) both;will-change:transform,opacity}.m-side-backdrop.is-closing .m-side-drawer{animation:m-drawer-out .26s cubic-bezier(.4,0,1,1) both}@keyframes m-activity-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m-activity-fade-out{0%{opacity:1}to{opacity:0}}@keyframes m-activity-sheet-in{0%{opacity:.3;transform:translateY(calc(100% + 24px))}to{opacity:1;transform:translateY(0)}}@keyframes m-activity-sheet-out{0%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(calc(100% + 24px))}}@keyframes m-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:.3;transform:translate(100%)}}.mobile-app .m-sheet,.mobile-app .m-side-drawer,.mobile-app .m-sheet:not(.m-side-drawer){background:#fff!important;color:#17243a!important;box-shadow:0 -12px 36px #1a2a462e!important}.mobile-app .m-sheet-title h2,.mobile-app .m-side-drawer .m-sheet-title h2{color:#17243a!important}.mobile-app .m-sheet-title small,.mobile-app .m-side-drawer .m-sheet-title small{color:#8390a5!important}.mobile-app .m-sheet-title button,.mobile-app .m-side-drawer .m-sheet-title button{background:#f2f5f9!important;color:#4e5d75!important}.mobile-app .m-sheet .m-menu-item,.mobile-app .m-side-drawer .m-menu-item{color:#35435b!important;background:transparent!important}.mobile-app .m-sheet .m-menu-item>span,.mobile-app .m-side-drawer .m-menu-item>span{background:#f0f4f9!important;color:#415979!important}.mobile-app .m-sheet .m-menu-item.is-active{background:var(--navy-50)!important;color:var(--navy)!important}.mobile-app .m-sheet .m-menu-item.is-active>span{background:var(--navy)!important;color:var(--gold-light)!important}.m-activity-section{margin:16px 2px 5px;color:#8793a6;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.m-activity-section:first-of-type{margin-top:4px}.m-activity-family{margin:3px 0 8px;overflow:hidden;border-radius:14px;background:#fff}.mobile-app .m-sheet .m-activity-family .m-activity-family-parent{margin:0;border-radius:14px;background:transparent!important;color:#35435b!important}.mobile-app .m-sheet .m-activity-family .m-activity-family-parent.is-open{background:var(--navy-50)!important;color:var(--navy)!important}.mobile-app .m-sheet .m-activity-family .m-activity-family-parent.is-open>span{background:var(--navy)!important;color:var(--gold-light)!important}.mobile-app .m-sheet .m-activity-family .m-activity-family-parent>svg{color:var(--gold)!important}.m-activity-family-parent>svg{transition:transform .18s ease}.m-activity-family-parent.is-collapsed>svg{transform:rotate(-90deg)}.m-activity-children{display:grid;grid-template-columns:1fr;gap:0;max-height:110px;margin:0;overflow:hidden;padding:0 10px 9px 54px;opacity:1;background:transparent;transform:translateY(0);transition:max-height .24s cubic-bezier(.22,.61,.36,1),padding-bottom .24s ease,opacity .18s ease,transform .24s ease}.m-activity-children.is-collapsed{max-height:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translateY(-5px)}.m-activity-child{display:flex;align-items:center;width:100%;min-height:36px;margin:0;padding:7px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#35435b;font-family:inherit;text-align:left}.m-activity-child strong{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-app .dt-table tr[data-mobile-card-layout]:before{background:var(--navy)!important;border-bottom-color:var(--navy-dark)!important}.mobile-app .dt-table tr[data-mobile-card-layout=primary] td[data-mobile-primary-index="0"]{color:#fff!important}.mobile-app .data-table{gap:14px!important}.mobile-app .data-table-toolbar{gap:10px!important;padding:10px 16px 13px!important;border-bottom:1px solid #E6ECF5!important;box-shadow:0 8px 18px #152b4e0a}.mobile-app .data-table-toolbar>div:first-child input{height:44px;padding-left:36px!important;border-color:#dce4f0!important;border-radius:14px!important;background:#f7f9fc!important;font-size:13px!important}.mobile-app .data-table-toolbar>div:nth-child(2)>button{min-height:36px;border-radius:11px!important}.mobile-app .dt-mobile-pagination{gap:6px}.mobile-app .dt-mobile-pagination button,.mobile-app .dt-mobile-pagination span{width:34px;height:34px;border-radius:11px}.mobile-app .dt-scroll{padding-top:14px!important}.mobile-app .dt-table,.mobile-app .dt-table tbody{display:block!important;width:100%!important}.mobile-app .dt-table tr[data-mobile-card-layout]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;position:relative!important;width:100%!important;margin:0 0 12px!important;padding:0 14px 10px!important;overflow:hidden;border:1px solid #DCE5F1!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px #17305c11!important;transition:transform .16s ease,box-shadow .16s ease}.mobile-app .dt-table tr[data-mobile-card-layout]:active{transform:scale(.988);box-shadow:0 3px 10px #17305c14!important}.mobile-app .dt-table tr[data-mobile-card-layout]:before,.mobile-app .dt-table tr[data-mobile-card-layout]:after{display:none!important;content:none!important}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary=true]{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;grid-column:auto!important;grid-row:auto!important;position:relative!important;inset:auto!important;width:auto!important;min-width:0;min-height:54px;padding:11px 0 10px!important;border:0!important;border-bottom:1px solid #EDF1F6!important;background:transparent!important;color:#273750!important;font-size:12px!important;line-height:1.4!important;text-align:left!important;white-space:normal!important}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary=true]:before{display:block!important;width:100%;margin-bottom:4px;content:attr(data-label)!important;color:#8793a6;font-size:9px;font-weight:850;letter-spacing:.55px;line-height:1.2;text-align:inherit;text-transform:uppercase}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-align=right]{align-items:flex-end;text-align:right!important;font-variant-numeric:tabular-nums}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary-index="0"]{grid-column:1 / -1!important;min-height:62px;margin:0 -14px;padding:12px 14px 11px!important;border-bottom:1px solid #E5EBF4!important;background:#f7f9fc!important;color:var(--navy)!important;font-size:14px!important;font-weight:800}.mobile-app .dt-table tr[data-mobile-card-layout]:has(>td.dt-mobile-header-badge) td[data-mobile-primary-index="0"]{padding-right:150px!important}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary-index="0"]:before{color:#718096}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary=true]>*{max-width:100%;min-width:0!important}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary=true] span[style*=min-width]{min-width:0!important}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge{display:block!important;position:absolute!important;z-index:3;top:18px!important;right:14px!important;left:auto!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important}.mobile-app .dt-table tr[data-mobile-card-layout] td.dt-mobile-header-badge-badge-left{right:88px!important}.mobile-app .dt-table tr[data-mobile-card-layout] .dt-mobile-header-badge-content{position:static!important;inset:auto!important;display:block;white-space:nowrap}.mobile-app .dt-table tr[data-mobile-card-layout] td[data-mobile-primary=false]:not(.dt-mobile-header-badge){display:none!important}.mobile-app .dt-table tr:not([data-mobile-card-layout]) td[colspan]{margin:8px 0;padding:36px 16px!important;border:1px dashed #D6E0EC!important;border-radius:16px;background:#f8fafc;color:#7d899b!important}.mobile-app .kpi-banner{position:relative;overflow:hidden;border:1px solid var(--navy-dark)!important;background:var(--navy)!important;box-shadow:0 9px 22px #0f204429!important}.mobile-app .kpi-banner:before{position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 4px 4px;background:var(--gold);content:""}.mobile-app .stat-card{border-color:#dce5f1!important;background:#fff!important;box-shadow:0 5px 16px #17305c0e!important}.mobile-app .data-table-toolbar{padding:8px 16px 12px!important;border-bottom:0!important;box-shadow:none!important}.mobile-app .data-table-toolbar>div:first-child input{height:42px;border-color:#d9e1ec!important;border-radius:11px!important;background:#fff!important}.mobile-app .data-table>.dt-scroll{display:none!important}.mobile-app .dt-mobile-list{display:block;width:100%;overflow:hidden;border:1px solid #DCE3ED;border-radius:16px;background:#fff;box-shadow:0 3px 12px #17305c0b}.mobile-app .dt-mobile-list-row{display:block;position:relative;width:100%;padding:15px 16px 14px;border:0;border-bottom:1px solid #E7ECF3;background:#fff;color:#26364e;outline:none;transition:background .14s ease}.mobile-app .dt-mobile-list-row:last-child{border-bottom:0}.mobile-app .dt-mobile-list-row[data-clickable=true]{cursor:pointer}.mobile-app .dt-mobile-list-row[data-clickable=true]:active,.mobile-app .dt-mobile-list-row[data-clickable=true]:focus-visible{background:#f7f9fc}.mobile-app .dt-mobile-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:38px}.mobile-app .dt-mobile-list-title{min-width:0;flex:1}.mobile-app .dt-mobile-list-title>small{display:block;margin-bottom:3px;color:#8792a3;font-size:9px;font-weight:800;letter-spacing:.55px;line-height:1.2;text-transform:uppercase}.mobile-app .dt-mobile-list-title>div{overflow:hidden;color:var(--navy);font-size:13px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mobile-app .dt-mobile-list-title>div>*{max-width:100%;min-width:0!important}.mobile-app .dt-mobile-list-badges{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:5px;padding-top:1px}.mobile-app .dt-mobile-list-badges>span{display:block;white-space:nowrap}.mobile-app .dt-mobile-list-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px;padding-top:7px;border-top:1px solid #EEF2F6}.mobile-app .dt-mobile-list-fact{display:grid;grid-template-columns:minmax(92px,.82fr) minmax(0,1.18fr);align-items:baseline;gap:14px;min-height:29px;padding:5px 0}.mobile-app .dt-mobile-list-fact>small{overflow:hidden;color:#7e899a;font-size:10px;font-weight:650;line-height:1.35;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mobile-app .dt-mobile-list-fact>div{min-width:0;overflow-wrap:anywhere;color:#293950;font-size:11.5px;font-weight:700;line-height:1.4;text-align:right;font-variant-numeric:tabular-nums}.mobile-app .dt-mobile-list-fact>div>*{max-width:100%;min-width:0!important}.mobile-app .dt-mobile-empty{padding:42px 20px;color:#7d899a;font-size:12px;text-align:center}.mobile-app .kpi-banner{padding:17px 17px 17px 20px!important;border:1px solid #DCE3ED!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 3px 12px #17305c0b!important}.mobile-app .kpi-banner:before{top:14px;right:auto;bottom:14px;left:0;width:4px;height:auto;border-radius:0 4px 4px 0}.mobile-app .kpi-banner>div:first-child>div:first-child{color:#7e899a!important;opacity:1!important}.mobile-app .kpi-banner>div:first-child>div:nth-child(2){color:var(--navy)!important}.mobile-app .kpi-banner>div:first-child>div:nth-child(3){color:#7e899a!important;opacity:1!important}.mobile-app .kpi-banner>div:nth-child(2)>div{border:1px solid #E5EAF1;background:#f7f9fc!important}.mobile-app .kpi-banner>div:nth-child(2)>div>div:first-child{color:#7e899a!important;opacity:1!important}.mobile-app .kpi-banner>div:nth-child(2)>div>div:last-child{color:var(--navy)!important}.mobile-app .stat-card{box-shadow:0 3px 12px #17305c0b!important}.mobile-app .m-screen-module{overflow-x:clip}.mobile-app .m-screen-module .page-header{display:none!important}.mobile-app .m-screen-module .data-table{width:100vw;max-width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);gap:0!important;overflow:hidden}.mobile-app .data-table-toolbar{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;max-width:100%;margin-right:0!important;margin-left:0!important;padding:14px 16px!important;border-top:1px solid #E4EAF1;border-bottom:1px solid #E4EAF1!important;background:#fff;overflow:hidden}.mobile-app .data-table-toolbar>div{min-width:0;max-width:100%}.mobile-app .data-table-toolbar>div:first-child{max-width:none!important;flex:1 1 210px!important}.mobile-app .data-table-toolbar>div:first-child input{width:100%!important;max-width:none!important}.mobile-app .dt-mobile-list{width:100%;max-width:100%;border:0;border-radius:0;box-shadow:none}.mobile-app .dt-mobile-list-summary{display:flex;align-items:center;justify-content:flex-end;height:40px;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #E4EAF1;background:#fff;color:var(--navy)}.mobile-app .dt-mobile-list-summary>small{color:#7f8a9b;font-size:9.5px;font-weight:700;line-height:1}.mobile-app .dt-mobile-list-row{min-height:76px;padding:15px 16px;border-bottom-color:#e3e8f0}.mobile-app .dt-mobile-transaction-main{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.mobile-app .dt-mobile-transaction-copy{min-width:0;flex:1}.mobile-app .dt-mobile-transaction-title{display:flex;align-items:baseline;min-width:0;overflow:hidden;color:var(--navy);font-size:12.5px;font-weight:800;line-height:1.35;white-space:nowrap}.mobile-app .dt-mobile-transaction-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.mobile-app .dt-mobile-transaction-title>span:first-child{flex:0 1 auto}.mobile-app .dt-mobile-transaction-title>span:last-child{flex:1}.mobile-app .dt-mobile-transaction-title i{flex:0 0 auto;margin:0 5px;color:#a8b1bf;font-style:normal;font-weight:500}.mobile-app .dt-mobile-transaction-title span>*{display:inline!important;min-width:0!important;max-width:none!important}.mobile-app .dt-mobile-transaction-title .mobile-sales-factory{display:block!important;width:128px;max-width:128px!important;overflow:hidden;text-overflow:clip;white-space:nowrap}.mobile-app .dt-mobile-transaction-meta{display:flex;align-items:center;min-width:0;margin-top:6px;overflow:hidden;color:#7b8798;font-size:10.5px;font-weight:600;line-height:1.35;white-space:nowrap}.mobile-app .dt-mobile-transaction-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.mobile-app .dt-mobile-transaction-meta>span>*{display:inline!important;min-width:0!important;max-width:none!important}.mobile-app .dt-mobile-transaction-meta>span:has(.mobile-po-factory){flex:0 1 124px;max-width:124px}.mobile-app .dt-mobile-transaction-meta .mobile-po-factory{display:block!important;width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}.mobile-app .dt-mobile-transaction-meta>span:has(.mobile-po-type){flex:0 0 auto;overflow:visible}.mobile-app .dt-mobile-transaction-meta .mobile-po-type{white-space:nowrap}.mobile-app .dt-mobile-transaction-meta>i{flex:0 0 auto;margin:0 6px;color:#c4cad3;font-style:normal}.mobile-app .dt-mobile-transaction-badges{display:flex!important;align-items:center;flex:0 0 auto;gap:5px;margin-left:8px;overflow:visible!important}.mobile-app .dt-mobile-transaction-value{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;max-width:38%;text-align:right}.mobile-app .dt-mobile-transaction-value>strong{max-width:100%;overflow:hidden;color:var(--navy);font-size:12px;font-weight:850;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-app .dt-mobile-transaction-value>strong>*{display:inline!important;min-width:0!important;color:inherit!important}.mobile-app .dt-mobile-transaction-value>small{margin-top:4px;color:#98a2b1;font-size:9px;font-weight:700;letter-spacing:.35px;line-height:1.2;text-transform:uppercase}.mobile-app .dt-mobile-transaction-value:has(.mobile-sales-profit-pending){display:none}.is-mobile-detail.modal-backdrop{align-items:stretch!important;padding:0!important;background:var(--navy-dark)!important}.is-mobile-detail .modal-surface{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;margin:0!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;background:#f3f6fa!important;box-shadow:none!important;transform:translateZ(0);touch-action:pan-y}.is-mobile-detail .modal-body{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:#f3f6fa!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-width:none}.is-mobile-detail .modal-body::-webkit-scrollbar{display:none}.is-mobile-detail .pembelian-detail-header,.is-mobile-detail .modal-body>[style*=border-bottom]:first-child,.is-mobile-detail .modal-body>div:first-child>[style*=border-bottom]:first-child{position:sticky!important;z-index:30!important;top:0!important;min-height:76px;padding:15px 16px!important;border-bottom:2px solid var(--gold)!important;background:var(--navy-dark)!important;box-shadow:0 5px 16px #0916302e}.is-mobile-detail .pembelian-detail-header>div:first-child>div:first-child,.is-mobile-detail .modal-body>[style*=border-bottom]:first-child>div:first-child>div:first-child,.is-mobile-detail .modal-body>div:first-child>[style*=border-bottom]:first-child>div:first-child>div:first-child{color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.15px}.is-mobile-detail .pembelian-detail-header>div:first-child>div:nth-child(2),.is-mobile-detail .modal-body>[style*=border-bottom]:first-child>div:first-child>div:nth-child(2),.is-mobile-detail .modal-body>div:first-child>[style*=border-bottom]:first-child>div:first-child>div:nth-child(2){margin-top:3px!important;color:#b9c7dc!important;font-size:10.5px!important;font-weight:650!important}.is-mobile-detail .pembelian-detail-header>span:last-child,.is-mobile-detail .pembelian-detail-header>div:last-child>span:last-child,.is-mobile-detail .modal-body>[style*=border-bottom]:first-child>span:last-child,.is-mobile-detail .modal-body>[style*=border-bottom]:first-child>button:last-child,.is-mobile-detail .modal-body>div:first-child>[style*=border-bottom]:first-child>span:last-child,.is-mobile-detail .modal-body>div:first-child>[style*=border-bottom]:first-child>button:last-child{color:var(--gold-light)!important}.is-mobile-detail .pembelian-detail-content{padding:12px!important;gap:10px!important}.is-mobile-detail .pembelian-detail-overview{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.is-mobile-detail .dt-card{min-width:0;padding:0 15px 3px!important;overflow:hidden;border:1px solid #DFE6F0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px #17305c09!important}.is-mobile-detail .dt-label{margin:0!important;padding:14px 0 8px;color:var(--gold)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.7px!important;line-height:1.2}.is-mobile-detail .dt-row{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center!important;gap:14px;min-height:48px;padding:11px 0!important;border-bottom:1px solid #E8EDF4!important}.is-mobile-detail .dt-row:last-child{border-bottom:0!important}.is-mobile-detail .dt-row>span:first-child{min-width:0;color:#718096!important;font-size:10.5px!important;font-weight:650;line-height:1.35}.is-mobile-detail .dt-row>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right!important}.is-mobile-detail .dt-row>span:last-child>span:first-child{font-size:11.5px!important;line-height:1.4}.is-mobile-detail .dt-row>span:last-child>span:last-child:not(:first-child){margin-top:3px!important;font-size:9.5px!important}.is-mobile-detail .pembelian-detail-total{align-items:center!important;flex-direction:row!important;min-height:76px;padding:15px 17px!important;border-radius:14px!important;background:var(--navy-dark)!important;box-shadow:none!important}.is-mobile-detail .pembelian-detail-total>div:first-child{font-size:12px!important}.is-mobile-detail .pembelian-detail-total>div:last-child>div:first-child{font-size:18px!important}.is-mobile-detail .detail-footer-actions,.is-mobile-detail .mobile-detail-footer,.is-mobile-detail .kendaraan-detail-footer{position:sticky!important;z-index:40!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom)!important;border-top:1px solid #DFE6EF!important;background:#fffffff7!important;box-shadow:0 -7px 18px #0f204414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.is-mobile-detail .detail-footer-actions>div:last-child,.is-mobile-detail .mobile-detail-footer,.is-mobile-detail .kendaraan-detail-footer>div:last-child{width:100%;padding:11px 14px!important}.is-mobile-detail .detail-close-action,.is-mobile-detail .mobile-detail-close-action,.is-mobile-detail .mobile-detail-footer>button{width:100%!important;min-height:46px;justify-content:center;border-radius:12px!important;background:var(--navy-dark)!important;color:#fff!important;box-shadow:none!important}.is-mobile-detail .detail-delete-action,.is-mobile-detail .detail-edit-action,.is-mobile-detail .mobile-detail-delete-action,.is-mobile-detail .mobile-detail-edit-action,.is-mobile-detail .mobile-detail-duplicate-action{display:none!important}.is-mobile-detail .modal-surface.detail-swipe-next{animation:mobile-detail-next .22s ease-out both}.is-mobile-detail .modal-surface.detail-swipe-previous{animation:mobile-detail-previous .22s ease-out both}.m-native-detail-viewport.detail-swipe-next{animation:mobile-detail-next .22s ease-out both}.m-native-detail-viewport.detail-swipe-previous{animation:mobile-detail-previous .22s ease-out both}@keyframes mobile-detail-next{0%{opacity:.55;transform:translate3d(22px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mobile-detail-previous{0%{opacity:.55;transform:translate3d(-22px,0,0)}to{opacity:1;transform:translateZ(0)}}.m-native-detail-viewport>.modal-body.dt-scroll{padding:0!important}.m-native-detail{width:100%;max-width:100%;min-width:0;margin:0;min-height:100%;display:flex;flex-direction:column;background:#fff}.m-native-detail,.m-native-detail *{box-sizing:border-box}.m-native-detail-header{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:88px;padding:13px 15px;border-bottom:2px solid var(--gold);background:var(--navy-dark);box-shadow:0 5px 16px #0916302e}.m-native-detail-header>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#ffffff14;color:var(--gold-light)}.m-native-detail-header>div{min-width:0}.m-native-detail-header small{display:block;color:#aebed6;font-size:8.5px;font-weight:800;letter-spacing:.75px;line-height:1.2;text-transform:uppercase}.m-native-detail-header h2{margin-top:3px;overflow:hidden;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.2px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.m-native-detail-header p{margin-top:3px;overflow:hidden;color:#b9c7dc;font-size:9.5px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.m-native-detail-header>span{max-width:86px;overflow:hidden;padding:5px 9px;border:1px solid rgba(224,168,32,.4);border-radius:999px;background:#e0a8201f;color:var(--gold-light);font-size:9px;font-weight:800;line-height:1.2;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.m-native-detail-content{display:flex;flex:1;flex-direction:column;gap:0;padding:0 0 calc(20px + env(safe-area-inset-bottom));background:#fff}.m-native-detail-index{position:sticky;z-index:35;top:88px;display:flex;gap:0;width:100%;overflow-x:auto;border-bottom:1px solid #DDE4EE;background:#fffffff7;scrollbar-width:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.m-native-detail-index::-webkit-scrollbar{display:none}.m-native-detail-index>button{display:flex;align-items:center;flex:0 0 auto;gap:7px;min-height:47px;padding:0 14px;border:0;border-right:1px solid #E7EBF1;background:transparent;color:var(--navy);font-family:inherit}.m-native-detail-index>button>b{color:var(--gold);font-size:9px;font-weight:900}.m-native-detail-index>button>span{max-width:120px;overflow:hidden;font-size:9.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.m-native-detail-section{overflow:visible;border:0;border-bottom:8px solid #F1F4F8;border-radius:0;background:#fff;box-shadow:none}.m-native-detail-section-heading{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 16px;border-bottom:1px solid #E7ECF3;background:#f8fafc;scroll-margin-top:135px}.m-native-detail-section-heading>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy-dark);color:var(--gold-light);font-size:9px;font-weight:900}.m-native-detail-section-heading>div{min-width:0}.m-native-detail-section-heading small{display:block;color:#98a3b3;font-size:8px;font-weight:800;letter-spacing:.65px;line-height:1.2;text-transform:uppercase}.m-native-detail-section-heading h3{margin-top:3px;overflow:hidden;color:var(--navy);font-size:12.5px;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.m-native-detail-rows{padding:0 16px}.m-native-detail-row{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;gap:14px;min-height:54px;padding:12px 0;border-bottom:1px solid #E8EDF4}.m-native-detail-row:last-child{border-bottom:0}.m-native-detail-row>div{min-width:0}.m-native-detail-row>div>span{display:block;color:#718096;font-size:10.5px;font-weight:650;line-height:1.4}.m-native-detail-row>div>small{display:block;margin-top:3px;overflow:hidden;color:#9aa5b5;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.m-native-detail-row>strong{min-width:0;overflow-wrap:anywhere;color:#26364e;font-size:11.5px;font-weight:650;line-height:1.45;text-align:right;font-variant-numeric:tabular-nums}.m-native-detail-row>strong[data-emphasis=true]{color:var(--navy);font-weight:850}.m-native-detail-row>strong>*{max-width:100%}.m-native-detail-row button{pointer-events:none}.m-native-detail-empty{padding:32px 18px;border:1px dashed #CCD6E3;border-radius:15px;background:#fff;color:#7f8a9b;font-size:11px;text-align:center}.m-native-detail-gesture{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:15px 0 4px;color:#98a4b5;font-size:9px;font-weight:700}}@media (min-width:768px){.mobile-app{display:none}}