@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500 700;font-display:swap;src:url(../public/fonts/jetbrains-mono.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(../public/fonts/plus-jakarta-sans.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-bottom-0\.5{bottom:-.125rem}.-right-0\.5{right:-.125rem}.left-0{left:0}.right-0{right:0}.right-1{right:.25rem}.top-0{top:0}.top-1\/2{top:50%}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.max-h-64{max-height:16rem}.\!w-20{width:5rem!important}.\!w-\[120px\]{width:120px!important}.\!w-auto{width:auto!important}.w-1{width:.25rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[104px\]{min-width:104px}.min-w-\[560px\]{min-width:560px}.min-w-\[620px\]{min-width:620px}.min-w-\[74px\]{min-width:74px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[640px\]{max-width:640px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.\!rounded-full{border-radius:9999px!important}.\!rounded-md{border-radius:.375rem!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-brand-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-brand-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}.border-rose-500\/40{border-color:rgba(244,63,94,.4)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-brand-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.\!pr-9{padding-right:2.25rem!important}.pb-12{padding-bottom:3rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.pt-16{padding-top:4rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:JetBrains Mono,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-brand-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-brand-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-brand-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-brand-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-brand-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-accent{accent-color:#e11d48}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}body{background:#fafafa;color:#18181b;-webkit-tap-highlight-color:transparent}.dark body{background:#050505;color:#ededed}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.app-container{margin:0 auto;min-height:100vh;background:#fafafa;position:relative}.dark .app-container{background:#050505}.glass-nav{background:hsla(0,0%,100%,.72);border:1px solid #e4e4e7}.dark .glass-nav,.glass-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .glass-nav{background:rgba(18,18,20,.72);border-color:hsla(0,0%,100%,.1)}.sheet{border:1px solid var(--garis);border-radius:14px;box-shadow:0 1px 2px rgba(24,24,27,.04),0 12px 24px -16px rgba(24,24,27,.1)}.dark .sheet,.sheet{background:var(--card-grad)}.dark .sheet{border-color:#27272a;box-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 24px -16px rgba(0,0,0,.5)}.period-bar{flex-direction:column;align-items:stretch;border-radius:13px;padding:10px 12px;box-shadow:0 1px 2px rgba(24,24,27,.04),0 8px 24px -12px rgba(24,24,27,.12)}.dark .period-bar{box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6)}.period-pick{align-self:flex-start;padding:3px 8px 3px 3px;border-radius:10px;transition:background .18s ease,box-shadow .18s ease}.period-pick:hover{background:#fdf8f9}.dark .period-pick:hover{background:#101012}.period-mark{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:8px;background:linear-gradient(135deg,rgba(225,29,72,.18),rgba(225,29,72,.05));color:#e11d48;border:1px solid rgba(225,29,72,.12)}.dark .period-mark{background:linear-gradient(135deg,rgba(225,29,72,.3),rgba(225,29,72,.12));color:#fda4af;border-color:rgba(253,164,175,.14)}.period-divider{width:auto;height:1px;min-height:0;align-self:stretch;background:linear-gradient(90deg,transparent 0,var(--garis-kuat) 12%,var(--garis-kuat) 88%,transparent 100%)}.period-bar.periode-off #periode-info,.period-bar.periode-off .period-divider,.period-bar.periode-off .period-pick{display:none}#periode-info{display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){#periode-info{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){#periode-info{grid-template-columns:repeat(5,minmax(0,1fr))}}.stat-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 8px 4px 6px;border:1px solid var(--garis);border-radius:10px;background:linear-gradient(180deg,#fff,#fdf8f9);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dark .stat-chip{background:linear-gradient(180deg,#18181b,#141418);border-color:#27272a}.stat-chip:hover{border-color:var(--garis-kuat);box-shadow:0 1px 2px rgba(24,24,27,.04),0 4px 12px -8px rgba(24,24,27,.12);transform:translateY(-1px)}.dark .stat-chip:hover{border-color:#3f3f46;box-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 12px -8px rgba(0,0,0,.5)}.stat-chip .stat-ico{display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex:none;border-radius:5px;background:#e4e4e7;color:#52525b}.dark .stat-chip .stat-ico{background:#27272a;color:#a1a1aa}.stat-chip .stat-val{font-size:11px;font-weight:800;line-height:1.1;color:#18181b;white-space:nowrap}.dark .stat-chip .stat-val{color:#fafafa}.stat-chip .stat-key{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#52525b;line-height:1.1}.dark .stat-chip .stat-key{color:#a1a1aa}.stat-chip.st-ok .stat-ico{background:rgba(5,150,105,.12);color:#047857}.dark .stat-chip.st-ok .stat-ico{background:rgba(52,211,153,.16);color:#34d399}.stat-chip.st-ok .stat-val{color:#047857}.dark .stat-chip.st-ok .stat-val{color:#34d399}.stat-chip.st-warn .stat-ico{background:rgba(217,119,6,.12);color:#b45309}.dark .stat-chip.st-warn .stat-ico{background:rgba(251,191,36,.16);color:#fbbf24}.stat-chip.st-warn .stat-val{color:#b45309}.dark .stat-chip.st-warn .stat-val{color:#fbbf24}.stat-chip.st-mute{border-style:dashed}.btn{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:focus-visible{outline:2px solid #e11d48;outline-offset:2px}.sheet-flat{background:var(--card-grad);border:1px solid #e4e4e7;border-radius:0}.dark .sheet-flat{background:var(--card-grad);border-color:#27272a}.field{background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:4px 7px;font-size:10.5px;line-height:1.4;color:#18181b;width:100%}.dark .field{background:#0a0a0b;border-color:#3f3f46;color:#ededed}.field:focus{outline:none;border-color:#e11d48}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='none' stroke='%2371717a' stroke-linecap='round' stroke-width='1.5' d='m2 4 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;padding-right:22px}.num{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.th-sub{display:block;font-size:7.5px;font-weight:500;letter-spacing:0;text-transform:none;color:#71717a}.dark .th-sub{color:#a1a1aa}.th-bl{display:block;font-size:7.5px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:#71717a}.dark .th-bl{color:#a1a1aa}.flow-a,.flow-b,.flow-c{font-weight:700;font-size:9.5px;padding:2px 6px;border-radius:4px;border:1px solid #d4d4d8;background:#fafafa;color:#3f3f46}.dark .flow-a,.dark .flow-b,.dark .flow-c{border-color:#3f3f46;background:#18181b;color:#d4d4d8}.flow-b{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.dark .flow-b{color:#6ee7b7;border-color:#065f46;background:#022c22}.flow-c{color:#be123c;border-color:#fecdd3;background:#fff1f2}.dark .flow-c{color:#fda4af;border-color:#9f1239;background:#2b0a12}.cd{position:relative}.cd-native{display:none}.cd-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:4px 8px;font-size:10.5px;color:#18181b;text-align:left;box-shadow:0 1px 1px rgba(24,24,27,.03);transition:border-color .16s ease,box-shadow .16s ease}.dark .cd-btn{background:#0a0a0b;border-color:#3f3f46;color:#ededed}.cd-btn:hover{border-color:#a1a1aa;box-shadow:0 2px 6px -2px rgba(24,24,27,.12)}.cd.is-open .cd-btn{border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.12)}.dark .cd.is-open .cd-btn{border-color:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.18)}.cd-btn:focus-visible{outline:2px solid #e11d48;outline-offset:1px}.cd-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-caret{width:10px;height:10px;flex:none;color:#71717a;transition:transform .15s ease}.cd.is-open .cd-caret{transform:rotate(180deg)}.cd-menu{position:absolute;z-index:60;top:calc(100% + 5px);left:0;min-width:100%;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d4d4d8;border-radius:12px;box-shadow:0 10px 24px -8px rgba(24,24,27,.28),0 2px 6px -2px rgba(24,24,27,.08);padding:5px}.dark .cd-menu{background:#131316;border-color:#3f3f46;box-shadow:0 10px 24px -8px rgba(0,0,0,.7),0 2px 6px -2px rgba(0,0,0,.5)}.cd-menu[hidden]{display:none}.cd-opt{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:5px 8px;font-size:10.5px;color:#3f3f46;border-radius:8px;white-space:nowrap;transition:background .12s ease,color .12s ease}.dark .cd-opt{color:#d4d4d8}.cd-opt.is-cursor,.cd-opt:hover{background:#f4f4f5;color:#18181b}.dark .cd-opt.is-cursor,.dark .cd-opt:hover{background:#27272a;color:#fafafa}.cd-opt:focus-visible{outline:2px solid #e11d48;outline-offset:-2px}.cd-opt.is-on{color:#e11d48;font-weight:700}.dark .cd-opt.is-on{color:#fb7185}.cd-tick{width:10px;height:10px;flex:none;opacity:0}.cd-opt.is-on .cd-tick{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hidden-force{display:none!important}.pop-stack{position:fixed;right:12px;bottom:12px;z-index:90;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.pop{display:flex;align-items:flex-start;gap:8px;min-width:200px;max-width:300px;background:#fff;border:1px solid #e4e4e7;border-left:3px solid #10b981;border-radius:8px;padding:8px 10px;box-shadow:0 8px 20px -10px rgba(24,24,27,.3);animation:popIn .18s ease-out}.dark .pop{background:#18181b;border-color:#27272a;box-shadow:0 8px 20px -10px rgba(0,0,0,.8)}.dark .pop-ok,.pop-ok{border-left-color:#10b981}.dark .pop-err,.pop-err{border-left-color:#f43f5e}.pop-ico{width:14px;height:14px;flex:none;margin-top:1px;color:#059669}.pop-err .pop-ico{color:#e11d48}.pop-title{font-size:10.5px;font-weight:800;color:#18181b;line-height:1.3}.dark .pop-title{color:#fafafa}.pop-text{font-size:10px;color:#52525b;line-height:1.35;margin-top:1px}.pop-out{opacity:0;transform:translateX(6px);transition:opacity .2s ease,transform .2s ease}@keyframes popIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{border-radius:7px;padding:4px 9px;font-size:10.5px;font-weight:700;border:1px solid #d4d4d8;background:#fff;color:#3f3f46}.dark .btn{border-color:#3f3f46;background:#0a0a0b;color:#d4d4d8}.btn:hover{border-color:#e11d48;color:#e11d48}.btn:active{transform:translateY(0) scale(.98)}.btn-solid{background:#18181b;border-color:#18181b;color:#fff}.dark .btn-solid{background:#ededed;border-color:#ededed;color:#18181b}.btn-accent,.dark .btn-accent{background:#e11d48;border-color:#e11d48;color:#fff}.btn-accent:hover{background:#be123c;border-color:#be123c;color:#fff}.btn:disabled{opacity:.6;cursor:default}.btn:disabled:hover{border-color:#d4d4d8;color:#3f3f46}.btn-primary{box-shadow:0 1px 2px rgba(190,18,60,.2),0 6px 16px -8px rgba(225,29,72,.5)}.btn-primary,.dark .btn-primary{background:linear-gradient(180deg,#e11d48,#c8163e);border-color:#e11d48;color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(190,18,60,.2),0 10px 20px -8px rgba(225,29,72,.55)}.btn-primary:hover,.dark .btn-primary:hover{background:linear-gradient(180deg,#be123c,#a81035);border-color:#be123c;color:#fff}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(190,18,60,.2)}.btn-secondary{background:#fff;border-color:#d4d4d8;color:#3f3f46}.dark .btn-secondary{background:#18181b;border-color:#3f3f46;color:#d4d4d8}.btn-secondary:hover{background:#fff5f6;border-color:#f43f5e;color:#e11d48}.dark .btn-secondary:hover{background:#2b0a12;border-color:#fb7185;color:#fda4af}.btn-tertiary{background:#f7f7f8;border-color:#e4e4e7;color:#52525b}.dark .btn-tertiary{background:#1c1c1f;border-color:#27272a;color:#a1a1aa}.btn-tertiary:hover{background:#f8f4f5;border-color:#e0d6d9;color:#18181b}.dark .btn-tertiary:hover{background:#1c1c1f;border-color:#2e2e33;color:#fafafa}.entry-tools{flex-wrap:wrap;gap:8px;margin-bottom:8px}.entry-cari,.entry-tools{display:flex;align-items:center}.entry-cari{position:relative;flex:0 1 200px;min-width:132px}.entry-cari-ico{position:absolute;left:7px;width:12px;height:12px;color:#a1a1aa;pointer-events:none}.entry-cari-input{width:100%;height:30px;padding:0 24px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#18181b;font-size:11px;font-weight:600}.entry-cari-input::-moz-placeholder{color:#a1a1aa;font-weight:500}.entry-cari-input::placeholder{color:#a1a1aa;font-weight:500}.entry-cari-input:focus-visible{border-color:#e11d48;outline:2px solid #e11d48;outline-offset:1px}.dark .entry-cari-input{background:#0a0a0b;border-color:#3f3f46;color:#fafafa}.entry-cari-x{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:0;border-radius:999px;cursor:pointer;background:#f4f4f5;color:#71717a;transition:background .12s ease,color .12s ease}.entry-cari-x[hidden]{display:none}.entry-cari-x:hover{background:#e11d48;color:#fff}.entry-cari-x:focus-visible{outline:2px solid #e11d48;outline-offset:1px}.dark .entry-cari-x{background:#27272a;color:#a1a1aa}.dark .entry-cari-x:hover{background:#fb7185;color:#18181b}.entry-chip{display:inline-flex;align-items:center;gap:5px;flex:none;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--garis);background:#fafafa;font-size:9.5px;font-weight:800;letter-spacing:.01em;color:#52525b;white-space:nowrap}.dark .entry-chip{background:#18181b;color:#a1a1aa}.entry-chip-ico{width:11px;height:11px;flex:none;color:#a1a1aa}.dark .entry-chip-ico{color:#71717a}.entry-chip.chip-ada{border-color:rgba(5,150,105,.3);background:#ecfdf5;color:#047857}.entry-chip.chip-ada .entry-chip-ico{color:#059669}.dark .entry-chip.chip-ada{border-color:rgba(52,211,153,.28);background:#022c22;color:#6ee7b7}.dark .entry-chip.chip-ada .entry-chip-ico{color:#34d399}.entry-hint{flex:1 1 240px;min-width:0;font-size:9.5px;line-height:1.5;color:#71717a}.dark .entry-hint{color:#a1a1aa}.entry-hint b{font-weight:800}.entry-hint b:first-of-type{color:#059669}.entry-hint b:nth-of-type(2){color:#e11d48}.dark .entry-hint b:first-of-type{color:#34d399}.dark .entry-hint b:nth-of-type(2){color:#fb7185}.col-kepala{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.col-in{color:#059669}.col-out{color:#e11d48}.dark .col-in{color:#34d399}.dark .col-out{color:#fb7185}.nm-baris{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.nm-info{display:block;min-width:0}.nm-nama{display:block;font-size:11px;font-weight:800;line-height:1.3;color:#18181b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .nm-nama{color:#fafafa}.nm-satuan{display:block;font-size:9.5px;font-weight:600;color:#a1a1aa}.nm-aksi{gap:4px;flex:none}.nm-aksi,.tandai-ada{display:inline-flex;align-items:center}.tandai-ada{justify-content:center;width:16px;height:16px;border-radius:999px;background:#d1fae5;color:#047857}.dark .tandai-ada{background:rgba(16,185,129,.18);color:#34d399}.icon-mini{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:#a1a1aa;transition:background .12s ease,color .12s ease}.icon-mini:hover{background:#fee2e2;color:#e11d48}.dark .icon-mini:hover{background:rgba(225,29,72,.18);color:#fb7185}.icon-mini:focus-visible{outline:2px solid #e11d48;outline-offset:-2px}.stok-kritis{color:#e11d48;font-weight:800}.dark .stok-kritis{color:#fb7185}.stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:stretch;width:100%;height:28px;border:1px solid #e4e4e7;border-radius:8px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 1px rgba(24,24,27,.03);transition:border-color .14s ease,box-shadow .14s ease}.dark .stepper{background:#0a0a0b;border-color:#3f3f46;box-shadow:inset 0 1px 1px rgba(0,0,0,.4)}.step-btn{display:flex;align-items:center;justify-content:center;width:28px;min-width:28px;border:0;cursor:pointer;background:#f4f4f5;color:#52525b;transition:background .12s ease,color .12s ease}.dark .step-btn{background:#18181b;color:#a1a1aa}.step-btn:hover:not(:disabled){background:#e11d48;color:#fff}.dark .step-btn:hover:not(:disabled){background:#fb7185;color:#18181b}.step-btn:disabled{opacity:.38;cursor:default}.step-dn{border-right:1px solid #d4d4d8;border-radius:7px 0 0 7px}.step-up{border-left:1px solid #d4d4d8;border-radius:0 7px 7px 0}.dark .step-dn,.dark .step-up{border-color:#3f3f46}.step-val{width:100%;min-width:0;border:0;background:transparent;text-align:center;font-size:13px;font-weight:800;color:#18181b;font-variant-numeric:tabular-nums}.step-val::-moz-placeholder{color:#b0b0b8;font-weight:600}.step-val::placeholder{color:#b0b0b8;font-weight:600}.dark .step-val{color:#fafafa}.dark .step-val::-moz-placeholder{color:#4b4b52}.dark .step-val::placeholder{color:#4b4b52}.stepper:focus-within{border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.16)}.dark .stepper:focus-within{border-color:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.2)}.step-val.step-lewat{color:#e11d48}.dark .step-val.step-lewat{color:#fb7185}#in-grid td.c-in .stepper:focus-within{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.16)}.dark #in-grid td.c-in .stepper:focus-within{border-color:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}#in-grid td.c-in .step-val:focus-visible{outline-color:#059669}.dark #in-grid td.c-in .step-val:focus-visible{outline-color:#34d399}#in-grid td.c-in .step-btn:hover:not(:disabled){background:#059669;color:#fff}.dark #in-grid td.c-in .step-btn:hover:not(:disabled){background:#34d399;color:#06281d}.entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.entry-status{flex:1 1 200px;min-width:0;font-size:10px;font-weight:700;line-height:1.5;color:#a1a1aa}.entry-status.status-ubah{color:#3f3f46}.dark .entry-status.status-ubah{color:#e4e4e7}.entry-status.status-kurang{color:#e11d48}.dark .entry-status.status-kurang{color:#fb7185}.entry-btns{display:flex;align-items:center;gap:6px;margin-left:auto}#entry-save[disabled]{opacity:.55}.c-urut{width:1%;white-space:nowrap}.urut{gap:2px}.urut,.urut-btn{display:inline-flex}.urut-btn{align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #d4d4d8;border-radius:5px;background:#fff;color:#71717a;transition:background .15s ease,border-color .15s ease,color .15s ease}.dark .urut-btn{background:#0a0a0b;border-color:#3f3f46;color:#a1a1aa}.urut-btn:hover:not(:disabled){border-color:#e11d48;color:#e11d48}.dark .urut-btn:hover:not(:disabled){border-color:#fb7185;color:#fb7185}.urut-btn:disabled{opacity:.35;cursor:default}.urut-btn:focus-visible{outline:2px solid #e11d48;outline-offset:1px}.week-sum .week-print:after{width:44px;height:44px}.urut-btn:after,.week-sum .week-print:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.urut-btn:after{width:32px;height:32px}.urut-btn,.week-sum .week-print{position:relative}@media (max-width:767px){.btn:has(>svg:only-child):not(#periode-fold){min-width:40px;min-height:40px}#periode-fold{position:relative}#periode-fold:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%)}}.text-brand-400{color:#6e6e76}.dark .text-brand-400{color:#a1a1aa}.dark .text-accent{color:#f43f5e}.dark .text-brand-500{color:#8a8a93}.text-\[8\.5px\],.text-\[8px\],.text-\[9px\]{font-size:10px}.text-\[9\.5px\]{font-size:10.5px}#nav{padding-top:calc(.75rem + env(safe-area-inset-top, 0px))}#app>.no-print{padding-top:calc(4rem + env(safe-area-inset-top, 0px))}.app-container{padding-bottom:calc(3rem + env(safe-area-inset-bottom, 0px))}#gate{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom, 0px))}@media (max-width:767px){.app-container{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px))}.pop-stack{bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px))}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #e11d48;outline-offset:2px;border-radius:4px}.week-sum .week-print:focus-visible{outline:2px solid #e11d48;outline-offset:2px}.field:focus-visible{outline:2px solid #e11d48;outline-offset:0}table.tbl .step-btn:focus-visible,table.tbl .step-val:focus-visible{outline:2px solid #e11d48;outline-offset:-2px}.spinner{display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:-1px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}.btn.is-busy{cursor:progress}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.period-actions{width:100%}.period-actions .btn{flex:1 1 0;min-width:0;justify-content:center;padding:4px 8px;font-size:10.5px;gap:5px}@media (max-width:767px){.period-bar{padding:9px 10px}.period-actions{flex-wrap:wrap}.period-actions .btn{flex:1 1 auto;min-width:0;justify-content:center;min-height:36px;white-space:nowrap}.period-bar .cd-btn{min-height:36px}.stat-chip{padding:4px 8px 4px 7px}}.dark .btn:disabled:hover{border-color:#3f3f46;color:#d4d4d8}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn:hover,.stat-chip:hover{transform:none}.btn,.cd-btn,.cd-caret,.cd-opt,.stat-chip{transition-duration:.01ms}}.field[aria-invalid=true]{border-color:#f43f5e}.dark .field[aria-invalid=true]{border-color:#fb7185}.tab{padding:4px 8px;font-size:10.5px;font-weight:700;border-bottom:2px solid transparent;color:#71717a}.tab:hover{color:#18181b}.dark .tab:hover{color:#ededed}.tab-on{color:#e11d48;border-bottom-color:#e11d48}#bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;justify-content:center;padding:0 16px calc(16px + env(safe-area-inset-bottom, 0px));pointer-events:none}@media (max-width:767px){#bottom-nav{display:flex}}.bnav-wrap{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;max-width:380px;padding:6px;border-radius:999px;box-shadow:0 12px 32px -12px rgba(24,24,27,.35),0 2px 8px -3px rgba(24,24,27,.12)}.dark .bnav-wrap{box-shadow:0 12px 32px -12px rgba(0,0,0,.8),0 2px 8px -3px rgba(0,0,0,.5)}.bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0;padding:8px 4px 7px;border-radius:999px;font-size:9.5px;font-weight:700;line-height:1;color:#71717a;background:transparent;transition:color .18s ease,background .18s ease,transform .18s ease}.bnav-item span{white-space:nowrap}.bnav-item:hover{color:#18181b}.dark .bnav-item:hover{color:#ededed}.bnav-item:active{transform:scale(.94)}.bnav-item.tab-on{color:#fff;background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 6px 16px -6px rgba(225,29,72,.65)}.dark .bnav-item.tab-on{background:linear-gradient(135deg,#f43f5e,#9f1239)}:root{--garis:#e4e4e7;--garis-kuat:#d4d4d8;--card-grad:linear-gradient(180deg,#fff,#fdf8f9)}.dark{--garis:#3f3f46;--garis-kuat:#52525b;--card-grad:linear-gradient(180deg,#1b1b1e,#141416)}table.tbl{width:100%;border-collapse:separate;border-spacing:0}table.tbl td,table.tbl th{border-bottom:1px solid var(--garis)}table.tbl:not(.lap-table) tbody td{border-bottom-color:var(--garis-kuat)}:where(table.tbl) :where(th,td){padding:5px 7px;text-align:left;font-size:11px}table.tbl#in-grid td{padding:5px 7px}table.tbl thead th{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#52525b;background:#fafafa;border-bottom:1px solid var(--garis-kuat)}.dark table.tbl thead th{background:#18181b;color:#a1a1aa}table.tbl thead tr:not(:last-child) th:not([rowspan]){border-bottom-color:transparent}table.tbl tfoot td{border-top:1px solid var(--garis-kuat)}table.tbl tbody tr:last-child td,table.tbl tfoot tr:last-child td{border-bottom-color:transparent}table.tbl tbody tr:hover td{background:#f4f4f5}.dark table.tbl tbody tr:hover td{background:#27272a}.lap-table td,.lap-table th{border-right:1px solid var(--garis)}.lap-table .c-prev,.lap-table td:last-child,.lap-table th:last-child{border-right-color:transparent}.lap-table .c-grp{border-left:1px solid var(--garis-kuat)}.lap-table .c-nm{border-right:1px solid var(--garis-kuat)}.lap-table .day-weekend{background-image:repeating-linear-gradient(0deg,rgba(24,24,27,.05),rgba(24,24,27,.05) 1px,transparent 0,transparent 4px),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(240,5%,96%,.9))}.dark .lap-table .day-weekend{background-image:repeating-linear-gradient(0deg,hsla(240,6%,90%,.06),hsla(240,6%,90%,.06) 1px,transparent 0,transparent 4px),linear-gradient(180deg,rgba(24,24,27,.5),rgba(20,20,22,.9))}.lap-table thead{position:static}.week-card{border:1px solid var(--garis-kuat);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(24,24,27,.04),0 10px 24px -18px rgba(24,24,27,.14)}.dark .week-card,.week-card{background:var(--card-grad)}.week-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:linear-gradient(180deg,#f9f9fa,#f2f2f4);border-bottom:1px solid var(--garis)}.dark .week-head{background:linear-gradient(180deg,#212125,#1a1a1e)}.week-title{font-size:11px;font-weight:800;color:#18181b;line-height:1.2}.dark .week-title{color:#fafafa}.week-range{font-size:9.5px;color:#52525b;line-height:1.3;margin-top:1px}.dark .week-range{color:#a1a1aa}.week-sum{display:flex;align-items:center;gap:6px;flex:none}.week-sum .week-print{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.week-chip{font-size:9.5px;font-weight:800;font-variant-numeric:tabular-nums}.week-note{padding:5px 10px;font-size:10px;line-height:1.4;color:#52525b;background:#fafafa;border-bottom:1px solid var(--garis)}.dark .week-note{background:#101012;color:#a1a1aa}.week-kosong{padding:14px 10px;text-align:center;font-size:10px;color:#52525b}.dark .week-kosong{color:#a1a1aa}.scroll-x{overflow-x:auto;overflow-y:clip;overflow-clip-margin:6px;overscroll-behavior-x:contain}.scroll-x::-webkit-scrollbar{display:block;height:6px}.scroll-x::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.dark .scroll-x::-webkit-scrollbar-thumb{background:#3f3f46}.app-container{overflow-x:hidden}td.c-no,th.c-no{left:0;width:34px;min-width:34px;text-align:center}td.c-nm,td.c-no,th.c-nm,th.c-no{position:sticky;background:#fff;z-index:1}td.c-nm,th.c-nm{left:34px;min-width:150px}table.tbl#in-grid{width:100%;table-layout:fixed}table.tbl#in-grid td.c-nm,table.tbl#in-grid th.c-nm{width:auto;min-width:120px;text-align:left;left:40px}table.tbl#in-grid td.c-no,table.tbl#in-grid th.c-no{width:40px;min-width:40px}table.tbl#in-grid td.st-col,table.tbl#in-grid th.st-col{width:108px;min-width:108px}table.tbl#in-grid th.st-col{text-align:center}table.tbl#in-grid th.st-col.stok-col{text-align:right}table.tbl#in-grid td.st-col{text-align:left}table.tbl#in-grid td.st-col.stok-col{text-align:right}table.tbl#in-grid th.c-in{background:#f0fdf4;color:#047857}table.tbl#in-grid th.c-out{background:#fff5f6;color:#be123c}.dark table.tbl#in-grid th.c-in{background:#06281d;color:#34d399}.dark table.tbl#in-grid th.c-out{background:#2b0a12;color:#fb7185}table.tbl#in-grid td.st-col,table.tbl#in-grid th.st-col{box-shadow:inset 1px 0 0 var(--garis-kuat)}:where(#in-grid,#stok-body,#barang-body) :where(tbody tr:nth-child(2n) td:not([colspan]):not(.entry-kosong)){background:#f6f6f8}.dark :where(#in-grid,#stok-body,#barang-body) :where(tbody tr:nth-child(2n) td:not([colspan]):not(.entry-kosong)){background:#1a1a1e}table.tbl#in-grid tbody tr.row-edit td{background:#fffbeb}.dark table.tbl#in-grid tbody tr.row-edit td{background:#2a2410}table.tbl#in-grid tbody tr.row-edit td.c-no{box-shadow:inset 3px 0 0 #e11d48}.dark table.tbl#in-grid tbody tr.row-edit td.c-no{box-shadow:inset 3px 0 0 #fb7185}table.tbl#in-grid td.entry-kosong{padding:26px 12px;text-align:center;font-size:10.5px;font-weight:600;line-height:1.6;color:#71717a}.dark table.tbl#in-grid td.entry-kosong{color:#a1a1aa}table.tbl#in-grid td.entry-kosong b{font-weight:800;color:#3f3f46}.dark table.tbl#in-grid td.entry-kosong b{color:#e4e4e7}table.tbl#in-grid tfoot td{background:#f7f7f8;padding:7px}.dark table.tbl#in-grid tfoot td{background:#141416}table.tbl#in-grid tfoot td.c-nm.foot-label{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#71717a}.dark table.tbl#in-grid tfoot td.c-nm.foot-label{color:#a1a1aa}table.tbl#in-grid tfoot td.foot-kosong{color:#d4d4d8}.dark table.tbl#in-grid tfoot td.foot-kosong{color:#3f3f46}table.tbl#in-grid tfoot td.c-in,table.tbl#in-grid tfoot td.c-out{text-align:center}table.tbl#in-grid .foot-chip{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;min-width:30px;padding:2px 9px;border-radius:999px;line-height:1.3}table.tbl#in-grid .chip-in{background:#ecfdf5;color:#047857}table.tbl#in-grid .chip-out{background:#fff5f6;color:#be123c}.dark table.tbl#in-grid .chip-in{background:#052e1b;color:#34d399}.dark table.tbl#in-grid .chip-out{background:#2c0d12;color:#fb7185}table.tbl#in-grid th .stok-caption{margin-left:3px;font-size:8.5px;font-weight:700;letter-spacing:.01em;text-transform:none;color:#a1a1aa}.dark table.tbl#in-grid th .stok-caption{color:#52525b}@media (max-width:767px){table.tbl#in-grid td,table.tbl#in-grid th{padding:3px 4px}table.tbl#in-grid td.c-no,table.tbl#in-grid th.c-no{width:24px;min-width:24px}table.tbl#in-grid td.c-nm,table.tbl#in-grid th.c-nm{left:24px;min-width:96px}table.tbl#in-grid td.st-col,table.tbl#in-grid th.st-col{width:68px;min-width:68px}table.tbl#in-grid td.c-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper{height:24px;width:100%;grid-template-columns:20px minmax(0,1fr) 20px;overflow:visible}.stepper .step-val{font-size:11px;border-radius:0}.stepper .step-dn{border-radius:6px 0 0 6px}.stepper .step-up{border-radius:0 6px 6px 0}.stepper .step-btn{width:20px;min-width:20px;position:relative}.stepper .step-btn:after{content:"";position:absolute;top:-7px;bottom:-7px;left:-3px;right:-3px}table.tbl#in-grid tfoot td{padding:6px 4px}table.tbl#in-grid tfoot .foot-chip{font-size:12px;padding:1px 7px}table.tbl#in-grid td.entry-kosong{padding:22px 8px}}.dark td.c-nm,.dark td.c-no,.dark th.c-nm,.dark th.c-no{background:#18181b}table.tbl thead th.c-nm,table.tbl thead th.c-no{z-index:3}th.c-day{text-align:center;min-width:62px;border-left:1px solid var(--garis-kuat)}th.c-day.day-aktif{color:#18181b;background:#f4f4f5}.dark th.c-day.day-aktif{color:#fafafa;background:#27272a}.th-dot{display:inline-block;width:4px;height:4px;border-radius:999px;background:#e11d48;margin-left:3px;vertical-align:middle}td.c-sum,th.c-sum{position:sticky;background:#fff;z-index:1;text-align:center}.dark td.c-sum,.dark th.c-sum{background:#18181b}th.c-sum{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#52525b}td.c-sum,th.c-sum{min-width:52px;border-left:1px solid var(--garis-kuat)}td.c-sum{font-size:11px;background:#fafafa;padding:5px 4px}.dark td.c-sum{background:#1c1c20}.dark th.c-sum{color:#a1a1aa}table.tbl thead th.c-sum{z-index:3}tfoot td.c-sum{font-weight:800}tr>.c-sum:last-child{right:0;box-shadow:-6px 0 8px -8px rgba(24,24,27,.35)}tr>.c-sum:nth-last-child(2){right:52px}tr>.c-sum:nth-last-child(3){right:104px}.dark tr>.c-sum:last-child{box-shadow:-6px 0 8px -8px rgba(0,0,0,.7)}td.c-cell,th.day-aktif{cursor:default}th.c-day[onclick]{cursor:pointer}th.c-day[onclick]:hover{color:#e11d48}.dark th.c-day[onclick]:hover{color:#fda4af}.lap-table th.c-sub{width:var(--kolom-hari,36px);min-width:var(--kolom-hari,36px);padding:4px 2px;font-size:9.5px;letter-spacing:0;text-align:center;color:#52525b}.dark .lap-table th.c-sub{color:#a1a1aa}.lap-table td.c-cell{width:var(--kolom-hari,36px);min-width:var(--kolom-hari,36px);text-align:center;padding:5px 2px}.lap-table td.c-nm{box-shadow:6px 0 8px -8px rgba(24,24,27,.35)}.dark .lap-table td.c-nm{box-shadow:6px 0 8px -8px rgba(0,0,0,.75)}.cell-zero{color:#d4d4d8}.cell-in{color:#047857}.dark .cell-in{color:#34d399}.cell-out{color:#e11d48}.dark .cell-out{color:#fda4af}.cell-low{background:#fffbeb}.dark .cell-low{background:#2a2410}.cell-none{background:#fef2f2}.dark .cell-none{background:#2c1214}.row-off td{color:#52525b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath stroke='%23a1a1aa' d='m0 6 6-6' opacity='.4'/%3E%3C/svg%3E")}.dark .row-off td{color:#a1a1aa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath stroke='%2371717a' d='m0 6 6-6' opacity='.55'/%3E%3C/svg%3E")}.cell-lead{font-weight:700;color:#18181b}.dark .cell-lead{color:#ededed}.h-row-1 th{top:0;height:22px}.h-row-2 th{top:22px;height:18px}.lap-table thead th{line-height:1}.lap-table .h-row-1 th{height:24px}.lap-table .h-row-2 th{height:20px}@media (max-width:767px){.lap-table th.c-sub{padding:5px 3px;font-size:9.5px;letter-spacing:0;text-align:center}.lap-table td.c-cell{padding:5px 3px;font-size:11px}.lap-table td.c-nm,.lap-table th.c-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lap-table tr>.c-sum{position:static;box-shadow:none}}.print-only{display:none}@media print{@page{size:A4 landscape;margin:9mm 8mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body>:not(#print-area){display:none!important}#print-area{display:block!important}.app-container{background:#fff!important}.print-judul{border:1.4pt solid #000;background:#e6e6e6;padding:1.9mm 2mm;text-align:center;font-size:14pt;font-weight:800;letter-spacing:.02em;color:#000;-webkit-print-color-adjust:exact}.print-meta{display:flex;justify-content:space-between;gap:8mm;padding:1.6mm 0 1.4mm;font-size:8.5pt;font-weight:700;color:#000}.print-meta .ruang{display:inline-block;width:52mm;border-bottom:.5pt solid #000}table.print-table{width:100%;border-collapse:collapse;table-layout:fixed;border:.8pt solid #18181b}table.print-table td,table.print-table th{border:.5pt solid #8a8a95;padding:1.2px 2px;font-size:6.4pt;font-variant-numeric:tabular-nums}table.print-table tbody td{height:6.4mm}table.print-table thead{display:table-header-group}table.print-table tfoot{display:table-footer-group}table.print-table tr{-moz-column-break-inside:avoid;break-inside:avoid}table.print-table td,table.print-table th{text-align:center}table.print-table .h-1 th{background:#e8e8e8;font-size:6.4pt;font-weight:700;white-space:nowrap;overflow:hidden}table.print-table th.p-tgl{padding:1px 2px 1.4px;letter-spacing:.01em}table.print-table .p-tgl-isian{display:inline-block;width:13pt;border-bottom:.5pt solid #000;margin:0 1.4pt;vertical-align:1.4pt}table.print-table .p-tgl-bl{font-size:4.8pt;font-weight:600;letter-spacing:0;margin-right:1.2pt}table.print-table .h-2 th{background:#f4f4f4;font-size:6pt;font-weight:600;color:#333}table.print-table td.p-akhir-pekan,table.print-table th.p-akhir-pekan{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 0,transparent 4px)}table.print-table td.p-out{color:#777}table.print-table td.p-no,table.print-table th.p-no{width:20pt}table.print-table td.p-nm,table.print-table th.p-nm{width:118pt;text-align:left;padding-left:4px;font-weight:700;white-space:nowrap;overflow:hidden}table.print-table.p-rapat td,table.print-table.p-rapat th{font-size:5.6pt;padding:.5px 1px}table.print-table.p-rapat td.p-nm,table.print-table.p-rapat th.p-nm{width:86pt}table.print-table.p-ketat td,table.print-table.p-ketat th{font-size:4.4pt;padding:.5px}table.print-table.p-ketat td.p-nm,table.print-table.p-ketat th.p-nm{width:72pt}}.last\:border-0:last-child{border-width:0}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-brand-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.dark\:border-brand-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\:border-brand-950:is(.dark *){--tw-border-opacity:1;border-color:rgb(5 5 5/var(--tw-border-opacity,1))}.dark\:bg-black\/20:is(.dark *){background-color:rgba(0,0,0,.2)}.dark\:bg-brand-900\/40:is(.dark *){background-color:rgba(24,24,27,.4)}.dark\:text-accent:is(.dark *){--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-brand-200:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.dark\:text-brand-300:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dark\:text-brand-400:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-4xl{max-width:56rem}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.lg\:block{display:block}.lg\:max-w-7xl{max-width:80rem}}@media (min-width:1280px){.xl\:ml-2{margin-left:.5rem}.xl\:inline-block{display:inline-block}.xl\:max-w-\[420px\]{max-width:420px}}