@charset "UTF-8";.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--brand-red: #fd0100;--brand-red-dark: #c40100;--brand-red-soft: #ffe8e7;--brand-orange: #fd0100;--brand-orange-light: #ff4d47;--brand-indigo: #6366f1;--brand-indigo-dark: #4f46e5;--brand-black: #18203a;--brand-charcoal: #243449;--brand-gold: #f5b800;--brand-cream: #fff8ee;--brand-bg: #fffcf8;--brand-muted: #5b6776;--brand-line: #ececec;--surface: #ffffff;--surface-2: #fffcf8;--surface-3: #f3f1ea;--surface-hover: rgba(0, 0, 0, .03);--text: #18203a;--text-muted: #5b6776;--border: #ececec;--input-border: #353b49;--shadow-color: rgba(40, 34, 24, .09);--topbar-bg: rgba(255, 255, 255, .72);--font-display: "DM Serif Display", "Playfair Display", Georgia, serif;--font-sans: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--erp-garis: color-mix(in srgb, var(--brand-black) 10%, transparent);--erp-garis-tebal: color-mix(in srgb, var(--brand-black) 15%, transparent);--erp-kepala: color-mix(in srgb, var(--brand-black) 3%, var(--surface));--erp-zebra: color-mix(in srgb, var(--brand-black) 1.5%, var(--surface));--erp-r: 12px;--erp-pad: 18px;--erp-r-dalam: 8px;--shadow-sm: 0 4px 14px rgba(40, 50, 90, .07);--shadow-md: 0 18px 40px rgba(40, 50, 90, .1);--shadow-lg: 0 30px 80px rgba(40, 50, 90, .16);--shadow-red: 0 18px 40px rgba(253, 1, 0, .25)}[data-theme=dark]{--surface: #16273b;--surface-2: #112033;--surface-3: #0d1b2c;--surface-hover: rgba(255, 255, 255, .05);--text: #e8eef6;--text-muted: #94a3b8;--border: #243b52;--input-border: #3a5170;--shadow-color: rgba(0, 0, 0, .45);--brand-bg: #112033;--brand-black: #e8eef6;--brand-muted: #94a3b8;--brand-line: #243b52;--brand-cream: #16273b;--topbar-bg: rgba(17, 26, 42, .72);--erp-garis: rgba(255, 255, 255, .08);--erp-garis-tebal: rgba(255, 255, 255, .14);--erp-kepala: rgba(255, 255, 255, .035);--erp-zebra: rgba(255, 255, 255, .02)}html{transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-3);color:var(--brand-black);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}table,input[type=number],input[type=date],input[type=time]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}code,kbd,samp,pre,.mono{font-family:var(--font-mono)}img{max-inline-size:100%;block-size:auto;display:block}#app{position:relative;z-index:1}@keyframes nexvia-spin{to{transform:rotate(360deg)}}.refresh-icon{transition:transform .2s ease}.refresh-icon.is-spinning{animation:nexvia-spin .6s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:600;cursor:pointer;border-radius:8px;transition:all .18s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.btn.btn-md{block-size:38px;padding:0 16px;font-size:.86rem}.btn.btn-sm{block-size:32px;padding:0 12px;font-size:.8rem}.btn.btn-block{inline-size:100%}.btn:disabled,.btn.btn-loading{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-primary:hover:not(:disabled){background:var(--brand-red-dark);border-color:var(--brand-red-dark)}.btn-secondary{background:var(--surface);color:var(--brand-black);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand-black)}.btn-ghost{background:transparent;color:var(--brand-black)}.btn-ghost:hover:not(:disabled){background:var(--brand-bg)}.btn-danger{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-danger:hover:not(:disabled){background:var(--brand-red-dark)}.btn-sukses{background:#10b981;color:#fff;border-color:#10b981}.btn-sukses:hover:not(:disabled){background:#059669;border-color:#059669}.btn-warning{background:var(--brand-gold);color:#3d2c00;border-color:var(--brand-gold)}.btn-warning:hover:not(:disabled){background:#d49600;border-color:#d49600}.btn-warning-ghost{background:transparent;color:#8a6100;border-color:var(--brand-gold)}.btn-warning-ghost:hover:not(:disabled){background:#f0b0001f;border-color:#d49600;color:#6d4c00}[data-theme=dark] .btn-warning-ghost{color:var(--brand-gold)}[data-theme=dark] .btn-warning-ghost:hover:not(:disabled){background:#f0b00029;color:var(--brand-gold)}.btn .btn-label{display:inline-flex;align-items:center}.btn .spin{inline-size:12px;block-size:12px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:nexvia-spin .7s linear infinite;opacity:.7}.logo-loader{--orb: clamp(148px, 24vw, 208px);--orb-track: rgba(0, 0, 0, .08);--orb-dot: rgba(0, 0, 0, .16);--orb-head: var(--brand-red);--orb-head-glow: rgba(253, 1, 0, .85);position:relative;inline-size:var(--orb);block-size:var(--orb);display:grid;place-items:center;flex:none}.logo-loader .orb-glow{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;background:radial-gradient(circle,rgba(253,1,0,.32) 0%,rgba(253,1,0,.08) 45%,transparent 70%);animation:orbPulse 2.6s ease-in-out infinite}.logo-loader .orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.logo-loader .orb-track{fill:none;stroke:var(--orb-track);stroke-width:6}.logo-loader .orb-prog{fill:none;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(253,1,0,.75));transition:stroke-dashoffset .15s linear}.logo-loader .orb-dots{fill:none;stroke:var(--orb-dot);stroke-width:2;stroke-dasharray:1 11;stroke-linecap:round;transform-origin:100px 100px;animation:orbSpin 16s linear infinite}.logo-loader .orb-head{fill:var(--orb-head);filter:drop-shadow(0 0 6px var(--orb-head-glow))}.logo-loader .orb-core{position:relative;z-index:1;inline-size:68%;block-size:68%;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,#fdf3f2 55%,#f3dedd);display:grid;place-items:center;padding:12%;box-shadow:0 0 0 1px #ffffffb3,0 18px 42px -12px #00000073,inset 0 -8px 20px -10px #c4010059;animation:orbFloat 3.6s ease-in-out infinite}.logo-loader .orb-core img{inline-size:100%;block-size:auto;display:block}.logo-loader.is-indeterminate .orb-prog{transition:none;transform-origin:100px 100px;animation:orbSpin 1.1s cubic-bezier(.6,.1,.4,.9) infinite}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes orbPulse{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.logo-loader .orb-glow,.logo-loader .orb-dots,.logo-loader .orb-core,.logo-loader.is-indeterminate .orb-prog{animation:none}}.breadcrumb{font-size:.82rem}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.breadcrumb li{display:inline-flex;align-items:center;gap:6px}.crumb{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;color:var(--brand-muted);text-decoration:none;font-weight:600;transition:all .18s ease;white-space:nowrap;border:0;background:transparent;font-family:inherit;cursor:pointer}.crumb svg{flex-shrink:0}.crumb.home svg{opacity:.85}.crumb:not(.current):hover{background:var(--brand-bg);color:var(--brand-red)}.crumb.current{color:var(--brand-black);font-weight:700;cursor:default}.breadcrumb .sep{color:var(--brand-muted);opacity:.7;flex-shrink:0}.page-header{margin-block-end:22px}.page-header .header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-block-start:10px}.page-header .header-text{min-inline-size:0}.page-header .header-text h1{margin:0;font-size:1.6rem;font-weight:700;color:var(--brand-black);letter-spacing:-.01em;line-height:1.2}.page-header .header-text p{margin:4px 0 0;font-size:.88rem;color:var(--brand-muted)}.page-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.form-section{border-block-end:1px solid var(--border)}.form-section:last-child{border-block-end:0}.form-section .section-head{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 14px}.form-section .section-num{inline-size:28px;block-size:28px;border-radius:7px;background:var(--brand-red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem;flex-shrink:0}.form-section .section-text{flex:1;min-inline-size:0}.form-section .section-text h3{margin:0;font-size:.92rem;font-weight:700;color:var(--brand-black);text-transform:uppercase;letter-spacing:.06em}.form-section .section-text p{margin:4px 0 0;font-size:.82rem;color:var(--brand-muted);line-height:1.5}.form-section .section-action{margin-inline-start:auto;flex-shrink:0;align-self:flex-start}.form-section .section-body{padding:4px 24px 24px}@media (max-width: 560px){.form-section .section-head{flex-wrap:wrap}.form-section .section-action{inline-size:100%;margin-inline-start:0}.form-section .section-action>button{inline-size:100%;justify-content:center}}.form-field{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.form-field .field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-block-size:18px}.form-field>label,.form-field .field-head>label{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--brand-black);text-transform:uppercase}.form-field>label .required,.form-field .field-head>label .required{color:var(--brand-red);margin-inline-start:2px}.form-field .field-action{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--input-border);border-radius:999px;background:transparent;color:var(--brand-muted);font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background .18s ease}.form-field .field-action:hover{color:var(--brand-red);border-color:var(--brand-red);background:#ff6b350f}.form-field .input-wrap{display:flex;align-items:center;gap:8px;padding:0 14px;min-block-size:44px;min-inline-size:0;background:var(--brand-bg);border:1.5px solid var(--input-border);border-radius:10px;transition:all .2s ease;position:relative}.form-field .input-wrap.textarea-wrap{padding:12px 14px;align-items:stretch}.form-field .input-wrap input,.form-field .input-wrap textarea,.form-field .input-wrap select{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:.92rem;color:var(--brand-black);inline-size:100%}.form-field .input-wrap input::placeholder,.form-field .input-wrap textarea::placeholder,.form-field .input-wrap select::placeholder{color:var(--brand-muted)}.form-field .input-wrap textarea{resize:vertical;min-block-size:70px;line-height:1.5}.form-field .input-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:24px}.form-field .input-wrap .chev{position:absolute;inset-inline-end:12px;color:var(--brand-muted);pointer-events:none}.form-field .input-wrap:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #ff6b3514}.form-field .error-msg{font-size:.78rem;color:var(--brand-red);font-weight:600;margin-block-start:2px}.form-field .hint-msg{font-size:.78rem;color:var(--brand-muted)}.form-field.has-error .input-wrap{border-color:var(--brand-red);background:#ff6b3508}.select-wrap{position:relative}.select-trigger{display:flex;align-items:center;gap:8px;inline-size:100%;min-block-size:44px;padding:0 12px 0 14px;background:var(--brand-bg);border:1.5px solid var(--input-border);border-radius:10px;cursor:pointer;font-family:inherit;font-size:.92rem;color:var(--brand-black);transition:all .18s ease;text-align:start}.select-trigger:hover:not(.open){border-color:var(--brand-muted)}.select-trigger.open{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #ff6b3514}.select-trigger.open .trigger-chev{transform:rotate(180deg)}.select-trigger.mati{cursor:not-allowed;background:var(--surface-hover, rgba(0, 0, 0, .03));border-style:dashed;border-color:var(--border)}.select-trigger.mati .trigger-placeholder{color:var(--brand-muted)}.select-trigger.mati .trigger-chev{opacity:.45}.trigger-value,.trigger-placeholder{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.trigger-value{overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding-block:7px}}.trigger-value{color:var(--brand-black)}.trigger-placeholder{color:var(--brand-muted)}.trigger-clear{inline-size:18px;block-size:18px;border-radius:50%;background:var(--brand-muted);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s ease}.trigger-clear:hover{background:var(--brand-red)}.trigger-chev{color:var(--brand-muted);transition:transform .22s ease;flex-shrink:0}.has-error .select-trigger{border-color:var(--brand-red);background:#ff6b3508}.select-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px -8px #1414142e,0 4px 10px -2px #14141414;overflow:hidden;display:flex;flex-direction:column;animation:selPop .16s cubic-bezier(.16,1,.3,1) both}@keyframes selPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.panel-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-block-end:1px solid var(--border);background:var(--surface-3)}.panel-search svg{color:var(--brand-muted);flex-shrink:0}.panel-search input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.86rem;color:var(--brand-black);min-inline-size:0}.panel-search input::placeholder{color:var(--brand-muted)}.panel-search .search-clear{inline-size:20px;block-size:20px;border-radius:50%;background:var(--brand-red);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all .15s ease}.panel-search .search-clear:hover{background:#b80510;transform:scale(1.1)}.panel-options{flex:1;overflow-y:auto;padding:4px;scrollbar-width:thin}.panel-options::-webkit-scrollbar{inline-size:6px}.panel-options::-webkit-scrollbar-thumb{background:var(--brand-line);border-radius:3px}.panel-option{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;padding:9px 12px;background:transparent;border:0;border-radius:7px;cursor:pointer;font-family:inherit;font-size:.86rem;color:var(--brand-black);text-align:start;transition:background .12s ease,color .12s ease}.panel-option .opt-label{flex:1 1 auto;min-inline-size:6ch;overflow-wrap:anywhere;line-height:1.45;font-weight:500}.panel-option .opt-check{color:var(--brand-red);flex-shrink:0}.panel-option .opt-note{flex:0 1 auto;min-inline-size:0;max-inline-size:50%;font-size:.7rem;font-weight:650;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-option.highlighted{background:var(--brand-bg);color:var(--brand-red)}.panel-option.mati{cursor:not-allowed;color:var(--brand-muted);background:transparent}.panel-option.mati .opt-label{font-weight:450}.panel-option.active{background:#ff6b3512;color:var(--brand-red);font-weight:700}.panel-option.active.highlighted{background:#ff6b351f}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;color:var(--brand-muted);font-size:.82rem}.panel-empty svg{color:var(--brand-line)}.panel-empty strong{color:var(--brand-black);font-weight:700}.panel-foot{padding:7px 12px;border-block-start:1px solid var(--border);background:var(--surface-3);font-size:.72rem;color:var(--brand-muted);text-align:end;font-weight:600}.periode-filter-erp{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.periode-filter-erp .periode-inputs-group{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 1px 2px #00000008;transition:all .2s ease}.periode-filter-erp .periode-inputs-group:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 3px #ff6b3514}.periode-filter-erp .periode-label-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-black);background:var(--surface);border-radius:6px;border:1px solid var(--border)}.periode-filter-erp .periode-label-tag svg{color:var(--brand-red)}.periode-filter-erp .date-input-wrap{position:relative;display:inline-flex;align-items:center}.periode-filter-erp .periode-date-input{border:1px solid transparent;background:transparent;padding:4px 8px;font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:600;color:var(--brand-black);border-radius:6px;outline:none;cursor:pointer;transition:all .15s ease}.periode-filter-erp .periode-date-input:hover,.periode-filter-erp .periode-date-input:focus{background:var(--surface);border-color:var(--border)}.periode-filter-erp .periode-sep-icon{display:inline-flex;align-items:center;color:var(--brand-muted);opacity:.6}.periode-filter-erp .btn-terapkan-erp{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:700;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);cursor:not-allowed;opacity:.7;transition:all .2s cubic-bezier(.16,1,.3,1)}.periode-filter-erp .btn-terapkan-erp.aktif{opacity:1;cursor:pointer;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;border-color:transparent;box-shadow:0 4px 12px #ff6b354d}.periode-filter-erp .btn-terapkan-erp.aktif:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.periode-filter-erp .btn-terapkan-erp.aktif:active{transform:translateY(0)}.periode-filter-erp .btn-terapkan-erp .pulse-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:pulseDot 1.4s ease-in-out infinite}.periode-filter-erp .periode-chips{display:inline-flex;align-items:center;gap:4px;background:var(--surface-3, rgba(0, 0, 0, .03));padding:3px;border-radius:9px;border:1px solid var(--border)}.periode-filter-erp .periode-chips .chip-btn{padding:5px 11px;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--brand-muted);background:transparent;border:0;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.periode-filter-erp .periode-chips .chip-btn:hover:not(.active){color:var(--brand-black);background:#0000000a}.periode-filter-erp .periode-chips .chip-btn.active{background:var(--surface);color:var(--brand-red);font-weight:700;box-shadow:0 1px 4px #00000014}@media (max-width: 640px){.periode-filter-erp{flex-direction:column;align-items:stretch;gap:10px}.periode-filter-erp .periode-inputs-group{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px 4px;padding:8px}.periode-filter-erp .periode-label-tag{grid-column:1/-1;justify-self:start}.periode-filter-erp .date-input-wrap{display:flex;min-inline-size:0}.periode-filter-erp .periode-date-input{inline-size:100%;min-inline-size:0;text-align:center;background:var(--surface);border-color:var(--border)}.periode-filter-erp .btn-terapkan-erp{grid-column:1/-1;justify-content:center;padding-block:8px}.periode-filter-erp .periode-chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.periode-filter-erp .periode-chips .chip-btn{text-align:center;padding-inline:6px}}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.dt{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px -4px #0000000d;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;border-block-end:1px solid var(--border);background:var(--surface)}.dt-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;block-size:38px;background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border);border-radius:9px;font-family:inherit;font-size:.84rem;font-weight:700;color:var(--brand-black);cursor:pointer;transition:all .2s ease}.dt-filter-btn svg{color:var(--brand-red);transition:transform .2s ease}.dt-filter-btn:hover,.dt-filter-btn.active{background:var(--surface);border-color:var(--brand-red);color:var(--brand-red);box-shadow:0 2px 8px #ff6b351f}.dt-filter-btn.has-filter{border-color:var(--brand-red);color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 7%,var(--surface))}.filter-count{display:inline-grid;place-items:center;min-inline-size:18px;block-size:18px;padding:0 5px;border-radius:9px;background:var(--brand-red);color:#fff;font-size:.68rem;font-weight:800;line-height:1}.dt-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .2s ease}.dt-filter-drawer{position:fixed;inset-block-start:0;inset-inline-end:0;block-size:100vh;block-size:100dvh;inline-size:360px;max-inline-size:90vw;background:var(--surface);box-shadow:-8px 0 30px #00000026;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.dt-filter-drawer.open{transform:translate(0);visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s}.dt-filter-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-block-end:1px solid var(--border)}.dt-filter-drawer .drawer-header h4{margin:0;font-size:1rem;font-weight:750;color:var(--brand-black)}.dt-filter-drawer .drawer-header .drawer-close{inline-size:30px;block-size:30px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--brand-muted);cursor:pointer;display:grid;place-items:center;transition:all .18s ease}.dt-filter-drawer .drawer-header .drawer-close:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.dt-filter-drawer .drawer-body{flex:1;overflow-y:auto;padding:20px}.dt-filter-drawer .drawer-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-block-start:1px solid var(--border);background:var(--surface-3, rgba(0, 0, 0, .02))}.dt-filter-drawer .drawer-reset{display:inline-flex;align-items:center;gap:6px;padding:0 14px;block-size:38px;font-family:inherit;font-size:.8rem;font-weight:700;color:var(--brand-muted);background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:all .18s ease}.dt-filter-drawer .drawer-reset:hover:not(:disabled){color:var(--brand-red);border-color:var(--brand-red)}.dt-filter-drawer .drawer-reset:disabled{opacity:.45;cursor:not-allowed}.dt-filter-drawer .drawer-apply{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;block-size:38px;font-family:inherit;font-size:.82rem;font-weight:750;color:#fff;background:linear-gradient(135deg,var(--brand-red),#e85420);border:0;border-radius:9px;cursor:pointer;box-shadow:0 4px 12px #ff6b3547;transition:all .18s ease}.dt-filter-drawer .drawer-apply:hover{box-shadow:0 6px 16px #ff6b3561}.dt-filter-drawer .drawer-apply .filter-count{background:#ffffff40;color:#fff}.filter-drawer-content{display:flex;flex-direction:column;gap:20px}.filter-drawer-content .filter-group{display:flex;flex-direction:column;gap:8px}.filter-drawer-content .filter-group .filter-group-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-muted)}.filter-drawer-content .filter-group .filter-group-hint{margin:0;font-size:.72rem;line-height:1.5;color:var(--brand-muted);opacity:.85}.filter-drawer-content .filter-pick-list{display:flex;flex-direction:column;gap:6px}.filter-drawer-content .filter-pick{display:flex;align-items:center;gap:8px;inline-size:100%;padding:9px 12px;font-family:inherit;font-size:.8rem;font-weight:650;text-align:start;color:var(--brand-muted);background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:all .18s ease}.filter-drawer-content .filter-pick:hover{color:var(--brand-black);border-color:var(--brand-black)}.filter-drawer-content .filter-pick.active{color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand-red) 35%,transparent)}.filter-drawer-content .filter-pick .pick-kode{flex:0 0 auto;padding:2px 7px;border-radius:5px;background:var(--surface);border:1px solid var(--border);font-size:.68rem;font-weight:800;letter-spacing:.03em}.filter-drawer-content .filter-pick .pick-nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-drawer-content .filter-pick .pick-n{margin-inline-start:auto;flex:0 0 auto;font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.filter-drawer-content .filter-pick.active .pick-n{opacity:1}.filter-drawer-content .filter-cari-jauh{inline-size:100%;padding:9px 12px;border-radius:9px;border:1.5px solid var(--input-border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.82rem}.filter-drawer-content .filter-cari-jauh::placeholder{color:var(--brand-muted);opacity:.8}.filter-drawer-content .filter-cari-jauh:focus{outline:none;border-color:color-mix(in srgb,var(--brand-red) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 10%,transparent)}.filter-drawer-content .filter-pick-jauh{max-block-size:268px;overflow-y:auto;padding-inline-end:4px;padding-block:2px}.filter-drawer-content .filter-pick-status{padding:9px 12px;font-size:.75rem;color:var(--brand-muted);text-align:center;line-height:1.45}.filter-drawer-content .filter-pick-status.galat{color:#b91c1c}.filter-drawer-content .periode-filter-erp{flex-direction:column;align-items:stretch;gap:10px}.filter-drawer-content .periode-filter-erp .periode-inputs-group{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 4px;padding:8px}.filter-drawer-content .periode-filter-erp .periode-label-tag{grid-column:1/-1;justify-self:start}.filter-drawer-content .periode-filter-erp .date-input-wrap{display:flex}.filter-drawer-content .periode-filter-erp .periode-date-input{inline-size:100%;text-align:center;background:var(--surface);border-color:var(--border)}.filter-drawer-content .periode-filter-erp .btn-terapkan-erp{grid-column:1/-1;justify-content:center;padding-block:8px}.filter-drawer-content .periode-filter-erp .periode-chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.filter-drawer-content .periode-filter-erp .periode-chips .chip-btn{text-align:center;padding-inline:6px}.filter-drawer-content .toggle-chip-erp,.filter-drawer-content .erp-select,.filter-drawer-content .erp-select-trigger{inline-size:100%}.filter-drawer-content .erp-select-dropdown{inline-size:100%;max-block-size:260px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dt .toolbar-left,.dt .toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dt .search-input{display:flex;align-items:center;gap:8px;padding:0 12px;block-size:38px;inline-size:300px;background:var(--surface-3, rgba(0, 0, 0, .03));border-radius:9px;border:1.5px solid var(--input-border);transition:all .2s ease}.dt .search-input svg{color:var(--brand-black);flex-shrink:0}.dt .search-input input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:var(--brand-black);min-inline-size:0}.dt .search-input input::placeholder{color:var(--brand-muted);opacity:.8}.dt .search-input .clear-btn{inline-size:20px;block-size:20px;border-radius:50%;background:var(--surface);color:var(--brand-muted);border:1px solid var(--border);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all .18s ease}.dt .search-input .clear-btn:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.dt .search-input:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 3px #ff6b351a}.dt-scroll,.dt-scroll-atas{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.3) transparent}[data-theme=dark] .dt-scroll,[data-theme=dark] .dt-scroll-atas{scrollbar-color:rgba(255,255,255,.28) transparent}.dt-scroll::-webkit-scrollbar,.dt-scroll-atas::-webkit-scrollbar{height:10px}.dt-scroll::-webkit-scrollbar-button,.dt-scroll-atas::-webkit-scrollbar-button{display:none;width:0;height:0}.dt-scroll::-webkit-scrollbar-track,.dt-scroll-atas::-webkit-scrollbar-track{background:transparent}.dt-scroll::-webkit-scrollbar-thumb,.dt-scroll-atas::-webkit-scrollbar-thumb{background:#14141447;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.dt-scroll::-webkit-scrollbar-thumb:hover,.dt-scroll-atas::-webkit-scrollbar-thumb:hover{background:#14141473;background-clip:padding-box}[data-theme=dark] .dt-scroll::-webkit-scrollbar-thumb,[data-theme=dark] .dt-scroll-atas::-webkit-scrollbar-thumb{background:#ffffff42;background-clip:padding-box}[data-theme=dark] .dt-scroll::-webkit-scrollbar-thumb:hover,[data-theme=dark] .dt-scroll-atas::-webkit-scrollbar-thumb:hover{background:#ffffff6b;background-clip:padding-box}.dt-scroll-atas{overflow-y:hidden;block-size:11px;background:var(--surface-3, rgba(0, 0, 0, .02))}.dt-scroll-atas>div{block-size:1px}.dt-table{inline-size:100%;border-collapse:collapse;font-size:.85rem}.dt-table thead{background:linear-gradient(180deg,#132238,#0e192b);position:sticky;inset-block-start:0;z-index:1}[data-theme=dark] .dt-table thead{background:#0a1526}.dt-table thead th{text-align:start;padding:14px 18px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fffffff2;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.dt-table thead th:not(:last-child):after{content:"";position:absolute;inset-block:28%;inset-inline-end:0;inline-size:1px;background:#ffffff1a}.dt-table thead th.align-right{text-align:end}.dt-table thead th.align-center{text-align:center}.dt-table thead tr{border-block-end:3px solid var(--brand-red)}.dt-table thead .th-num{inline-size:60px;text-align:center;color:#ff5e58}.dt-table thead .th-actions{inline-size:110px;text-align:end}.dt-table tbody tr{transition:background-color .15s ease,transform .15s ease;border-block-end:1px solid var(--border)}.dt-table tbody tr:hover{background:var(--surface-hover, rgba(0, 0, 0, .02))}.dt-table tbody tr:last-child{border-block-end:0}.dt-table tbody td{padding:12px 18px;color:var(--brand-black);vertical-align:middle}.dt-table tbody td.align-right{text-align:end}.dt-table tbody td.align-center{text-align:center}.dt-table tbody .td-num{color:var(--brand-muted);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.dt-table tbody .td-actions{text-align:end;white-space:nowrap;border-inline-start:1px solid var(--border);box-shadow:-9px 0 10px -9px #1414141f}[data-theme=dark] .dt-table tbody .td-actions{box-shadow:-9px 0 10px -9px #00000080}.dt .pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.dt .pill.pill-success{background:#1f7a321a;color:#1f7a32}.dt .pill.pill-success:before{content:"";inline-size:5px;block-size:5px;border-radius:50%;background:#1f7a32}.dt .pill.pill-muted{background:var(--brand-line);color:var(--brand-muted)}.dt .pill.pill-muted:before{content:"";inline-size:5px;block-size:5px;border-radius:50%;background:var(--brand-muted)}.dt .cell-code{font-family:var(--font-mono);font-size:.78rem;background:var(--brand-bg);padding:2px 7px;border-radius:4px;color:var(--brand-black);font-weight:600}.dt .state-cell{padding:50px 20px!important;text-align:center;border-block-end:0!important}.dt .state-loading{display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:var(--brand-muted);font-size:.88rem;font-weight:600}.dt .state-empty{display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--brand-muted)}.dt .state-empty svg{color:var(--brand-line);margin-block-end:4px}.dt .state-empty strong{font-size:.95rem;color:var(--brand-black);font-weight:700}.dt .state-empty span{font-size:.82rem}.dt-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 18px;border-block-start:1px solid var(--border);background:var(--surface)}.dt .foot-info{font-size:.82rem;color:var(--brand-muted)}.dt .foot-info strong{color:var(--brand-black);font-weight:700;font-variant-numeric:tabular-nums}.dt .dt-perpage{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--brand-muted)}.dt .dt-perpage select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 26px 5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--brand-black);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:12px}.dt .dt-perpage select:hover{border-color:var(--brand-red)}.dt .dt-perpage select:focus-visible{outline:2px solid var(--brand-red);outline-offset:1px}.dt .foot-pagination{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;max-inline-size:100%;gap:3px;background:var(--surface-3, rgba(0, 0, 0, .03));padding:4px;border-radius:10px;border:1px solid var(--border);box-shadow:0 1px 2px #14141408}.dt .pg-btn{inline-size:32px;block-size:32px;border-radius:7px;background:transparent;border:0;cursor:pointer;display:inline-grid;place-items:center;color:var(--brand-muted);transition:all .15s ease}.dt .pg-btn:hover:not(:disabled){background:var(--brand-red);color:#fff}.dt .pg-btn:disabled{opacity:.3;cursor:not-allowed}.dt .pg-num{min-inline-size:34px;padding:0 9px;block-size:32px;border-radius:7px;background:transparent;color:var(--brand-black);border:0;cursor:pointer;display:inline-grid;place-items:center;font-family:inherit;font-weight:600;font-size:.83rem;font-variant-numeric:tabular-nums;transition:all .15s ease}.dt .pg-num:hover:not(.active){background:var(--surface);color:var(--brand-red);box-shadow:0 1px 3px #0000000f}.dt .pg-num.active{background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;font-weight:700;box-shadow:0 3px 8px #ff6b3559;cursor:default}.dt .pg-ellipsis{display:inline-grid;place-items:center;min-inline-size:24px;block-size:32px;color:var(--brand-muted);font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.dt .pg-edge{display:none}.dt-toolbar{padding:10px 12px;flex-wrap:wrap;align-items:stretch;gap:8px}.dt .toolbar-left{flex:0 0 100%;min-inline-size:0}.dt .search-input{inline-size:100%}.dt .toolbar-right{flex:0 0 100%;justify-content:space-between;gap:8px}.dt .dt-filter-btn{padding-inline:12px;white-space:nowrap}.dt-table thead th,.dt-table tbody td{padding:10px 12px}}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:safe center;overflow-y:auto;padding:24px;z-index:1300;animation:dlgFade .2s ease both}@media (max-width: 560px){.confirm-backdrop{padding:12px}.confirm-card{padding:22px 16px 16px}.confirm-icon{inline-size:52px;block-size:52px;margin-block-end:12px}.confirm-card h3{font-size:1.1rem}.confirm-card p{margin-block-end:18px}}@keyframes dlgFade{0%{opacity:0}to{opacity:1}}.confirm-card{inline-size:100%;max-inline-size:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:32px 28px 24px;text-align:center;animation:dlgPop .25s cubic-bezier(.22,1,.36,1) both}@keyframes dlgPop{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}.confirm-icon{inline-size:64px;block-size:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.confirm-icon.danger{background:#ff6b351a;color:var(--brand-red)}.confirm-icon.warning{background:#f5b80026;color:#a36f00}.confirm-icon.sukses{background:#10b98124;color:#047857}.confirm-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.25rem;color:var(--brand-black)}.confirm-card p{margin:0 0 22px;font-size:.9rem;color:var(--brand-muted);line-height:1.55}.confirm-actions{display:flex;gap:10px}.confirm-actions button{flex:1;block-size:42px;border-radius:10px;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.confirm-actions .btn-cancel{background:var(--surface);border:1.5px solid var(--brand-line);color:var(--brand-black)}.confirm-actions .btn-cancel:hover:not(:disabled){border-color:var(--brand-black);background:var(--brand-bg)}.confirm-actions .btn-confirm{border:0;color:#fff}.confirm-actions .btn-confirm.danger{background:linear-gradient(135deg,var(--brand-red),#e85420);box-shadow:0 8px 18px #ff6b3540}.confirm-actions .btn-confirm.warning{background:linear-gradient(135deg,#f5b800,#d49600);box-shadow:0 8px 18px #f5b8004d}.confirm-actions .btn-confirm.sukses{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px #10b9814d}.confirm-actions .btn-confirm:hover:not(:disabled){transform:translateY(-1px)}.confirm-actions .spinner{inline-size:14px;block-size:14px;border:2px solid rgba(255,255,255,.35);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .7s linear infinite}.toast-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2c52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:dlgFade .3s ease both}.toast-host{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.toast-host.has-toasts{pointer-events:auto}.toast-modal{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 34px 32px;background:#ffffffe6;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 70px #0d1b2c47,inset 0 1px #fff9;inline-size:90%;max-inline-size:348px;overflow:hidden;cursor:pointer;animation:toastPop .42s cubic-bezier(.34,1.56,.64,1) both;--accent: #1f9d43;--accent-soft: rgba(31, 157, 67, .14)}.toast-modal.toast-error{--accent: #e53935;--accent-soft: rgba(229, 57, 53, .14)}.toast-modal.toast-info{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .14)}.toast-modal.toast-warning{--accent: #e8910c;--accent-soft: rgba(232, 145, 12, .14)}[data-theme=dark] .toast-modal{background:#16273bd9;border-color:#ffffff14;box-shadow:0 30px 70px #0009,inset 0 1px #ffffff0f}@keyframes toastPop{0%{opacity:0;transform:scale(.82) translateY(20px)}to{opacity:1;transform:none}}.toast-glow{position:absolute;inset-block-start:-70px;inline-size:220px;block-size:220px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.22;filter:blur(14px);pointer-events:none}.toast-badge{position:relative;inline-size:72px;block-size:72px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;margin-block-end:20px;color:var(--accent);box-shadow:0 8px 24px -8px var(--accent)}.toast-badge svg{inline-size:42px;block-size:42px;stroke:currentColor;stroke-width:3.5;stroke-linecap:round}.toast-title{font-weight:800;font-size:1.25rem;color:var(--brand-black);margin:0 0 7px;letter-spacing:-.015em}.toast-message{font-size:.9rem;color:var(--brand-muted);line-height:1.55;margin:0;max-inline-size:26ch}.angka-penjelas{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}.ap-tombol{display:inline-grid;place-items:center;flex:0 0 auto;inline-size:18px;block-size:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--brand-muted);cursor:pointer;opacity:.55;transition:opacity .15s ease,background .15s ease,color .15s ease}.ap-tombol:hover,.ap-tombol:focus-visible{opacity:1;background:var(--brand-red-soft);color:var(--brand-red)}.ap-tombol:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:1px}.ap-tombol.aktif{opacity:1;background:var(--brand-red);color:#fff}.ap-kartu{position:fixed;z-index:2200;inline-size:420px;max-inline-size:calc(100vw - 24px);max-block-size:70vh;overflow-y:auto;padding:14px 16px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 44px #0000002e;animation:apMasuk .16s cubic-bezier(.16,1,.3,1) both}.ap-kartu>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-block-end:8px}.ap-kartu>header h4{margin:0;font-size:.84rem;font-weight:750;color:var(--brand-black);line-height:1.35}.ap-kartu>header button{flex:0 0 auto;border:0;background:transparent;cursor:pointer;font-size:1.15rem;line-height:1;color:var(--brand-muted);padding:0 2px}.ap-kartu>header button:hover{color:var(--brand-red)}@keyframes apMasuk{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ap-arti{margin:0 0 10px;font-size:.78rem;line-height:1.6;color:var(--brand-muted)}.ap-arti strong{color:var(--brand-black);font-weight:700}.ap-label{display:block;margin-block-end:5px;font-size:.62rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.ap-rumus{margin-block-end:10px}.ap-rumus code{display:block;padding:7px 10px;border-radius:var(--r-sm);background:var(--brand-bg);border:1px solid var(--border);font-family:var(--font-mono);font-size:.76rem;color:var(--brand-black);white-space:normal;line-height:1.5}.ap-langkah{margin-block-end:10px}.ap-baris{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px 10px;align-items:start;padding-block:7px;border-block-end:1px dashed var(--border);font-size:.74rem}.ap-baris:last-child{border-block-end:0}.ap-baris .ap-ket{color:var(--brand-black);font-weight:600;line-height:1.4;overflow-wrap:anywhere}.ap-baris .ap-hitung{color:var(--brand-muted);font-family:var(--font-mono);font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.ap-baris .ap-hasil{text-align:end;font-family:var(--font-mono);font-weight:700;color:var(--brand-black);white-space:nowrap;line-height:1.4}.ap-baris.ap-total{margin-block-start:2px;padding-block-start:8px;border-block-start:2px solid var(--border);border-block-end:0}.ap-baris.ap-total .ap-ket,.ap-baris.ap-total .ap-hasil{font-weight:800}@media (max-width: 520px){.ap-baris{grid-template-columns:minmax(0,1fr) auto}.ap-baris .ap-ket{grid-column:1/-1}}.ap-catatan{margin:0;padding:9px 11px;border-radius:var(--r-sm);background:var(--brand-red-soft);font-size:.72rem;line-height:1.6;color:var(--brand-black)}.ap-catatan strong{font-weight:750}.panel-status{padding:10px 12px;font-size:.74rem;color:var(--brand-muted);text-align:center}.panel-status.galat{color:var(--brand-red);font-weight:650}.panel-option.opsi-tetap{border-block-end:1px solid var(--border);border-radius:0;font-weight:750}.admin-shell{min-block-size:100vh;background:var(--surface-3);transition:background-color .3s ease}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:264px;background:radial-gradient(420px 220px at 20% -5%,rgba(255,107,53,.26),transparent 60%),radial-gradient(360px 200px at 90% 110%,rgba(245,184,0,.16),transparent 60%),linear-gradient(180deg,#1c2233,#141a28);border-inline-end:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:60;box-shadow:1px 0 #ffffff08,18px 0 50px -30px #141a3299;transition:transform .3s cubic-bezier(.22,1,.36,1),inline-size .25s ease}.collapse-btn{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:10px;background:var(--brand-bg);border:0;cursor:pointer;color:var(--brand-black);transition:all .2s ease}.collapse-btn:hover{background:var(--brand-red);color:#fff}@media (max-width: 1024px){.collapse-btn{display:none}}@media (min-width: 1025px){.admin-shell.collapsed .sidebar{inline-size:78px}.admin-shell.collapsed:not([data-nav=horizontal]) .main-area{margin-inline-start:78px}.admin-shell.collapsed .sidebar-brand{justify-content:center;padding-inline:0}.admin-shell.collapsed .brand-plate,.admin-shell.collapsed .brand-copy{display:none}.admin-shell.collapsed .brand-mono{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:12px;background:linear-gradient(180deg,#fff,#fdf6f5);box-shadow:0 10px 22px -12px #000000bf,0 0 0 1px #ffffff80;font-family:var(--font-display);font-size:1.7rem;line-height:1;color:var(--brand-red)}.admin-shell.collapsed .nav-title{block-size:0;padding:0;margin:0;overflow:hidden;opacity:0}.admin-shell.collapsed .nav-section{gap:6px}.admin-shell.collapsed .nav-section-lipat .nav-induk{display:none}.admin-shell.collapsed .nav-section-lipat .nav-anak{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}.admin-shell.collapsed .sidebar-nav{padding-inline:14px}.admin-shell.collapsed .nav-link{justify-content:center;padding-inline:0}.admin-shell.collapsed .nav-link .nav-label{display:none}.admin-shell.collapsed .nav-link:after{content:attr(data-label);position:absolute;inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%);background:#1c2233;color:#fff;padding:6px 11px;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 8px 20px -6px #00000080;z-index:80}.admin-shell.collapsed .nav-link:hover:after{opacity:1}.admin-shell.collapsed .nav-link .nav-badge{position:absolute;inset-block-start:3px;inset-inline-end:7px;min-inline-size:18px;block-size:18px;padding:0 4px;font-size:.6rem;border:2px solid #1a2031}.admin-shell.collapsed .sidebar-foot{padding-inline:0;display:grid;place-items:center}.admin-shell.collapsed .sidebar-credit{display:none}.admin-shell.collapsed .version-chip{font-size:0;padding:7px;gap:0}}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:14px 18px;border-block-end:1px solid rgba(255,255,255,.07)}.brand-plate{inline-size:fit-content;border-radius:10px;padding:6px 11px;background:linear-gradient(180deg,#fff,#fdf6f5);box-shadow:0 10px 22px -14px #000000bf,0 0 0 1px #ffffff80;display:grid;place-items:center}.brand-plate .brand-logo{block-size:28px;inline-size:auto;display:block}.brand-mono{display:none}.brand-copy{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-inline-size:0;overflow:hidden}.brand-tagline{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-orange-light);white-space:normal;overflow-wrap:break-word;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.brand-copy-sub{font-size:.63rem;font-weight:700;letter-spacing:.01em;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:22px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-title{padding:0 12px 8px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff6}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:600;color:#ffffffbd;cursor:pointer;background:transparent;border:0;font-family:inherit;text-align:start;transition:all .2s ease;position:relative}.nav-link .nav-icon{display:inline-grid;place-items:center;color:#ffffff80;transition:color .2s ease}.nav-link .nav-label{flex:1}.nav-link .nav-ket{display:block;margin-block-start:1px;font-size:.68rem;font-weight:500;letter-spacing:.01em;color:#ffffff73}.nav-link.active .nav-ket{color:#ffffffbf}.nav-link:hover:not(.active) .nav-ket{color:#fff9}.nav-link:hover:not(.active){background:#ffffff0f;color:#fff}.nav-link:hover:not(.active) .nav-icon{color:var(--brand-orange-light)}.nav-link.active{background:var(--brand-red);color:#fff;font-weight:700}.nav-link.active .nav-icon{color:#fff}.nav-section-lipat .nav-chevron{flex:0 0 auto;color:#ffffff59;transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s ease}.nav-section-lipat .nav-induk:hover .nav-chevron{color:#ffffffbf}.nav-section-lipat .nav-induk-aktif{color:#fff}.nav-section-lipat .nav-induk-aktif .nav-icon{color:var(--brand-orange-light)}.nav-section-lipat .nav-anak{display:none}.nav-section-lipat.terbuka .nav-chevron{transform:rotate(90deg)}.nav-section-lipat.terbuka .nav-anak{display:flex;flex-direction:column;gap:2px;margin-block-start:2px;margin-inline-start:26px;padding-inline-start:10px;border-inline-start:1.5px solid rgba(255,255,255,.1)}.nav-section-lipat.terbuka .nav-anak>*{animation:navAnakMasuk .22s cubic-bezier(.22,1,.36,1) both}@keyframes navAnakMasuk{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-badge{--lencana-halo: rgba(255, 107, 53, .6);flex:0 0 auto;display:inline-grid;place-items:center;min-inline-size:20px;block-size:20px;padding:0 6px;border-radius:999px;background:var(--brand-red);color:#fff;font-size:.68rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.nav-badge.berkedip{animation:lencanaKedip 1.15s ease-in-out infinite}.nav-badge.mendesak{background:#7f1d1d;box-shadow:0 0 0 2px #ef444473;--lencana-halo: rgba(239, 68, 68, .7)}.nav-link.active .nav-badge,.hnav-link.active .nav-badge{background:#fff;color:var(--brand-red);--lencana-halo: rgba(255, 255, 255, .75)}.nav-link.active .nav-badge.mendesak,.hnav-link.active .nav-badge.mendesak{background:#fff;color:#7f1d1d;box-shadow:0 0 0 2px #ffffff8c}@keyframes lencanaKedip{0%{box-shadow:0 0 0 0 var(--lencana-halo);opacity:1}50%{box-shadow:0 0 0 7px #ff6b3500;opacity:.45}to{box-shadow:0 0 #ff6b3500;opacity:1}}@media (prefers-reduced-motion: reduce){.nav-badge.berkedip{animation:none;outline:2px solid var(--lencana-halo);outline-offset:2px}}.sidebar-foot{padding:16px 22px;border-block-start:1px solid rgba(255,255,255,.07)}.sidebar-credit{margin-top:8px;font-size:.66rem;color:#fff6;font-weight:600}.version-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ffffff0f;font-size:.72rem;font-weight:600;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.version-chip .dot{inline-size:7px;block-size:7px;border-radius:50%;background:#36d07a;box-shadow:0 0 0 3px #36d07a2e}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;animation:dlgFade .25s ease both}.main-area{margin-inline-start:264px;min-block-size:100vh;display:flex;flex-direction:column;transition:margin-inline-start .25s ease}.app-header{position:sticky;inset-block-start:0;z-index:40}.topbar{display:flex;align-items:center;gap:16px;padding:16px 30px;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-block-end:1px solid var(--border);transition:border-color .3s ease}.topbar-brand{display:inline-flex;align-items:center}.topbar-brand .brand-plate{inline-size:auto;padding:6px 12px;border-radius:10px;border:1px solid var(--border);box-shadow:0 4px 12px -8px #0006}.topbar-brand .brand-plate img{block-size:28px;inline-size:auto;display:block}.hnav{display:flex;align-items:center;gap:4px;padding:0 22px;block-size:50px;background:var(--surface);border-block-end:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.hnav::-webkit-scrollbar{block-size:4px}.hnav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hnav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;text-decoration:none;font-size:.86rem;font-weight:600;color:var(--brand-muted);white-space:nowrap;transition:all .18s ease}.hnav-link .hnav-icon{display:inline-grid;place-items:center}.hnav-link .hnav-icon svg{width:16px;height:16px}.hnav-link:hover{background:var(--brand-bg);color:var(--brand-black)}.hnav-link.active{background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;box-shadow:0 8px 18px -8px #ff6b3599}[data-nav=horizontal] .main-area{margin-inline-start:0}.theme-toggle{border:0;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center}.theme-toggle .track{position:relative;display:grid;place-items:center;place-content:center;inline-size:40px;block-size:40px;padding:0;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,#fff6e0,#ffdfa4);box-shadow:inset 0 0 0 1px #f59e0b52,0 2px 10px #f59e0b38;transition:background .55s ease,box-shadow .35s ease,transform .2s ease}.theme-toggle .track:before{content:"";position:absolute;inset-block-start:10px;inset-inline-start:9px;inline-size:2px;block-size:2px;border-radius:50%;background:#fff;box-shadow:10px 5px 0 -.4px #fff,4px 16px 0 -.6px #fff,17px 14px 0 -.7px #fff;opacity:0;transform:scale(.4);transition:opacity .5s ease .1s,transform .5s cubic-bezier(.34,1.56,.64,1) .1s;pointer-events:none}.theme-toggle .ico{grid-area:1/1;display:inline-grid;place-items:center;z-index:1;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.theme-toggle .ico svg{inline-size:17px;block-size:17px}.theme-toggle .sun{color:#f59e0b;opacity:1;transform:rotate(0) scale(1)}.theme-toggle .moon{color:#fcd34d;opacity:0;transform:rotate(-120deg) scale(.3)}.theme-toggle .thumb{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:auto;block-size:auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),transparent 62%);box-shadow:none;opacity:0;transform:scale(.35);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover .track{box-shadow:inset 0 0 0 1px #f59e0b80,0 4px 14px #f59e0b52}.theme-toggle:active .track{transform:scale(.9)}.theme-toggle:active .thumb{opacity:.9;transform:scale(1)}.theme-toggle:focus-visible .track{outline:2px solid var(--brand-red);outline-offset:3px}.theme-toggle.dark .track{background:linear-gradient(150deg,#223049,#0b1120);box-shadow:inset 0 0 0 1px #94a3b840,0 2px 12px #080f1e8c}.theme-toggle.dark .track:before{opacity:.9;transform:scale(1)}.theme-toggle.dark .sun{opacity:0;transform:rotate(120deg) scale(.3)}.theme-toggle.dark .moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle.dark .thumb{background:radial-gradient(circle at 50% 50%,rgba(191,219,254,.6),transparent 62%)}.theme-toggle.dark:hover .track{box-shadow:inset 0 0 0 1px #94a3b873,0 4px 16px #080f1eb3}@media (prefers-reduced-motion: reduce){.theme-toggle .track,.theme-toggle .track:before,.theme-toggle .ico,.theme-toggle .thumb,.burger,.burger span{transition-duration:.01ms;transition-delay:0s}}.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:12px;background:var(--brand-bg);color:var(--brand-black);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:background .22s ease,box-shadow .22s ease,transform .18s ease}.burger span{display:block;inline-size:3px;block-size:3px;border-radius:50%;background:currentColor;box-shadow:7px 0 0 currentColor,14px 0 0 currentColor;transform:translate(-7px);transition:inline-size .34s cubic-bezier(.68,-.35,.27,1.35),border-radius .34s ease,box-shadow .28s cubic-bezier(.34,1.56,.64,1),transform .34s cubic-bezier(.68,-.35,.27,1.35),opacity .2s ease}.burger span:nth-child(1){transition-delay:.06s}.burger span:nth-child(2){transition-delay:.03s}.burger span:nth-child(3){transition-delay:0s}.burger:hover{background:var(--surface-hover, rgba(0, 0, 0, .05));box-shadow:inset 0 0 0 1px var(--border)}.burger:hover span{box-shadow:6px 0 0 currentColor,12px 0 0 currentColor;transform:translate(-6px)}.burger:active{transform:scale(.92)}.burger:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}.burger.active span{inline-size:20px;border-radius:2px;box-shadow:none;transition-delay:0s}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:translate(0) scaleX(.2)}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.burger.active:hover span{box-shadow:none}.page-title{flex:1;display:flex;align-items:center;gap:10px;font-size:.92rem}.page-title strong{color:var(--brand-black);font-weight:700;font-size:.95rem}.topbar-search{inline-size:320px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:0 12px;block-size:38px;background:var(--brand-bg);border:1px solid var(--border);border-radius:10px;transition:all .18s ease}.topbar-search svg{color:var(--brand-muted);flex-shrink:0}.topbar-search input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:var(--brand-black);min-inline-size:0}.topbar-search input::placeholder{color:var(--brand-muted)}.topbar-search .kbd{font-size:.66rem;font-weight:700;color:var(--brand-muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 6px;flex-shrink:0}.topbar-search:focus-within{border-color:var(--brand-indigo);background:var(--surface);box-shadow:0 0 0 3px #6366f11a}.topbar-right{display:flex;align-items:center;gap:14px}@media (max-width: 860px){.topbar-search{display:none}}.icon-btn{position:relative;inline-size:40px;block-size:40px;border-radius:50%;background:var(--brand-bg);border:0;cursor:pointer;display:grid;place-items:center;color:var(--brand-black);transition:all .2s ease}.icon-btn:hover{background:var(--brand-red);color:#fff}.icon-btn .dot-badge{position:absolute;inset-block-start:9px;inset-inline-end:11px;inline-size:7px;block-size:7px;border-radius:50%;background:var(--brand-red);border:2px solid var(--brand-bg)}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--brand-bg);border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s ease,border-color .2s ease}.user-chip:hover{border-color:var(--border)}.user-chip.open{border-color:var(--brand-red);background:#ff6b350f}.user-chip .avatar{inline-size:32px;block-size:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.user-chip .chev{color:var(--brand-muted);transition:transform .2s ease}.user-chip.open .chev{transform:rotate(180deg)}.user-meta{display:flex;flex-direction:column;line-height:1.2;text-align:start;min-inline-size:0;max-inline-size:170px}.user-meta strong,.user-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta strong{font-size:.82rem;color:var(--brand-black)}.user-meta span{font-size:.66rem;color:var(--brand-muted);margin-block-start:1px}.user-dropdown{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px;animation:menuPop .18s ease both;transform-origin:top right}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.user-dropdown-item{display:flex;align-items:center;gap:10px;inline-size:100%;padding:10px 12px;border-radius:8px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--brand-black);text-align:start;transition:background .15s ease,color .15s ease}.user-dropdown-item svg{color:var(--brand-muted);flex-shrink:0;transition:color .15s ease}.user-dropdown-item:hover{background:var(--surface-hover)}.user-dropdown-item:hover svg{color:var(--brand-red)}.user-dropdown-item.danger{color:#e53935}.user-dropdown-item.danger svg{color:#e53935}.user-dropdown-item.danger:hover{background:#e539351a}.user-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-sep{block-size:1px;background:var(--border);margin:4px 2px}.content{flex:1;padding:22px 26px;position:relative;z-index:1}.page-fade{animation:pageFade .28s ease both}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 20px 50px #0000004d}.main-area{margin-inline-start:0}.burger{display:flex}.topbar{padding:14px 18px}.content{padding:20px 18px}}@media (max-width: 768px){.page-title{display:none}.topbar-right{margin-inline-start:auto}}@media (max-width: 600px){.user-meta{display:none}.user-chip{padding:4px}}@media (max-width: 560px){.topbar{padding:12px}.content{padding:14px 12px}}.nav-bawah{position:fixed;inset-inline:0;inset-block-end:0;z-index:45;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding-block-start:7px;padding-block-end:calc(7px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-block-start:1px solid var(--border);box-shadow:0 -6px 24px #00000012}[data-theme=dark] .nav-bawah{background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 -6px 24px #00000059}.nb-ruang{display:block}.nb-slot{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 2px 0;text-decoration:none;color:var(--brand-muted);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.nb-slot .nb-ikon{position:relative;display:grid;place-items:center;inline-size:46px;block-size:28px;border-radius:999px;transition:background .24s ease,transform .24s cubic-bezier(.34,1.56,.64,1)}.nb-slot .nb-label{font-size:.64rem;font-weight:650;letter-spacing:.01em;line-height:1.3;white-space:nowrap}.nb-slot.active{color:var(--brand-red)}.nb-slot.active .nb-ikon{background:var(--brand-red-soft, rgba(255, 107, 53, .14))}.nb-slot.active .nb-label{font-weight:750}.nb-slot:active .nb-ikon{transform:scale(.88)}.nb-lencana{position:absolute;inset-block-start:-3px;inset-inline-start:26px;min-inline-size:16px;padding:0 4px;border-radius:999px;background:var(--brand-red);color:#fff;font-family:var(--font-mono);font-size:.6rem;font-weight:800;line-height:16px;text-align:center;border:2px solid var(--surface)}.nb-lencana.berkedip{animation:nbDenyut 1.6s ease-in-out infinite}@keyframes nbDenyut{0%,to{transform:scale(1);box-shadow:0 0 #ff6b3580}50%{transform:scale(1.12);box-shadow:0 0 0 5px #ff6b3500}}.nb-fab{position:fixed;inset-inline-start:50%;inset-block-end:calc(20px + env(safe-area-inset-bottom,0px));z-index:46;inline-size:56px;block-size:56px;border-radius:50%;border:3px solid var(--surface);background:linear-gradient(140deg,var(--brand-red),#d8431a);color:#fff;cursor:pointer;padding:0;display:grid;place-items:center;box-shadow:0 6px 18px -2px #ff6b358c,0 2px 6px #0000001f;transform:translate(-50%);transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.nb-fab .nb-fab-ikon{transition:transform .32s cubic-bezier(.68,-.35,.27,1.35)}.nb-fab:active{transform:translate(-50%) scale(.9)}.nb-fab.buka{background:linear-gradient(140deg,#c9341a,#a82a12);box-shadow:0 4px 14px -2px #0000004d}.nb-fab.buka .nb-fab-ikon{transform:rotate(45deg)}.nb-fab.buka:active{transform:translate(-50%) scale(.9)}.nb-fab:focus-visible{outline:3px solid var(--brand-black);outline-offset:3px}.nb-fab-lencana{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;min-inline-size:22px;padding:0 5px;border-radius:999px;background:var(--brand-black);color:#fff;font-family:var(--font-mono);font-size:.66rem;font-weight:800;line-height:22px;text-align:center;border:2px solid var(--surface)}.laci-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1099;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dlgFade .22s ease both}.laci-mobil{position:fixed;inset-inline:0;inset-block-end:0;z-index:1100;max-block-size:82dvh;display:flex;flex-direction:column;background:var(--surface);border-start-start-radius:22px;border-start-end-radius:22px;box-shadow:0 -10px 40px #00000040;transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s}.laci-mobil.buka{transform:none;visibility:visible;transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s}.laci-pegangan{flex:0 0 auto;inline-size:40px;block-size:4px;margin:9px auto 4px;border-radius:999px;background:var(--border)}.laci-isi{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 14px;padding-block-end:calc(84px + env(safe-area-inset-bottom,0px))}.laci-judul{margin:0 0 4px;padding-inline:4px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-muted)}.laci-grup{padding-block:8px}.laci-grup+.laci-grup{border-block-start:1px solid var(--border)}.laci-grup-judul{margin:0 0 6px;padding-inline:4px;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.laci-baris{--ubin: var(--brand-red);display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:13px;text-decoration:none;color:var(--brand-black);-webkit-tap-highlight-color:transparent;transition:background .16s ease,transform .16s ease}.laci-baris.warna-nila{--ubin: #6366f1}.laci-baris.warna-emas{--ubin: #d99400}.laci-baris.warna-laut{--ubin: #0891b2}.laci-baris.warna-hijau{--ubin: #059669}.laci-baris.warna-merah{--ubin: var(--brand-red)}.laci-baris .laci-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:40px;block-size:40px;border-radius:13px;background:color-mix(in srgb,var(--ubin) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--ubin) 22%,transparent);color:var(--ubin)}.laci-baris .laci-ikon svg{inline-size:19px;block-size:19px}.laci-baris .laci-teks{display:flex;flex-direction:column;gap:1px;flex:1;min-inline-size:0}.laci-baris .laci-teks strong{font-size:.86rem;font-weight:700;line-height:1.3}.laci-baris .laci-teks span{font-size:.71rem;line-height:1.35;color:var(--brand-muted)}.laci-baris .laci-panah{flex:0 0 auto;color:var(--brand-muted);display:inline-grid;place-items:center}.laci-baris:active{background:var(--surface-hover, rgba(0, 0, 0, .05));transform:scale(.985)}.laci-lencana{flex:0 0 auto;min-inline-size:22px;padding:0 6px;border-radius:999px;background:var(--brand-red);color:#fff;font-family:var(--font-mono);font-size:.68rem;font-weight:800;line-height:22px;text-align:center}.laci-lencana.berkedip{animation:nbDenyut 1.6s ease-in-out infinite}.laci-kaki{margin:14px 0 0;text-align:center;font-size:.66rem;color:var(--brand-muted)}.content.content-mobil{padding-block-end:calc(70px + env(safe-area-inset-bottom,0px))}.content.content-beranda{padding-inline:0;padding-block-start:0}@media print{.sidebar,.app-header,.backdrop,.no-print{display:none!important}.main-area{margin-inline-start:0!important}.content{padding:0!important}.admin-shell{background:#fff!important;min-block-size:auto!important}.page-fade{animation:none!important}}.menu-mobil{display:flex;flex-direction:column}.mm-hero{display:flex;flex-direction:column;gap:1px;padding:20px 18px 54px;background:linear-gradient(160deg,var(--brand-red),#d8431a 60%,#c23a15);color:#fff}.mm-hero .mm-salam{font-size:.8rem;font-weight:600;opacity:.9}.mm-hero .mm-nama{font-size:1.34rem;font-weight:800;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.mm-hero .mm-peran{margin-block-start:3px;font-size:.74rem;opacity:.82}.mm-isi{display:flex;flex-direction:column;gap:20px;padding:0 14px;margin-block-start:-40px}.mm-kartu{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px -8px #0000002e}.mm-kartu .mk-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mm-kartu .mk-kepala-teks{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.mm-kartu .mk-kepala-teks strong{font-size:.86rem;font-weight:750;color:var(--brand-black);line-height:1.3}.mm-kartu .mk-kepala-teks span{font-size:.72rem;color:var(--brand-muted)}.mm-kartu .mk-status{flex:0 0 auto;padding:5px 11px;border-radius:999px;font-size:.68rem;font-weight:750;white-space:nowrap}.mm-kartu.sibuk .mk-status{background:color-mix(in srgb,var(--brand-gold) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-gold) 42%,transparent);color:#8a6100}[data-theme=dark] .mm-kartu.sibuk .mk-status{color:var(--brand-gold)}.mm-kartu.lega .mk-status{background:#10b98124;border:1px solid rgba(16,185,129,.34);color:#047857}[data-theme=dark] .mm-kartu.lega .mk-status{color:#34d399}.mm-kartu .mk-angka{display:flex;align-items:baseline;gap:10px}.mm-kartu .mk-angka .mk-nilai{font-family:var(--font-mono);font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--brand-red)}.mm-kartu .mk-angka .mk-satuan{display:flex;flex-direction:column;gap:1px;font-size:.82rem;font-weight:700;color:var(--brand-black)}.mm-kartu .mk-angka .mk-satuan i{font-style:normal;font-size:.72rem;font-weight:500;color:var(--brand-muted)}.mm-kartu .mk-keping{display:flex;flex-wrap:wrap;gap:6px}.mm-kartu .mk-kep{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 6px;border-radius:999px;background:var(--surface-2, var(--brand-bg));border:1px solid var(--border);font-size:.71rem;font-weight:650;color:var(--brand-black);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,transform .18s ease}.mm-kartu .mk-kep b{display:grid;place-items:center;min-inline-size:20px;block-size:20px;padding:0 5px;border-radius:999px;background:var(--brand-red);color:#fff;font-family:var(--font-mono);font-size:.66rem;font-weight:800}.mm-kartu .mk-kep:active{transform:scale(.96);border-color:var(--brand-red)}.mm-kartu .mk-tombol{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:13px;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;font-size:.88rem;font-weight:750;text-decoration:none;box-shadow:0 6px 18px -4px #ff6b358c;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease}.mm-kartu .mk-tombol:active{transform:scale(.97);box-shadow:0 3px 10px -3px #ff6b3580}.mm-kartu .mk-lega{display:flex;align-items:center;gap:12px}.mm-kartu .mk-lega .mk-lega-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:44px;block-size:44px;border-radius:14px;background:#10b98124;color:#059669}.mm-kartu .mk-lega .mk-lega-teks{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.mm-kartu .mk-lega .mk-lega-teks strong{font-size:.9rem;font-weight:750;color:var(--brand-black)}.mm-kartu .mk-lega .mk-lega-teks span{font-size:.74rem;line-height:1.45;color:var(--brand-muted)}.mm-grup{display:flex;flex-direction:column;gap:11px}.mm-grup-judul{margin:0;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-muted)}.mm-kisi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 4px}.mm-ubin{--ubin: var(--brand-red);display:flex;flex-direction:column;align-items:center;gap:7px;padding:2px 1px;text-decoration:none;color:var(--brand-black);-webkit-tap-highlight-color:transparent}.mm-ubin.warna-nila{--ubin: #6366f1}.mm-ubin.warna-emas{--ubin: #d99400}.mm-ubin.warna-laut{--ubin: #0891b2}.mm-ubin.warna-hijau{--ubin: #059669}.mm-ubin.warna-merah{--ubin: var(--brand-red)}.mm-ubin .mm-ubin-ikon{position:relative;display:grid;place-items:center;inline-size:54px;block-size:54px;border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--ubin) 15%,var(--surface)),color-mix(in srgb,var(--ubin) 5%,var(--surface)));border:1px solid color-mix(in srgb,var(--ubin) 22%,transparent);color:var(--ubin);box-shadow:0 2px 8px #0000000d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.mm-ubin .mm-ubin-ikon svg{inline-size:22px;block-size:22px}.mm-ubin .mm-ubin-label{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.67rem;font-weight:650;line-height:1.28;text-align:center;color:var(--brand-black)}.mm-ubin:active .mm-ubin-ikon{transform:scale(.9);box-shadow:0 1px 4px #0000000f}.mm-ubin.ada-antrean .mm-ubin-ikon{border-color:color-mix(in srgb,var(--ubin) 55%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--ubin) 26%,var(--surface)),color-mix(in srgb,var(--ubin) 9%,var(--surface)));box-shadow:0 2px 10px color-mix(in srgb,var(--ubin) 22%,transparent)}.mm-ubin-lencana{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;min-inline-size:20px;padding:0 5px;border-radius:999px;background:var(--brand-red);color:#fff;font-family:var(--font-mono);font-size:.64rem;font-weight:800;line-height:20px;text-align:center;border:2px solid var(--surface)}.mm-ubin-lencana.berkedip{animation:nbDenyut 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.nb-lencana.berkedip,.laci-lencana.berkedip,.mm-ubin-lencana.berkedip{animation:none;outline:2px solid var(--brand-red);outline-offset:1px}.laci-mobil,.nb-fab,.nb-fab .nb-fab-ikon{transition-duration:.01ms}}.admin-login{min-block-size:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#11142e,#2c2168 48%,#7a3010);position:relative;overflow:hidden}.login-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px)}.blob.blob-1{inset-block-start:-120px;inset-inline-end:-120px;inline-size:480px;block-size:480px;background:radial-gradient(circle,rgba(129,140,248,.4),transparent 70%)}.blob.blob-2{inset-block-end:-160px;inset-inline-start:-100px;inline-size:460px;block-size:460px;background:radial-gradient(circle,rgba(255,107,53,.4),transparent 70%)}.login-card{position:relative;z-index:2;inline-size:100%;max-inline-size:440px;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:clamp(28px,5vw,44px);box-shadow:0 40px 80px #0006;animation:cardIn .5s cubic-bezier(.22,1,.36,1)}.login-card.wide{max-inline-size:580px}[data-theme=dark] .login-card{background:#16273bf7;border:1px solid var(--border);box-shadow:0 40px 80px #0009}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.login-card .logo-block{display:flex;align-items:center;gap:14px;margin-block-end:26px}.login-card .logo-block .logo{block-size:44px;inline-size:auto}.login-card .logo-block .badge{padding:6px 12px;background:#ff6b351a;color:var(--brand-red);border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-card h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.8rem);margin:0 0 8px;color:var(--brand-black);letter-spacing:-.01em}.login-card .lead{margin:0 0 28px;font-size:.9rem;color:var(--brand-muted)}.login-card .form{display:flex;flex-direction:column;gap:16px}.login-card .form-grid{display:grid;grid-template-columns:1fr;gap:14px}.login-card .field label{display:block;margin-block-end:6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--brand-black);text-transform:uppercase}.login-card .input-wrap{display:flex;align-items:center;gap:10px;padding:0 14px;block-size:48px;background:var(--brand-bg);border:1.5px solid var(--brand-line);border-radius:12px;transition:all .2s ease}.login-card .input-wrap:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #ff6b3514}.login-card .input-wrap svg{color:var(--brand-muted);flex-shrink:0}.login-card .input-wrap input{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:.95rem;color:var(--brand-black)}.login-card .input-wrap input::placeholder{color:var(--brand-muted)}.login-card .input-wrap .toggle-pwd{border:0;background:transparent;cursor:pointer;padding:4px;display:grid;place-items:center;color:var(--brand-muted);transition:color .2s ease}.login-card .input-wrap .toggle-pwd:hover{color:var(--brand-red)}.login-card .alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600;animation:alertIn .25s ease both}.login-card .alert.error{background:#ff6b3514;color:var(--brand-red);border:1px solid rgba(255,107,53,.18)}@keyframes alertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-block-start:8px;padding:14px 22px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--brand-red),#ff4d47);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 12px 24px -8px #fd01008c}.btn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.loader{inline-size:16px;block-size:16px;border:2px solid rgba(255,255,255,.35);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .7s linear infinite}.auth-foot{margin:24px 0 0;text-align:center;font-size:.85rem;color:var(--brand-muted)}.auth-foot a{color:var(--brand-red);font-weight:700;text-decoration:none;margin-inline-start:4px}.auth-foot a:hover{text-decoration:underline}.not-found{min-block-size:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--brand-bg) 0%,var(--surface-3) 100%)}.nf-card{max-inline-size:460px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:50px 36px;box-shadow:var(--shadow-lg)}.nf-code{font-family:var(--font-display);font-size:clamp(4.5rem,14vw,7rem);line-height:1;background:linear-gradient(135deg,var(--brand-red),var(--brand-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;margin-block-end:14px}.nf-card h1{margin:0 0 10px;font-family:var(--font-display);font-size:1.5rem;color:var(--brand-black)}.nf-card p{margin:0 0 26px;color:var(--brand-muted);font-size:.95rem;line-height:1.6}.btn-home{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;box-shadow:0 10px 24px #ff6b354d;transition:all .25s ease}.btn-home:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff6b3566}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0d1b2c;overflow:hidden;transition:opacity .5s ease,filter .5s ease}.splash.leaving{opacity:0;filter:blur(12px) brightness(2);transform:scale(1.06)}.splash .pcanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.splash .ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.splash .ui-layer.show{opacity:1;transform:none}.splash .logo-loader{--orb-track: rgba(255, 255, 255, .09);--orb-dot: rgba(255, 255, 255, .28);--orb-head: #ffffff;--orb-head-glow: rgba(255, 255, 255, .9);margin-block-end:22px;animation:orbRise .9s cubic-bezier(.16,1,.3,1) both}.splash .loader-meta{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.splash .brand-sub{margin:0;font-family:var(--font-mono);font-size:clamp(.62rem,1.6vw,.86rem);font-weight:700;letter-spacing:.3em;color:#ffffff8c}.splash .brand-tag{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:#ffffff40;text-transform:uppercase}.splash .prog-num{font-family:var(--font-mono);font-weight:700;font-size:1.35rem;letter-spacing:.14em;color:#ffffffeb;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 18px rgba(253,1,0,.55)}@keyframes orbRise{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.splash .logo-loader{animation:none}}.lgn{--lgn-ink: #e8effb;--lgn-ink-dim: #8ea3c0;--lgn-ink-faint: #5b6f8e;--lgn-line: rgba(140, 180, 255, .14);--lgn-line-hot: rgba(255, 90, 84, .45);--lgn-glass: rgba(14, 22, 40, .62);--lgn-cyan: #35e0ff;--lgn-violet: #7c6cff;position:relative;min-block-size:100vh;min-block-size:100dvh;display:grid;place-items:center;padding:clamp(16px,4vw,48px);overflow:hidden;isolation:isolate;background:#04070f;color:var(--lgn-ink);font-family:var(--font-sans)}.lgn-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lgn-nebula{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;filter:blur(90px);opacity:.75}.lgn-nebula span{position:absolute;display:block;border-radius:50%;will-change:transform}.lgn-nebula .n1{inline-size:46vmax;block-size:46vmax;inset-block-start:-6%;inset-inline-start:-8%;background:radial-gradient(circle,rgba(253,1,0,.55),transparent 68%);animation:lgnDrift1 26s ease-in-out infinite}.lgn-nebula .n2{inline-size:40vmax;block-size:40vmax;inset-block-end:-12%;inset-inline-end:-6%;background:radial-gradient(circle,rgba(124,108,255,.5),transparent 68%);animation:lgnDrift2 32s ease-in-out infinite}.lgn-nebula .n3{inline-size:34vmax;block-size:34vmax;inset-block-start:32%;inset-inline-start:44%;background:radial-gradient(circle,rgba(53,224,255,.32),transparent 70%);animation:lgnDrift3 38s ease-in-out infinite}@keyframes lgnDrift1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(12%,10%,0) scale(1.16)}}@keyframes lgnDrift2{0%,to{transform:translateZ(0) scale(1.08)}50%{transform:translate3d(-14%,-8%,0) scale(1)}}@keyframes lgnDrift3{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10%,14%,0) scale(1.22)}}.lgn-grid{position:absolute;inset-inline:-50%;inset-block-end:-30%;block-size:90%;background-image:linear-gradient(rgba(120,170,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.16) 1px,transparent 1px);background-size:64px 64px;transform:perspective(520px) rotateX(72deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.35) 45%,transparent 88%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.35) 45%,transparent 88%);animation:lgnGridRun 7s linear infinite;will-change:background-position}@keyframes lgnGridRun{0%{background-position:0 0,0 0}to{background-position:0 64px,0 0}}.lgn-particles{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;opacity:.9}.lgn-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 30%,rgba(3,6,13,.55) 72%,#03060d 100%)}.lgn-scan{position:absolute;inset-inline:0;block-size:40vh;background:linear-gradient(to bottom,transparent,rgba(120,190,255,.055),transparent);animation:lgnScan 9s linear infinite;will-change:transform}@keyframes lgnScan{0%{transform:translate3d(0,-60vh,0)}to{transform:translate3d(0,140vh,0)}}.lgn-shell{position:relative;z-index:1;inline-size:100%;max-inline-size:1280px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);border-radius:26px;overflow:hidden;background:var(--lgn-glass);border:1px solid var(--lgn-line);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 60px 120px -40px #000000d9,0 0 0 1px #ffffff08 inset,0 1px #ffffff14 inset;animation:lgnShellIn .9s cubic-bezier(.16,1,.3,1) both}@keyframes lgnShellIn{0%{opacity:0;transform:translate3d(0,26px,0) scale(.97)}to{opacity:1;transform:none}}.lgn-shell:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,rgba(253,1,0,.85) 40deg,rgba(255,120,90,.5) 70deg,transparent 130deg,transparent 220deg,rgba(53,224,255,.6) 268deg,rgba(124,108,255,.55) 296deg,transparent 350deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:lgnRing 11s linear infinite;pointer-events:none;z-index:2}@keyframes lgnRing{to{transform:rotate(1turn)}}@media (max-width: 1040px){.lgn-shell{grid-template-columns:1fr;max-inline-size:560px}}.lgn-side{position:relative;padding:clamp(22px,2.8vw,34px);display:flex;flex-direction:column;gap:20px;border-inline-end:1px solid var(--lgn-line);background:linear-gradient(160deg,rgba(253,1,0,.09),transparent 46%),linear-gradient(20deg,rgba(53,224,255,.07),transparent 52%)}@media (max-width: 1040px){.lgn-side{border-inline-end:0;border-block-end:1px solid var(--lgn-line);gap:16px}}.lgn-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.lgn-jam{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.lgn-jam b{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums}.lgn-jam span{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lgn-ink-faint)}.lgn-brand{display:flex;align-items:center;gap:13px}.lgn-mark{position:relative;inline-size:46px;block-size:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(150deg,#fffffff7,#e2eaf8e6);box-shadow:0 12px 30px -10px #fd010099,0 0 0 1px #ffffff40}.lgn-mark img{block-size:26px;inline-size:auto}.lgn-mark:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;border:1px solid rgba(253,1,0,.45);animation:lgnHalo 3s ease-out infinite;pointer-events:none}@keyframes lgnHalo{0%{opacity:.9;transform:scale(.9)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}.lgn-brand-text{display:flex;flex-direction:column;line-height:1.28}.lgn-brand-text strong{font-size:1.02rem;font-weight:800;letter-spacing:-.015em;color:#fff}.lgn-brand-text span{font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--lgn-ink-dim)}.lgn-wordmark{margin-block-start:auto;display:flex;flex-direction:column;gap:10px}.lgn-wm-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.56rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--lgn-ink-dim)}.lgn-wm-kicker i{inline-size:26px;block-size:1px;flex-shrink:0;background:linear-gradient(90deg,transparent,var(--lgn-cyan))}.lgn-wm-baris{display:flex;align-items:baseline;gap:12px}.lgn-wm-teks{display:inline-flex;align-items:baseline;font-family:var(--font-sans);font-weight:900;font-size:clamp(2.5rem,5.2vw,3.8rem);line-height:.94;letter-spacing:-.045em}.wm-a{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.16)}.wm-b{background:linear-gradient(180deg,#ff7a72 0%,var(--brand-red) 78%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(253,1,0,.45)}.lgn-wm-versi{flex-shrink:0;font-family:var(--font-mono);font-size:.84rem;font-weight:800;line-height:1;letter-spacing:.16em;color:#fff;white-space:nowrap}.wm-nol{color:#ff5a54}.lgn-peta{margin-block-end:auto;position:relative;border-radius:16px;border:1px solid var(--lgn-line);background:linear-gradient(180deg,#081020b8,#050b18e6);overflow:hidden;box-shadow:0 1px #ffffff0d inset,0 30px 60px -34px #000000f2}.lgn-peta-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-block-end:1px solid var(--lgn-line);background:#ffffff05}.lgn-peta-judul{display:inline-flex;align-items:center;gap:7px;font-size:.65rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#dce9ff}.lgn-peta-judul svg{color:var(--lgn-cyan);flex-shrink:0}.lgn-peta-koordinat{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;color:var(--lgn-ink-faint);white-space:nowrap}.lgn-peta-kanvas{position:relative;overflow:hidden}.lgn-peta-svg{display:block;inline-size:100%;block-size:auto}.lgn-peta-kisi line{stroke:#6ea0e61a;stroke-width:.8}.lgn-peta-kisi line.khatulistiwa{stroke:#35e0ff42;stroke-width:1;stroke-dasharray:7 9}.lgn-peta-bayangan{transform:translateY(5px);filter:blur(5px)}.lgn-peta-bayangan path{fill:#000000bf}.lgn-peta-darat{filter:drop-shadow(0 0 5px rgba(53,224,255,.28))}.lgn-peta-darat path{fill:url(#lgnIsiPulau);stroke:url(#lgnGarisPantai);stroke-width:1.15;stroke-linejoin:round}.lgn-peta-rute path{fill:none;stroke:url(#lgnGarisRute);stroke-width:1.15;stroke-linecap:round;stroke-dasharray:3 9;animation:lgnAlirRute 1.7s linear infinite}@keyframes lgnAlirRute{to{stroke-dashoffset:-12}}.lgn-kiriman-halo{fill:#78dcff29}.lgn-kiriman-inti{fill:#dff7ff}.lgn-simpul-inti{fill:#7fd6ff}.lgn-simpul-cincin{fill:none;stroke:#7fd6ff80;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:lgnDenyutSimpul 3.4s ease-out infinite}@keyframes lgnDenyutSimpul{0%{transform:scale(.4);opacity:.85}70%,to{transform:scale(1.7);opacity:0}}.lgn-peta-simpul .lgn-simpul:nth-child(5n+2) .lgn-simpul-cincin{animation-delay:.7s}.lgn-peta-simpul .lgn-simpul:nth-child(5n+3) .lgn-simpul-cincin{animation-delay:1.4s}.lgn-peta-simpul .lgn-simpul:nth-child(5n+4) .lgn-simpul-cincin{animation-delay:2.1s}.lgn-peta-simpul .lgn-simpul:nth-child(5n+5) .lgn-simpul-cincin{animation-delay:2.8s}.lgn-simpul.is-jangkar .lgn-simpul-inti{fill:#ff6b62}.lgn-simpul.is-jangkar .lgn-simpul-cincin{stroke:#ff6b628c;stroke-width:1.3}.lgn-simpul.is-sorot .lgn-simpul-inti{fill:#fff}.lgn-simpul.is-sorot .lgn-simpul-cincin{stroke:#ffffffd9;stroke-width:1.6;animation-duration:1.6s;animation-delay:0s}.lgn-peta-radar{position:absolute;inline-size:64%;aspect-ratio:1;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,rgba(53,224,255,.22),rgba(53,224,255,.05) 16%,transparent 32%);mask-image:radial-gradient(circle,#000 22%,rgba(0,0,0,.35) 55%,transparent 74%);-webkit-mask-image:radial-gradient(circle,#000 22%,rgba(0,0,0,.35) 55%,transparent 74%);transform:translate(-50%,-50%);animation:lgnRadarPutar 9s linear infinite;will-change:transform}@keyframes lgnRadarPutar{to{transform:translate(-50%,-50%) rotate(1turn)}}.lgn-peta-sapuan{position:absolute;inset-block:0;inset-inline-start:0;inline-size:26%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(53,224,255,.09),transparent);animation:lgnSapuPeta 8s ease-in-out infinite;will-change:transform}@keyframes lgnSapuPeta{0%,to{transform:translate3d(-110%,0,0)}50%{transform:translate3d(400%,0,0)}}.lgn-peta-label{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lgn-label-kota{position:absolute;translate:9px -50%;font-size:.58rem;font-weight:700;letter-spacing:.05em;color:#c6e0ffb8;text-shadow:0 1px 5px rgba(0,0,0,.95);white-space:nowrap}.lgn-sorot{position:absolute;translate:14px -50%;display:flex;flex-direction:column;gap:1px;padding:6px 11px;border-radius:10px;white-space:nowrap;background:#091223eb;border:1px solid rgba(53,224,255,.42);border-inline-start-width:2px;border-inline-start-color:var(--lgn-cyan);box-shadow:0 14px 30px -14px #000,0 0 24px -8px #35e0ff8c;animation:lgnSorotMasuk .45s cubic-bezier(.16,1,.3,1) both}.lgn-sorot b{font-size:.72rem;font-weight:800;color:#fff;letter-spacing:-.005em}.lgn-sorot span{font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lgn-ink-dim)}.lgn-sorot.ke-kiri{translate:calc(-100% - 14px) -50%;border-inline-start-width:1px;border-inline-start-color:#35e0ff6b;border-inline-end-width:2px;border-inline-end-color:var(--lgn-cyan)}@keyframes lgnSorotMasuk{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}.lgn-peta-siku{position:absolute;inline-size:13px;block-size:13px;border:1px solid rgba(53,224,255,.45);pointer-events:none}.lgn-peta-siku.sd-kiri-atas{inset-block-start:8px;inset-inline-start:8px;border-inline-end:0;border-block-end:0}.lgn-peta-siku.sd-kanan-atas{inset-block-start:8px;inset-inline-end:8px;border-inline-start:0;border-block-end:0}.lgn-peta-siku.sd-kiri-bawah{inset-block-end:8px;inset-inline-start:8px;border-inline-end:0;border-block-start:0}.lgn-peta-siku.sd-kanan-bawah{inset-block-end:8px;inset-inline-end:8px;border-inline-start:0;border-block-start:0}.lgn-peta-kaki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--lgn-line);border-block-start:1px solid var(--lgn-line)}.lgn-baca{display:flex;flex-direction:column;gap:2px;padding:8px 13px;background:#060c1aeb;min-inline-size:0}.lgn-baca span{font-size:.53rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lgn-ink-faint)}.lgn-baca b{font-size:.75rem;font-weight:700;color:#e9f3ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lgn-baca b.mono{font-family:var(--font-mono);font-size:.66rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.lgn-peta.is-diam *,.lgn-peta.is-diam *:before,.lgn-peta.is-diam *:after{animation:none!important}.lgn-peta.is-diam .lgn-peta-radar,.lgn-peta.is-diam .lgn-peta-sapuan{display:none}.lgn-form-side{position:relative;padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column;justify-content:center;gap:4px}.lgn-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px 5px 9px;border-radius:999px;background:#fd01001f;border:1px solid rgba(253,1,0,.28);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ff8a84;margin-block-end:16px}.lgn-dot{inline-size:6px;block-size:6px;border-radius:50%;background:#ff5a54;box-shadow:0 0 #ff5a54b3;animation:lgnPulse 2s infinite}@keyframes lgnPulse{0%{box-shadow:0 0 #ff5a5499}70%{box-shadow:0 0 0 7px #ff5a5400}to{box-shadow:0 0 #ff5a5400}}.lgn-title{margin:0 0 6px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:#fff}.lgn-greet{margin:0 0 24px;font-size:.85rem;color:var(--lgn-ink-dim)}.lgn-form{display:flex;flex-direction:column;gap:15px}.lgn-field{display:flex;flex-direction:column;gap:7px}.lgn-label{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lgn-ink-faint);transition:color .2s ease}.lgn-field:focus-within .lgn-label{color:#ff8a84}.lgn-input{position:relative;display:flex;align-items:center;gap:11px;padding-inline:15px;block-size:50px;border-radius:14px;background:#ffffff0a;border:1px solid var(--lgn-line);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.lgn-input>svg{color:var(--lgn-ink-faint);flex-shrink:0;transition:color .22s ease}.lgn-input input{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;font-family:var(--font-sans);font-size:.95rem;color:#fff;letter-spacing:.01em}.lgn-input input::placeholder{color:var(--lgn-ink-faint)}.lgn-input input:-webkit-autofill,.lgn-input input:-webkit-autofill:hover,.lgn-input input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 60px #101a2e inset;caret-color:#fff;transition:background-color 9999s ease-in-out 0s}.lgn-input:focus-within{border-color:var(--lgn-line-hot);background:#ffffff0f;box-shadow:0 0 0 4px #fd01001a,0 0 26px -8px #fd01008c}.lgn-input:focus-within>svg{color:#ff8a84}.lgn-input:after{content:"";position:absolute;inset-block-end:-1px;inset-inline-start:50%;inline-size:0;block-size:1px;background:linear-gradient(90deg,transparent,#ff5a54,transparent);transition:inline-size .32s cubic-bezier(.16,1,.3,1),inset-inline-start .32s cubic-bezier(.16,1,.3,1)}.lgn-input:focus-within:after{inline-size:100%;inset-inline-start:0}.lgn-eye{border:0;background:transparent;padding:4px;display:grid;place-items:center;cursor:pointer;color:var(--lgn-ink-faint);transition:color .2s ease}.lgn-eye:hover{color:#fff}.lgn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:2px}.lgn-check{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;color:var(--lgn-ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.lgn-check input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.lgn-box{inline-size:18px;block-size:18px;border-radius:6px;border:1.5px solid var(--lgn-line);background:#ffffff0a;flex-shrink:0;display:grid;place-items:center;color:transparent;transition:all .18s ease}.lgn-check input:checked+.lgn-box{background:linear-gradient(140deg,#fd0100,#ff5a54);border-color:transparent;color:#fff;box-shadow:0 0 16px -3px #fd0100cc}.lgn-check input:focus-visible+.lgn-box{box-shadow:0 0 0 3px #35e0ff73}.lgn-link{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700;color:#ff8a84;transition:color .2s ease}.lgn-link:hover{color:#fff}.lgn-alert{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;font-size:.83rem;font-weight:600;color:#ffd9d7;background:#fd010021;border:1px solid rgba(253,1,0,.35);animation:lgnShake .4s cubic-bezier(.36,.07,.19,.97)}.lgn-alert svg{flex-shrink:0;color:#ff5a54}@keyframes lgnShake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-5px,0,0)}40%,80%{transform:translate3d(5px,0,0)}}.lgn-submit{position:relative;margin-block-start:6px;block-size:52px;border:0;border-radius:14px;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:.92rem;font-weight:800;letter-spacing:.03em;color:#fff;background:linear-gradient(120deg,#c40100,#fd0100 38%,#ff6a52);box-shadow:0 16px 36px -14px #fd0100e6,0 1px #ffffff38 inset;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.lgn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 48px -16px #fd0100,0 1px #ffffff4d inset}.lgn-submit:active:not(:disabled){transform:translateY(0)}.lgn-submit:disabled{cursor:progress;filter:saturate(.8) brightness(.92)}.lgn-submit svg{position:relative;z-index:1;transition:transform .22s ease}.lgn-submit:hover:not(:disabled) svg{transform:translate(3px)}.lgn-submit span{position:relative;z-index:1}.lgn-submit:before{content:"";position:absolute;inset-block:0;inline-size:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:translate3d(-160%,0,0);animation:lgnShine 3.6s ease-in-out infinite}@keyframes lgnShine{0%{transform:translate3d(-160%,0,0)}45%,to{transform:translate3d(360%,0,0)}}.lgn-dots{display:inline-flex;gap:5px}.lgn-dots i{inline-size:6px;block-size:6px;border-radius:50%;background:#fff;animation:lgnBounce 1s ease-in-out infinite}.lgn-dots i:nth-child(2){animation-delay:.15s}.lgn-dots i:nth-child(3){animation-delay:.3s}@keyframes lgnBounce{0%,to{transform:translateZ(0);opacity:.45}50%{transform:translate3d(0,-5px,0);opacity:1}}.lgn-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-block-start:18px;font-size:.71rem;font-weight:700;color:#4ade80}.lgn-secure svg{flex-shrink:0}.lgn-copy{margin:16px 0 0;display:flex;flex-direction:column;gap:3px;text-align:center;font-size:.66rem;color:var(--lgn-ink-faint)}.lgn-copy span{font-size:.62rem;letter-spacing:.04em;color:color-mix(in srgb,var(--lgn-ink-faint) 78%,transparent)}@media (max-width: 768px){.lgn{display:block;padding:0;overflow:visible;min-block-size:100dvh}.lgn-bg{position:fixed}.lgn-shell{display:flex;flex-direction:column;gap:18px;max-inline-size:none;min-block-size:100dvh;padding:20px 18px 34px;border:0;border-radius:0;overflow:visible;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#080e1cbd}.lgn-side{display:contents}.lgn-topbar{order:1}.lgn-wordmark{order:2;margin-block-start:0}.lgn-form-side{order:3;padding:0}.lgn-particles,.lgn-scan{display:none}.lgn-nebula span,.lgn-grid{animation:none}.lgn-jam,.lgn-eyebrow,.lgn-greet,.lgn-secure,.lgn-wm-kicker,.lgn-brand-text span{display:none}.lgn-mark:after{display:none}.lgn-shell{gap:14px;padding:24px 20px 32px}.lgn-mark{inline-size:40px;block-size:40px;border-radius:12px;box-shadow:0 0 0 1px #ffffff29}.lgn-mark img{block-size:22px}.lgn-brand-text strong{font-size:.88rem;font-weight:600;letter-spacing:0;color:var(--lgn-ink-dim)}.lgn-wordmark{gap:0;padding-block-end:18px;border-block-end:1px solid var(--lgn-line)}.lgn-wm-teks{font-size:2.1rem}.lgn-wm-versi{font-size:.74rem}.lgn-title{font-size:1.3rem;margin-block-end:16px}.lgn-label{font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--lgn-ink-dim)}.lgn-input{block-size:48px;border-radius:11px}.lgn-input:focus-within{box-shadow:0 0 0 3px #fd01001f}.lgn-submit{block-size:48px;border-radius:11px;font-size:.9rem;letter-spacing:.01em;background:var(--brand-red);box-shadow:none}.lgn-submit svg{display:none}.lgn-submit:hover:not(:disabled){transform:none;box-shadow:none;filter:brightness(1.06)}.lgn-submit:before{content:none}.lgn-nebula{opacity:.45}.lgn-copy{margin-block-start:26px}.lgn-wordmark{align-items:center}.lgn-title{text-align:center}.lgn-topbar,.lgn-form-side{margin-block-end:auto}}@media (max-width: 768px){.lgn-shell:before{display:none}}@supports not (mask-composite: exclude){.lgn-shell:before{display:none}}@media (prefers-reduced-motion: reduce){.lgn *{animation:none!important;transition-duration:.01ms!important}.lgn-shell{opacity:1;transform:none}.lgn-particles,.lgn-peta-radar,.lgn-peta-sapuan{display:none}}.sbt{--sbt-sian: #35e0ff;--sbt-tinta: #e8effb;--sbt-redup: #7e93b2;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#04070f;color:var(--sbt-tinta);font-family:var(--font-sans);cursor:pointer;animation:sbtTirai .22s ease both}@keyframes sbtTirai{0%{opacity:0}to{opacity:1}}.sbt.is-keluar{animation:sbtTiraiBuka .46s cubic-bezier(.7,0,.84,0) both}@keyframes sbtTiraiBuka{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.045)}}.sbt-latar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sbt-nebula{position:absolute;display:block;border-radius:50%;filter:blur(110px);opacity:0;animation:sbtNebulaNyala 1.4s ease-out .1s forwards}.sbt-nebula.n1{inline-size:62vmax;block-size:62vmax;inset-block-start:-22%;inset-inline-start:-14%;background:radial-gradient(circle,rgba(253,1,0,.4),transparent 68%)}.sbt-nebula.n2{inline-size:54vmax;block-size:54vmax;inset-block-end:-24%;inset-inline-end:-12%;background:radial-gradient(circle,rgba(53,224,255,.28),transparent 70%);animation-delay:.3s}@keyframes sbtNebulaNyala{0%{opacity:0;transform:scale(.86)}to{opacity:.8;transform:none}}.sbt-kisi{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(120,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse 70% 55% at 50% 50%,#000 10%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 50%,#000 10%,transparent 78%);opacity:0;animation:sbtKisiNyala 1.6s ease-out .25s forwards}@keyframes sbtKisiNyala{0%{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}}.sbt-peta{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:min(1240px,96vw);translate:-50% -50%;mask-image:radial-gradient(ellipse 44% 42% at 50% 50%,transparent 16%,#000 56%);-webkit-mask-image:radial-gradient(ellipse 44% 42% at 50% 50%,transparent 16%,#000 56%);opacity:0;animation:sbtPetaNyala 1.2s ease-out .2s forwards}.sbt-peta svg{display:block;inline-size:100%;block-size:auto;overflow:visible}@keyframes sbtPetaNyala{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.sbt-pulau{fill:#46b9ff1f;stroke:#8fd4ff;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 9px rgba(53,224,255,.75));fill-opacity:0;animation:sbtGambarPulau 1.2s cubic-bezier(.4,0,.2,1) calc(.25s + var(--i, 0) * .03s) forwards,sbtIsiPulau .9s ease-out calc(1.5s + var(--i, 0) * .03s) forwards}@keyframes sbtGambarPulau{to{stroke-dashoffset:0}}@keyframes sbtIsiPulau{to{fill-opacity:1}}.sbt-cincin{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:min(70vmin,560px);block-size:min(70vmin,560px);border-radius:50%;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,rgba(53,224,255,.5) 44deg,transparent 120deg,transparent 240deg,rgba(253,1,0,.45) 292deg,transparent 348deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;animation:sbtCincinNyala 1s ease-out .5s forwards,sbtCincinPutar 7s linear .5s infinite;will-change:transform}@keyframes sbtCincinNyala{to{opacity:.7}}@keyframes sbtCincinPutar{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.sbt-hentak{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:min(46vmin,380px);block-size:min(46vmin,380px);border-radius:50%;border:1px solid rgba(53,224,255,.75);opacity:0;animation:sbtHentak 1.5s cubic-bezier(.16,1,.3,1) 1.5s both;will-change:transform,opacity}@keyframes sbtHentak{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}16%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.sbt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 95% at 50% 50%,transparent 34%,rgba(3,6,13,.72) 76%,#03060d 100%)}.sbt-hud{position:absolute;inset-block-start:clamp(22px,4vh,40px);inset-inline:clamp(26px,5vw,62px);display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#7e93b2d9;pointer-events:none;opacity:0;animation:sbtHudNyala .7s ease 2.4s forwards}@keyframes sbtHudNyala{to{opacity:1}}.sbt-hud-kiri{display:inline-flex;align-items:center;gap:9px}.sbt-hud-kiri i{inline-size:6px;block-size:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399e6;animation:sbtTitikDenyut 2s ease-in-out infinite}@keyframes sbtTitikDenyut{0%,to{opacity:1}50%{opacity:.35}}.sbt-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding-inline:24px;text-align:center}.sbt-nyala{inline-size:min(340px,62vw);block-size:1px;background:linear-gradient(90deg,transparent,var(--sbt-sian),transparent);box-shadow:0 0 18px #35e0ffcc;transform:scaleX(0);animation:sbtNyala .5s cubic-bezier(.16,1,.3,1) .1s both}@keyframes sbtNyala{0%{transform:scaleX(0);opacity:0}60%{opacity:1}to{transform:scaleX(1);opacity:.65}}.sbt-sapa{font-family:var(--font-mono);font-size:clamp(.68rem,1.7vw,.86rem);font-weight:600;letter-spacing:.42em;text-transform:uppercase;text-indent:.42em;color:#b9cbe4;animation:sbtNaik .55s cubic-bezier(.16,1,.3,1) .4s both}@keyframes sbtNaik{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}.sbt-merek{position:relative;display:flex;align-items:baseline;gap:clamp(10px,1.6vw,18px);flex-wrap:wrap;justify-content:center}.sbt-wm{display:inline-flex;align-items:baseline;font-weight:900;font-size:clamp(3.2rem,11vw,7rem);line-height:.9;letter-spacing:-.05em}.sbt-hrf{display:inline-block;animation:sbtHurufKunci .65s cubic-bezier(.16,1,.3,1) calc(.55s + var(--i, 0) * .07s) both}@keyframes sbtHurufKunci{0%{opacity:0;transform:translate3d(0,26px,0) scale(1.28);filter:blur(16px)}to{opacity:1;transform:none;filter:blur(0)}}.sbt-shz{color:#fff;text-shadow:0 0 34px rgba(255,255,255,.22)}.sbt-360{background:linear-gradient(180deg,#ff7a72 0%,var(--brand-red) 78%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 44px rgba(253,1,0,.5)}.sbt-merek:after{content:"";position:absolute;inset-block:-8%;inset-inline-start:0;inline-size:22%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);mix-blend-mode:overlay;opacity:0;animation:sbtSapu 1s cubic-bezier(.4,0,.2,1) 2.2s both}@keyframes sbtSapu{0%{opacity:0;transform:translate3d(-140%,0,0) skew(-14deg)}22%,74%{opacity:1}to{opacity:0;transform:translate3d(560%,0,0) skew(-14deg)}}.sbt-versi{align-self:center;padding:6px 14px 5px;font-family:var(--font-mono);font-size:clamp(.6rem,1.4vw,.74rem);font-weight:700;line-height:1;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;white-space:nowrap;color:#fff;background:#0a1426b8;border:1px solid rgba(255,255,255,.34);border-radius:999px;box-shadow:0 6px 20px -6px #000000e6,0 0 22px -8px #ffffff80;animation:sbtStempel .5s cubic-bezier(.34,1.56,.64,1) 1.65s both}@keyframes sbtStempel{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:none}}.sbt-rule{inline-size:min(300px,54vw);block-size:1px;margin-block-start:6px;background:linear-gradient(90deg,transparent,rgba(140,180,255,.42),transparent);transform:scaleX(0);animation:sbtBentang .6s cubic-bezier(.16,1,.3,1) 1.85s both}@keyframes sbtBentang{to{transform:scaleX(1)}}.sbt-orang{margin:0;display:flex;flex-direction:column;gap:5px;animation:sbtNaik .66s cubic-bezier(.16,1,.3,1) 2s both}.sbt-orang b{font-size:clamp(1rem,2.4vw,1.28rem);font-weight:700;letter-spacing:-.012em;color:#fff}.sbt-orang span{font-size:clamp(.63rem,1.5vw,.72rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sbt-redup)}.sbt-siku{position:absolute;inline-size:22px;block-size:22px;border:1px solid rgba(53,224,255,.34);pointer-events:none;opacity:0;animation:sbtSikuNyala .6s ease-out 2.4s forwards}.sbt-siku.sd-ka{inset-block-start:26px;inset-inline-start:26px;border-inline-end:0;border-block-end:0}.sbt-siku.sd-kn{inset-block-start:26px;inset-inline-end:26px;border-inline-start:0;border-block-end:0}.sbt-siku.sd-kb{inset-block-end:26px;inset-inline-start:26px;border-inline-end:0;border-block-start:0}.sbt-siku.sd-nb{inset-block-end:26px;inset-inline-end:26px;border-inline-start:0;border-block-start:0}@keyframes sbtSikuNyala{to{opacity:1}}.sbt-kaki{position:absolute;inset-block-end:clamp(26px,5vh,54px);inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.sbt-rel{inline-size:min(220px,44vw);block-size:2px;border-radius:2px;overflow:hidden;background:#8cb4ff24;opacity:0;animation:sbtRelNyala .6s ease .6s forwards}.sbt-rel i{display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sbt-sian),#7cd8ff 55%,#ff7a72);box-shadow:0 0 12px #35e0ffb3;transform-origin:left center;transform:scaleX(0);animation:sbtRelIsi var(--sbt-umur, 5.6s) linear both}@keyframes sbtRelNyala{to{opacity:1}}@keyframes sbtRelIsi{to{transform:scaleX(1)}}.sbt-lewat{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#7e93b28c;animation:sbtNaik .7s ease 3s both}.sbt-ringkas .sbt-nyala{animation-delay:.04s;animation-duration:.3s}.sbt-ringkas .sbt-sapa{animation-delay:.08s;animation-duration:.36s}.sbt-ringkas .sbt-hrf{animation-duration:.34s;animation-delay:calc(.1s + var(--i, 0) * 25ms)}.sbt-ringkas .sbt-versi{animation-delay:.32s;animation-duration:.3s}.sbt-ringkas .sbt-rule{animation-delay:.28s;animation-duration:.36s}.sbt-ringkas .sbt-orang{animation-delay:.34s;animation-duration:.38s}.sbt-ringkas .sbt-pulau{stroke-dashoffset:0;fill-opacity:1;animation:none}.sbt-ringkas .sbt-peta{animation-duration:.55s;animation-delay:0s}.sbt-ringkas .sbt-nebula,.sbt-ringkas .sbt-kisi{animation-duration:.7s;animation-delay:0s}.sbt-ringkas .sbt-cincin,.sbt-ringkas .sbt-hentak,.sbt-ringkas .sbt-merek:after,.sbt-ringkas .sbt-hud,.sbt-ringkas .sbt-lewat,.sbt-ringkas .sbt-siku{display:none}@media (max-width: 560px){.sbt-hud{font-size:.52rem;letter-spacing:.14em}.sbt-siku{inline-size:16px;block-size:16px}.sbt-siku.sd-ka,.sbt-siku.sd-kn{inset-block-start:16px}.sbt-siku.sd-kb,.sbt-siku.sd-nb{inset-block-end:16px}.sbt-siku.sd-ka,.sbt-siku.sd-kb{inset-inline-start:16px}.sbt-siku.sd-kn,.sbt-siku.sd-nb{inset-inline-end:16px}}@media (prefers-reduced-motion: reduce){.sbt,.sbt *{animation:none!important;transition:none!important}.sbt-nebula,.sbt-kisi,.sbt-sapa,.sbt-hrf,.sbt-versi,.sbt-orang,.sbt-siku,.sbt-hud,.sbt-lewat,.sbt-rel{opacity:1;transform:none;filter:none}.sbt-peta{opacity:1;transform:none}.sbt-pulau{stroke-dashoffset:0;fill-opacity:1}.sbt-nyala,.sbt-rule{opacity:1;transform:scaleX(1)}.sbt-rel i{transform:scaleX(1)}.sbt-cincin,.sbt-hentak,.sbt-merek:after{display:none}.sbt.is-keluar{opacity:0}}.page{display:flex;flex-direction:column;gap:14px;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.page.form-page{gap:20px}.erp-hero,.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:4px 0 12px}.hero-left,.hero-title{display:flex;align-items:center;gap:16px;min-inline-size:0}.hero-icon-wrap,.hero-icon{position:relative;inline-size:44px;block-size:44px;border-radius:10px;background:#ff6b3514;color:var(--brand-red);border:1px solid rgba(255,107,53,.15);display:grid;place-items:center;flex-shrink:0}.hero-meta,.hero-text{min-inline-size:0}.hero-meta h1,.hero-text h1{margin:0;font-size:1.15rem;font-weight:800;color:var(--brand-black);letter-spacing:-.02em;line-height:1.25}.hero-meta p,.hero-text p{margin:4px 0 0;font-size:.8rem;color:var(--brand-muted);line-height:1.4}.hero-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 640px){.hero-actions{inline-size:100%;flex-wrap:wrap}.hero-actions>.btn{flex:1 1 auto}}.module-frame{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #1414140a}.frame-tabs{display:flex;align-items:stretch;background:#e6e2d6;border-block-end:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}[data-theme=dark] .frame-tabs{background:var(--surface-3)}.frame-tabs::-webkit-scrollbar{block-size:4px}.frame-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.frame-tabs-dokumen{background:var(--surface-2, var(--surface))}[data-theme=dark] .frame-tabs-dokumen{background:#ffffff05}.frame-tabs-dokumen .frame-tab{padding-block:9px;font-size:.8rem}.frame-tab{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;font-size:.82rem;font-weight:600;color:var(--brand-muted);cursor:pointer;white-space:nowrap;border:0;background:transparent;font-family:inherit;border-block-end:2px solid transparent;margin-block-end:-1px;transition:all .18s ease;-webkit-user-select:none;user-select:none}.frame-tab:hover:not(.active){color:var(--brand-black);background:var(--surface-hover)}.frame-tab.active{color:var(--brand-red);font-weight:700;border-block-end-color:var(--brand-red);background:var(--surface)}.frame-tab.active .tab-icon{color:var(--brand-red)}.frame-tab .tab-icon{color:var(--brand-muted);transition:color .18s ease;flex-shrink:0}.frame-tab .tab-label{overflow:hidden;text-overflow:ellipsis;max-inline-size:160px}.frame-tab .tab-close-btn{inline-size:16px;block-size:16px;margin-inline-start:3px;border-radius:4px;background:transparent;border:0;font-size:1rem;line-height:1;color:var(--brand-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.frame-tab .tab-close-btn:hover{background:#ff6b351f;color:var(--brand-red)}.frame-tab .tab-hitung{min-inline-size:19px;padding:1px 6px;border-radius:999px;font-family:var(--font-mono);font-size:.67rem;font-weight:750;line-height:1.5;text-align:center;flex-shrink:0;background:var(--surface-hover);color:var(--brand-muted);border:1px solid var(--border);transition:all .18s ease}.frame-tab .tab-hitung.ada{background:#dc26261a;border-color:#dc262638;color:#dc2626}.frame-tab.active .tab-hitung.ada{background:#dc2626;border-color:#dc2626;color:#fff}.dt-table tbody tr.dt-bisa-bentang{cursor:pointer}.dt-table tbody tr.dt-bisa-bentang:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:-2px}.dt-table tbody tr.is-expanded>td{background:var(--surface-2);border-block-end-color:transparent}.dt-table tbody tr.dt-baris-rincian>td{padding:0;background:var(--surface-2);box-shadow:inset 3px 0 0 var(--brand-red)}.dt-rincian-isi{padding:14px 16px 18px;animation:rincianTurun .24s cubic-bezier(.16,1,.3,1) both}@keyframes rincianTurun{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.frame-nota{padding:14px 18px 0}.frame-nota .nota-info{margin:0}.frame-content{position:relative}.tab-panel{animation:tabFadeIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}.tab-form-container{padding:24px 28px}@media (max-width: 640px){.tab-form-container{padding:16px 12px}}.frame-content .dt{border:0;border-radius:0;background:transparent}.code-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;color:var(--brand-black)}.code-badge .code-icon{color:var(--brand-muted);opacity:.8}.code-badge code{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.02em}.branch-cell{display:flex;flex-direction:column;gap:3px;max-width:320px}.branch-name-wrap{display:flex;align-items:center;gap:6px}.branch-name,.role-name{font-weight:650;font-size:.88rem;color:var(--brand-black)}.branch-address{font-size:.78rem;color:var(--brand-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-cell{display:inline-flex;align-items:center;gap:6px;color:var(--brand-black)}.company-cell .company-icon{color:var(--brand-muted);flex-shrink:0}.company-cell .company-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-cell{display:flex;align-items:center;gap:8px}.location-cell .location-icon{color:var(--brand-red);opacity:.85;flex-shrink:0}.cell-stack{display:flex;flex-direction:column;line-height:1.3}.cell-stack .primary{font-weight:600;color:var(--brand-black);font-size:.85rem}.cell-stack .secondary{font-size:.75rem;color:var(--brand-muted)}.baris-turunan{display:inline-flex;align-items:flex-start;gap:4px;font-size:.75rem;font-weight:600;color:var(--brand-muted);line-height:1.35}.baris-turunan svg{flex:0 0 auto;margin-block-start:1px;color:var(--brand-red);opacity:.65}.category-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.category-badge.cat-primary{background:#ff6b3514;color:var(--brand-red)}.category-badge.cat-info{background:#15233a12;color:#15233a}[data-theme=dark] .category-badge.cat-info{background:#ffffff14;color:#cdd6e4}.category-badge.cat-warning{background:#f5b80014;color:#b88600}[data-theme=dark] .category-badge.cat-warning{color:var(--brand-gold)}.category-badge.cat-success{background:#10b9811a;color:#0f8a63}[data-theme=dark] .category-badge.cat-success{color:#34d399}.category-badge.cat-secondary{background:var(--surface-3);border:1px solid var(--border);color:var(--brand-muted);font-weight:650}.category-badge.cat-default{background:var(--surface-3);color:var(--brand-muted)}.employee-cell,.user-cell{display:flex;align-items:center;gap:10px;max-width:280px}.employee-cell .cell-stack .code-badge-erp{align-self:flex-start;margin-block-start:2px;padding:1px 4px 1px 7px;font-size:.72rem}.employee-cell .cell-stack .code-badge-erp .copy-btn-erp{inline-size:18px;block-size:18px}.employee-cell .avatar,.user-cell .avatar{inline-size:32px;block-size:32px;border-radius:50%;color:#fff;font-size:.74rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;letter-spacing:.02em}.employee-cell .avatar{background:linear-gradient(135deg,var(--brand-red),#e85420);box-shadow:0 2px 6px -2px #ff6b3566}.user-cell .avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 6px -2px #6366f166}.employee-info,.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.employee-name,.u-username{font-weight:650;font-size:.88rem;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-jabatan,.u-email{font-size:.74rem;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-cell{display:flex;flex-direction:column;line-height:1.3}.date-cell .primary{font-weight:600;color:var(--brand-black);font-size:.85rem}.date-cell .secondary{font-size:.74rem;color:var(--brand-muted)}.date-cell .secondary.resign{color:var(--brand-red);font-weight:600}.sub-devisi-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.sub-devisi-cell .d-parent{font-size:.68rem;color:var(--brand-muted);font-weight:500;padding-inline-start:4px}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;background:#6366f114;color:#4f46e5}[data-theme=dark] .role-badge{background:#818cf81f;color:#818cf8}.last-login{font-size:.82rem;color:var(--brand-black)}.text-muted{color:var(--brand-muted);font-size:.82rem}.user-info-cell{display:flex;flex-direction:column;gap:2px}.user-info-cell .u-name{font-size:.78rem;font-weight:600;color:var(--brand-black)}.user-info-cell .u-date{font-size:.72rem;color:var(--brand-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;border:1px solid transparent}.status-pill .pulse-dot{inline-size:7px;block-size:7px;border-radius:50%;flex-shrink:0}.status-pill.active{background:#1f7a321a;color:#1f7a32;border-color:#1f7a3238}.status-pill.active .pulse-dot{background:#1f7a32;animation:pulseGreen 1.6s infinite}[data-theme=dark] .status-pill.active{background:#4ade8029;color:#6ee7a0;border-color:#4ade8066}[data-theme=dark] .status-pill.active .pulse-dot{background:#6ee7a0}.status-pill.inactive{background:#e5393517;color:#d23b36;border-color:#e5393533}.status-pill.inactive .pulse-dot{background:#d23b36}[data-theme=dark] .status-pill.inactive{background:#ff78742e;color:#ff9b97;border-color:#ff78746b}[data-theme=dark] .status-pill.inactive .pulse-dot{background:#ff9b97}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #1f7a3280}70%{transform:scale(1);box-shadow:0 0 0 5px #1f7a3200}to{transform:scale(.95);box-shadow:0 0 #1f7a3200}}.filters-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.erp-select{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.erp-select-trigger{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--surface);border:1.5px solid var(--input-border);border-radius:8px;height:38px;min-width:140px;font-family:inherit;font-size:.84rem;font-weight:600;color:var(--brand-black);cursor:pointer;transition:all .2s ease;justify-content:space-between}.erp-select-trigger:hover{border-color:#ff6b354d;background:var(--surface-hover)}.erp-select-trigger.open{border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b3514;background:var(--surface)}.erp-select-trigger.open .chevron{transform:rotate(180deg)}.erp-select-trigger .filter-icon{color:var(--brand-muted);opacity:.8;flex-shrink:0}.erp-select-trigger .erp-select-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-select-trigger .chevron{color:var(--brand-muted);transition:transform .2s ease;flex-shrink:0}.erp-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #00000014;padding:6px;display:flex;flex-direction:column;gap:2px;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.erp-select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:550;color:var(--brand-black);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.erp-select-option:hover{background:var(--surface-3);color:var(--brand-red)}.erp-select-option.active{background:#ff6b350f;color:var(--brand-red);font-weight:700}.erp-select-option .status-dot{width:6px;height:6px;border-radius:50%}.erp-select-option .status-dot.active{background:#1f7a32}.erp-select-option .status-dot.inactive{background:var(--brand-muted)}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:5px}.erp-action-btn{width:28px;height:28px;border-radius:8px;background:#edeef1;border:0;color:#64748b;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}[data-theme=dark] .erp-action-btn{background:#ffffff12;color:var(--brand-muted)}.erp-action-btn svg{width:14px;height:14px;transition:transform .2s ease}.erp-action-btn:hover{background:#e2e4e8}[data-theme=dark] .erp-action-btn:hover{background:#ffffff1f}.erp-action-btn:hover svg{transform:scale(1.05)}.erp-action-btn.view:hover{background:#6366f11f;color:var(--brand-indigo)}.erp-action-btn.edit:hover{background:#ff6b351f;color:var(--brand-red)}.erp-action-btn.delete:hover{background:#e539351f;color:#e53935}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.detail-grid .span-2{grid-column:span 2}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}.detail-grid .span-2{grid-column:span 1}}.detail-item{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.detail-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.detail-value{font-size:.95rem;font-weight:600;color:var(--brand-black);line-height:1.5;word-break:break-word}.detail-value code{font-weight:600}.setting-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.setting-options{grid-template-columns:1fr}}.layout-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;text-align:start;font-family:inherit;transition:all .2s ease}.layout-card:hover{border-color:var(--brand-red);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.layout-card.active{border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b351f}.lc-preview{block-size:116px;background:var(--surface-3);display:flex;gap:8px;padding:12px}.lc-preview.vertical .lc-side{inline-size:28px;background:#1c2233;border-radius:5px}.lc-preview.vertical .lc-body{flex:1;display:flex;flex-direction:column;gap:7px}.lc-preview .lc-bar{block-size:15px;background:var(--surface);border-radius:4px}.lc-preview .lc-block{flex:1;background:var(--surface);border-radius:4px}.lc-preview.horizontal{flex-direction:column}.lc-preview.horizontal .lc-top{block-size:15px;background:#1c2233;border-radius:4px}.lc-preview.horizontal .lc-nav{block-size:11px;background:var(--brand-red);border-radius:4px}.lc-preview.horizontal .lc-block.wide{flex:1;background:var(--surface);border-radius:4px}.lc-preview.theme-light,.lc-preview.theme-dark{align-items:center;justify-content:center}.lc-preview.theme-light{background:#fbfaf7}.lc-preview.theme-dark{background:#16273b}.lc-meta{padding:14px 16px;display:flex;flex-direction:column;gap:3px}.lc-meta strong{font-size:.92rem;color:var(--brand-black);font-weight:700}.lc-meta strong em{font-style:normal;color:var(--brand-red);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-inline-start:4px}.lc-meta span{font-size:.78rem;color:var(--brand-muted);line-height:1.4}.lc-check{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:24px;block-size:24px;border-radius:50%;background:var(--brand-red);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -2px #ff6b3580}@media (max-width: 640px){.filters-wrapper{width:100%}.filters-wrapper .erp-select{flex:1;min-width:130px}.filters-wrapper .erp-select .erp-select-trigger{width:100%}}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--brand-muted);font-size:.9rem;font-weight:600}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>*{min-inline-size:0}.form-grid .span-2{grid-column:span 2}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.radio-group{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.radio-group{grid-template-columns:1fr}}.radio-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:all .18s ease}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card .radio-mark{inline-size:18px;block-size:18px;border:2px solid var(--border);border-radius:50%;flex-shrink:0;margin-block-start:2px;display:grid;place-items:center;transition:all .18s ease}.radio-card .radio-mark span{inline-size:8px;block-size:8px;border-radius:50%;background:transparent;transition:all .18s ease}.radio-card .radio-text{display:flex;flex-direction:column;gap:2px}.radio-card .radio-text strong{font-size:.92rem;color:var(--brand-black);font-weight:700}.radio-card .radio-text span{font-size:.78rem;color:var(--brand-muted);line-height:1.4}.radio-card:hover{border-color:var(--brand-red);background:var(--brand-bg)}.radio-card.active{border-color:var(--brand-red);background:#ff6b350a}.radio-card.active .radio-mark{border-color:var(--brand-red)}.radio-card.active .radio-mark span{background:var(--brand-red)}.form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 24px;border-block-start:1px solid var(--border);background:var(--surface-3)}@media (max-width: 640px){.form-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;padding:14px 16px}.form-actions .btn{inline-size:100%;white-space:normal;block-size:auto;min-block-size:38px;padding-block:8px;line-height:1.25}.form-actions .btn svg{flex:none}}.lg-splash-row{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:22px;align-items:center}@media (max-width: 720px){.lg-splash-row{grid-template-columns:1fr}}.lg-splash-thumb{position:relative;aspect-ratio:16/10;border-radius:12px;cursor:pointer;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(220px 130px at 50% 30%,rgba(253,1,0,.22),transparent 65%),linear-gradient(180deg,#1c2233,#0d1b2c);transition:transform .2s ease,box-shadow .2s ease}.lg-splash-thumb:hover,.lg-splash-thumb:focus-visible{transform:translateY(-3px);box-shadow:0 16px 32px -14px #0000008c}.lg-splash-thumb:hover .lg-thumb-play{opacity:1}.lg-splash-thumb .logo-loader{--orb-track: rgba(255, 255, 255, .12);--orb-dot: rgba(255, 255, 255, .3);--orb-head: #fff;--orb-head-glow: rgba(255, 255, 255, .9)}.lg-thumb-word{font-family:var(--font-mono);font-size:.52rem;font-weight:800;letter-spacing:.22em;color:#ffffffd9;text-align:center;padding-inline:10px}.lg-thumb-play{position:absolute;inset-block-end:10px;padding:4px 12px;border-radius:999px;background:#ffffff24;color:#fff;font-size:.7rem;font-weight:700;opacity:0;transition:opacity .2s ease}.lg-splash-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.lg-splash-info p{margin:0;font-size:.88rem;line-height:1.65;color:var(--brand-muted)}.lg-splash-info kbd{font-family:var(--font-mono);font-size:.75rem;padding:1px 6px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border);color:var(--brand-black)}.lg-actions{display:flex;gap:10px;flex-wrap:wrap}.lg-check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:.85rem;color:var(--brand-black)}.lg-check input{inline-size:16px;block-size:16px;accent-color:var(--brand-red);cursor:pointer}.lg-orb-stage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 20px;border-radius:12px;border:1px solid var(--border);background:radial-gradient(240px 160px at 50% 40%,rgba(253,1,0,.06),transparent 70%),var(--surface-2)}.lg-orb-readout{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;letter-spacing:.14em;color:var(--brand-black);font-variant-numeric:tabular-nums}.lg-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-block-start:18px}.lg-slider{display:flex;align-items:center;gap:12px;flex:1;min-inline-size:220px}.lg-slider span{font-size:.85rem;font-weight:700;color:var(--brand-black)}.lg-slider input{flex:1;accent-color:var(--brand-red);cursor:pointer}.lg-slider input:disabled{opacity:.45;cursor:not-allowed}.lg-sizes{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:30px;margin-block-start:24px;padding-block-start:22px;border-block-start:1px dashed var(--border)}.lg-sizes figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}.lg-sizes figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--brand-muted)}.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.lg-item{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.lg-item strong{font-size:.9rem;color:var(--brand-black)}.lg-item code{font-family:var(--font-mono);font-size:.72rem;color:var(--brand-red);background:var(--brand-red-soft);padding:2px 7px;border-radius:5px;align-self:flex-start}.lg-item span{font-size:.78rem;color:var(--brand-muted);line-height:1.5}.lg-stage{display:grid;place-items:center;min-block-size:108px;margin-block-end:8px;padding:12px;border-radius:10px;background:var(--surface);border:1px dashed var(--border)}.lg-splash-bar{position:fixed;z-index:10000;inset-block-end:24px;inset-inline-start:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 18px;border-radius:999px;background:#0d1b2ceb;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px -14px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lg-splash-bar span{font-size:.8rem;font-weight:600;color:#ffffffbf;white-space:nowrap}.lg-splash-bar button{border:0;cursor:pointer;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;font-family:inherit;background:#ffffff24;color:#fff;transition:background .18s ease}.lg-splash-bar button:hover{background:#ffffff42}.lg-splash-bar button.is-close{background:var(--brand-red)}.lg-splash-bar button.is-close:hover{background:var(--brand-red-dark)}@media (max-width: 520px){.lg-splash-bar{inset-inline:12px;transform:none;justify-content:center;padding-inline:12px}.lg-splash-bar span{display:none}}.pilih-perusahaan{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.pilih-perusahaan .kartu-pt{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1.5px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.pilih-perusahaan .kartu-pt input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.pilih-perusahaan .kartu-pt .kotak-centang{flex:none;inline-size:19px;block-size:19px;border-radius:6px;border:1.5px solid var(--brand-muted);background:transparent;display:grid;place-items:center;transition:all .18s ease}.pilih-perusahaan .kartu-pt .kotak-centang svg{opacity:0;transform:scale(.55);transition:all .15s ease;stroke:#fff}.pilih-perusahaan .kartu-pt .teks-pt{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.pilih-perusahaan .kartu-pt .teks-pt .singkatan{font-size:.83rem;font-weight:700;color:var(--brand-black);line-height:1.25}.pilih-perusahaan .kartu-pt .teks-pt .nama-panjang{font-size:.7rem;color:var(--brand-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilih-perusahaan .kartu-pt:hover{border-color:color-mix(in srgb,var(--brand-red) 45%,transparent)}.pilih-perusahaan .kartu-pt:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 18%,transparent);border-color:var(--brand-red)}.pilih-perusahaan .kartu-pt.terpilih{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 6%,var(--surface))}.pilih-perusahaan .kartu-pt.terpilih .kotak-centang{background:var(--brand-red);border-color:var(--brand-red)}.pilih-perusahaan .kartu-pt.terpilih .kotak-centang svg{opacity:1;transform:scale(1)}.pilih-perusahaan .kartu-pt.terpilih .teks-pt .singkatan{color:var(--brand-red)}.nota-lingkup{display:flex;align-items:flex-start;gap:9px;margin-block-start:13px;padding:10px 13px;border-radius:9px;font-size:.76rem;line-height:1.55;background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border);color:var(--brand-muted)}.nota-lingkup svg{flex:none;margin-block-start:1px}.nota-lingkup strong{color:var(--brand-black);font-weight:650}.nota-lingkup.peringatan{background:color-mix(in srgb,var(--brand-red) 7%,var(--surface));border-color:color-mix(in srgb,var(--brand-red) 28%,transparent);color:var(--brand-red)}.nota-lingkup.peringatan strong{color:var(--brand-red)}.panduan-lingkup{margin-block-start:12px;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:var(--surface-3, rgba(0, 0, 0, .02))}.panduan-lingkup .judul-panduan{display:flex;align-items:center;gap:7px;padding:9px 13px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-muted);border-block-end:1px solid var(--border);background:var(--surface)}.panduan-lingkup .baris-panduan{display:flex;gap:11px;padding:11px 13px;font-size:.77rem;line-height:1.6;color:var(--brand-muted)}.panduan-lingkup .baris-panduan+.baris-panduan{border-block-start:1px dashed var(--border)}.panduan-lingkup .baris-panduan .tanda{flex:none;inline-size:74px;font-weight:700;font-size:.7rem;text-align:center;align-self:flex-start;padding:3px 0;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--brand-black)}.panduan-lingkup .baris-panduan strong{color:var(--brand-black);font-weight:650}.panduan-lingkup .baris-panduan.bahaya .tanda{background:color-mix(in srgb,var(--brand-red) 10%,var(--surface));border-color:color-mix(in srgb,var(--brand-red) 32%,transparent);color:var(--brand-red)}.panduan-lingkup .baris-panduan.bahaya strong{color:var(--brand-red)}.mf-dash{--mf-seri-1: #3b82f6;--mf-seri-2: #ef4444;--mf-seri-3: #8b5cf6;--mf-sumbu: rgba(203, 213, 225, .4)}.mf-dash.memuat{opacity:.55;transition:opacity .15s ease}:root[data-theme=dark] .mf-dash{--mf-seri-1: #60a5fa;--mf-seri-2: #f87171;--mf-seri-3: #a78bfa;--mf-sumbu: rgba(51, 65, 85, .5)}.mf-executive-hero{position:relative;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #00000008;overflow:hidden}.mf-executive-hero .mf-tech-icon{position:relative;background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:12px}.mf-executive-hero .mf-tech-icon .mf-icon-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;box-shadow:0 0 16px #3b82f659;opacity:.6}.mf-executive-hero .mf-hero-status-row{display:flex;align-items:center;gap:8px;margin-block-end:4px;flex-wrap:wrap}.mf-executive-hero .mf-telemetry-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;font-size:.65rem;font-weight:800;letter-spacing:.06em;background:#10b98117;color:#10b981;border:1px solid rgba(16,185,129,.25)}.mf-executive-hero .mf-pulse-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseGreen 1.8s infinite}.mf-executive-hero .mf-hero-divider{color:var(--brand-muted);opacity:.4}.mf-executive-hero .mf-hero-companies{font-size:.74rem;font-weight:600;color:var(--brand-muted)}.mf-executive-hero .mf-hero-sub{margin-block-start:2px;font-size:.78rem}.mf-executive-hero .mf-btn-segarkan{border-radius:10px;font-weight:650}.mf-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;margin-block-end:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 2px 8px #00000005}.mf-filter .mf-filter-left{display:flex;align-items:center;gap:8px}.mf-filter .mf-filter-left .mf-filter-icon{color:#3b82f6;display:grid;place-items:center}.mf-filter .mf-filter-left .mf-filter-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--brand-muted)}.mf-filter .mf-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.mf-filter .mf-filter-chips button{border:1px solid transparent;background:var(--surface-3);border-radius:8px;padding:5px 14px;font-size:.77rem;font-weight:650;color:var(--brand-muted);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mf-filter .mf-filter-chips button:hover{color:var(--brand-black);background:var(--surface-hover);transform:translateY(-1px)}.mf-filter .mf-filter-chips button.aktif{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #2563eb47;font-weight:700}.mf-filter .mf-filter-rentang{margin-inline-start:auto;font-size:.74rem;font-weight:650;font-family:var(--font-mono);color:var(--brand-muted);background:var(--surface-3);padding:4px 10px;border-radius:6px;border:1px solid var(--border)}.mf-hero-antrean{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 28px;margin-block-end:20px;border-radius:18px;cursor:pointer;border:1px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#ef44440d,#dc262603),var(--surface);box-shadow:0 8px 30px #ef44440f;overflow:hidden;transition:all .22s ease}.mf-hero-antrean .mf-hero-glow-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 10% 50%,rgba(239,68,68,.12) 0%,transparent 50%);pointer-events:none}.mf-hero-antrean:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 12px 36px #ef444426}.mf-hero-antrean:hover .mf-hero-tautan svg{transform:translate(4px)}.mf-hero-antrean .mf-hero-kiri{position:relative;min-inline-size:0;flex:1 1 auto;z-index:1}.mf-hero-antrean .mf-hero-tag{display:inline-flex;align-items:center;gap:8px;margin-block-end:4px}.mf-hero-antrean .mf-live-pulse-ring{inline-size:9px;block-size:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulseRed 1.5s infinite}.mf-hero-antrean .mf-hero-tag-text{font-size:.7rem;font-weight:850;letter-spacing:.07em;color:#ef4444}.mf-hero-antrean .mf-hero-angka{display:block;font-size:3.6rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:#ef4444;margin-block:4px 6px;text-shadow:0 2px 10px rgba(239,68,68,.2)}.mf-hero-antrean .mf-hero-satuan-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mf-hero-antrean .mf-hero-satuan{font-size:.86rem;color:var(--brand-black);font-weight:650}.mf-hero-antrean .mf-hero-total-val{font-size:.86rem;font-weight:750;color:#ef4444;font-family:var(--font-mono);background:#ef444414;padding:2px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.mf-hero-antrean .mf-hero-kanan{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:end;z-index:1}.mf-hero-antrean .mf-hero-catatan{font-size:.74rem;color:var(--brand-muted);max-inline-size:230px;line-height:1.45}.mf-hero-antrean .mf-hero-tautan{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.8rem;font-weight:750;box-shadow:0 4px 14px #ef44444d}.mf-hero-antrean .mf-hero-tautan svg{transition:transform .2s ease}@keyframes pulseRed{0%{transform:scale(.95);box-shadow:0 0 #ef444499}70%{transform:scale(1.05);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.mf-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-block-end:20px}.mf-kpi-grid.rapat{margin-block-end:0}.mf-kpi{position:relative;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:all .2s ease}.mf-kpi:hover{transform:translateY(-2px);border-color:#3b82f64d;box-shadow:0 6px 20px #0000000d}.mf-kpi .mf-kpi-top{display:flex;align-items:center;justify-content:space-between}.mf-kpi .mf-kpi-label{font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.mf-kpi .mf-kpi-icon-wrap{color:var(--brand-muted);opacity:.7;display:grid;place-items:center}.mf-kpi .mf-kpi-val-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-block:2px}.mf-kpi .mf-kpi-nilai{font-size:1.55rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--brand-black)}.mf-kpi .mf-kpi-catatan{font-size:.71rem;line-height:1.35;color:var(--brand-muted)}.mf-kpi .mf-kpi-spark-bar{block-size:3px;inline-size:100%;border-radius:2px;background:var(--surface-3);overflow:hidden;margin-block-start:6px}.mf-kpi .mf-kpi-spark-bar .bar-fill{display:block;block-size:100%;border-radius:2px;inline-size:100%}.mf-kpi .mf-kpi-spark-bar .bar-fill.fill-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.mf-kpi .mf-kpi-spark-bar .bar-fill.fill-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.mf-kpi .mf-kpi-spark-bar .bar-fill.fill-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.mf-kpi .mf-kpi-spark-bar .bar-fill.fill-rose{background:linear-gradient(90deg,#ef4444,#f87171)}.mf-kpi.glow-blue:hover .mf-kpi-icon-wrap{color:#3b82f6;opacity:1}.mf-kpi.glow-purple:hover .mf-kpi-icon-wrap{color:#8b5cf6;opacity:1}.mf-kpi.glow-emerald:hover .mf-kpi-icon-wrap{color:#10b981;opacity:1}.mf-kpi.glow-rose:hover .mf-kpi-icon-wrap{color:#ef4444;opacity:1}.mf-delta{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums}.mf-delta.baik{background:#10b9811a;color:#10b981}.mf-delta.buruk{background:#ef44441a;color:#ef4444}.mf-delta.datar{background:var(--surface-3);color:var(--brand-muted)}.mf-grid-grafik{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin-block-end:20px}.mf-kartu{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 4px 16px #00000005;margin-block-end:20px;transition:border-color .2s ease}.mf-grid-grafik .mf-kartu{margin-block-end:0}.mf-kartu:hover{border-color:#3b82f640}.mf-kartu .mf-kartu-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 0}.mf-kartu .mf-judul-flex{display:flex;align-items:center;gap:8px}.mf-kartu .mf-card-accent-dot{inline-size:8px;block-size:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px #3b82f6}.mf-kartu .mf-card-accent-dot.purple{background:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.mf-kartu .mf-card-accent-dot.emerald{background:#10b981;box-shadow:0 0 8px #10b981}.mf-kartu .mf-card-accent-dot.gold{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.mf-kartu .mf-kartu-judul h3{font-size:.9rem;font-weight:750;margin:0;color:var(--brand-black)}.mf-kartu .mf-kartu-judul span{display:block;font-size:.72rem;color:var(--brand-muted);line-height:1.4;margin-block-start:2px}.mf-kartu .mf-kartu-isi{padding:16px 20px 20px}.mf-penukar{display:inline-flex;flex:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-3);padding:2px}.mf-penukar button{border:0;background:transparent;padding:3px 12px;font-size:.71rem;font-weight:700;color:var(--brand-muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.mf-penukar button.aktif{background:var(--brand-black);color:var(--surface);box-shadow:0 2px 6px #0000001f}.mf-grafik{position:relative}.mf-svg{inline-size:100%;block-size:124px;display:block;overflow:visible}.mf-svg .mf-grid-hairline{stroke:var(--mf-sumbu);stroke-dasharray:4 4}.mf-svg .mf-sumbu{stroke:var(--mf-sumbu);stroke-width:1}.mf-svg .mf-garis{fill:none;stroke:var(--mf-seri-1);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.mf-svg .mf-titik{fill:var(--mf-seri-1);stroke:var(--surface);stroke-width:2.5}.mf-svg .mf-titik-ring{fill:none;stroke:var(--mf-seri-1);stroke-width:1.5;opacity:.4}.mf-svg .mf-bidik{stroke:var(--mf-seri-1);stroke-width:1;stroke-dasharray:3 3}.mf-svg.ungu .mf-garis{stroke:var(--mf-seri-3)}.mf-svg.ungu .mf-titik{fill:var(--mf-seri-3)}.mf-svg.ungu .mf-titik-ring,.mf-svg.ungu .mf-bidik{stroke:var(--mf-seri-3)}.mf-sumbu-x{display:flex;justify-content:space-between;margin-block-start:8px}.mf-sumbu-x span{font-size:.66rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.mf-sumbu-x span.aktif{color:var(--brand-black);font-weight:750}.mf-kolom{display:flex;align-items:flex-end;gap:12px;block-size:124px;border-block-end:1px solid var(--mf-sumbu);margin-block-end:22px}.mf-kolom-slot{flex:1;min-inline-size:0;block-size:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.mf-kolom-slot .mf-kolom-track{inline-size:min(26px,100%);block-size:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start}.mf-kolom-slot .mf-seg{inline-size:100%;display:block;min-block-size:0;background:linear-gradient(180deg,#3b82f6,#2563eb);transition:filter .15s ease}.mf-kolom-slot .mf-seg.merah{background:linear-gradient(180deg,#ef4444,#dc2626)}.mf-kolom-slot .mf-seg:last-child{border-radius:5px 5px 0 0}.mf-kolom-slot .mf-seg+.mf-seg{margin-block-end:2px}.mf-kolom-slot .mf-kolom-label{position:absolute;inset-block-start:calc(100% + 7px);font-size:.65rem;color:var(--brand-muted)}.mf-kolom-slot .mf-kolom-total{position:absolute;inset-block-end:calc(100% + 3px);font-size:.67rem;font-weight:750;color:var(--brand-muted);font-variant-numeric:tabular-nums}.mf-kolom-slot.aktif .mf-seg{filter:brightness(1.2)}.mf-batang-h{display:flex;flex-direction:column;gap:12px}.mf-batang-h .mf-bh-baris{display:grid;grid-template-columns:minmax(120px,1.1fr) 1fr 34px 38px;align-items:center;gap:10px}.mf-batang-h .mf-bh-label{font-size:.77rem;font-weight:600;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-batang-h .mf-bh-track{block-size:10px;border-radius:5px;background:var(--surface-3);overflow:hidden}.mf-batang-h .mf-bh-isi{display:block;block-size:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:0 5px 5px 0}.mf-batang-h .mf-bh-nilai,.mf-batang-h .mf-bh-persen{font-size:.76rem;text-align:end;font-variant-numeric:tabular-nums}.mf-batang-h .mf-bh-persen{color:var(--brand-muted);font-weight:650}.mf-tooltip{position:absolute;inset-block-start:-6px;inset-inline-end:0;display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:10px;background:var(--brand-black);color:var(--surface);font-size:.75rem;pointer-events:none;box-shadow:0 8px 24px #00000038;z-index:5;border:1px solid rgba(255,255,255,.1)}.mf-tooltip .mf-tt-label{opacity:.7;font-size:.67rem;font-weight:700;letter-spacing:.03em}.mf-tooltip .mf-tt-val{font-size:.92rem;font-weight:800}.mf-tooltip .mf-tt-baris{display:inline-flex;align-items:center;gap:6px}.mf-tooltip .mf-tt-baris i{inline-size:8px;block-size:8px;border-radius:2px}.mf-tooltip .mf-tt-baris i.biru{background:#3b82f6}.mf-tooltip .mf-tt-baris i.merah{background:#ef4444}.mf-grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px;margin-block-end:20px}.mf-list-group{display:flex;flex-direction:column;gap:10px}.mf-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:12px;background:var(--surface-3);border:1px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mf-list-item:hover{background:var(--surface-hover);border-color:#3b82f659;transform:translate(3px);box-shadow:0 4px 14px #0000000a}.mf-list-item .mf-item-rank{flex:none}.mf-list-item .mf-rank-pill{display:inline-grid;place-items:center;min-inline-size:32px;block-size:26px;padding-inline:6px;border-radius:8px;font-size:.72rem;font-weight:800}.mf-list-item .mf-rank-pill.rank-1{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.mf-list-item .mf-rank-pill.rank-2{background:#94a3b826;color:#64748b;border:1px solid rgba(148,163,184,.3)}.mf-list-item .mf-rank-pill.rank-3{background:#b453091f;color:#b45309;border:1px solid rgba(180,83,9,.3)}.mf-list-item .mf-rank-pill.rank-4,.mf-list-item .mf-rank-pill.rank-5{background:var(--surface-3);color:var(--brand-muted)}.mf-list-item .mf-item-main{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:3px}.mf-list-item .mf-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mf-list-item .mf-po-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:750;color:#2563eb;background:#2563eb14;padding:2px 8px;border-radius:6px;border:1px solid rgba(37,99,235,.18);white-space:nowrap}.mf-list-item .mf-pr-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--brand-muted)}.mf-list-item .mf-item-time{font-size:.71rem;color:var(--brand-muted)}.mf-list-item .mf-item-supplier{font-size:.81rem;font-weight:650;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-list-item .mf-item-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:end}.mf-list-item .mf-item-amount{font-family:var(--font-mono);font-size:.88rem;font-weight:800;color:var(--brand-black);letter-spacing:-.01em}.mf-list-item .mf-days-pill{font-size:.69rem;font-weight:750;color:#ef4444;background:#ef444417;padding:2px 7px;border-radius:6px;border:1px solid rgba(239,68,68,.2);white-space:nowrap}.mf-list-item .mf-status-tag{font-size:.7rem;font-weight:700}.mf-supplier-list{display:flex;flex-direction:column;gap:8px}.mf-supplier-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border)}.mf-supplier-item .mf-supplier-left{display:flex;align-items:center;gap:10px;min-inline-size:0;flex:1}.mf-supplier-item .mf-supplier-rank{display:inline-grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:.7rem;font-weight:800;color:var(--brand-muted);flex:none}.mf-supplier-item .mf-supplier-name{font-size:.81rem;font-weight:650;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-supplier-item .mf-supplier-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.mf-supplier-item .mf-po-count-chip{font-size:.69rem;font-weight:750;color:#3b82f6;background:#3b82f614;padding:1px 7px;border-radius:5px;border:1px solid rgba(59,130,246,.18)}.mf-supplier-item .mf-supplier-val{font-family:var(--font-mono);font-size:.83rem;font-weight:750;color:var(--brand-black)}.mf-tabel{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:.79rem;margin-block-start:4px}.mf-tabel th{text-align:start;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted);padding:10px 14px;background:var(--surface-3);border-block-end:1px solid var(--border)}.mf-tabel th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.mf-tabel th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.mf-tabel td{padding:10px 14px;border-block-end:1px solid var(--border);color:var(--brand-black);font-weight:500}.mf-tabel td.ka{text-align:end;font-family:var(--font-mono);font-weight:700}.mf-tabel tbody tr{transition:background .15s ease}.mf-tabel tbody tr:hover td{background:#3b82f60a}.mf-footer-ribbon{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#3b82f614,#8b5cf60a);border:1px solid rgba(59,130,246,.2);margin-block:8px 12px;flex-wrap:wrap}.mf-footer-ribbon .mf-ribbon-icon{color:#3b82f6;display:grid;place-items:center}.mf-footer-ribbon .mf-ribbon-text{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--brand-black);flex-wrap:wrap}.mf-footer-ribbon .mf-ribbon-label{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--brand-muted)}.mf-footer-ribbon .mf-ribbon-code{font-family:var(--font-mono);color:#3b82f6}.mf-footer-ribbon .mf-ribbon-sep{color:var(--brand-muted);opacity:.5}.mf-footer-ribbon .mf-ribbon-supplier{font-weight:600}.mf-footer-ribbon .mf-ribbon-total{font-family:var(--font-mono);color:#10b981}.mf-footer-ribbon .mf-ribbon-badge{margin-inline-start:auto}.mf-loading-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px!important;font-size:.88rem;font-weight:650;color:var(--brand-muted)}.mf-loading-box .spinner{inline-size:18px;block-size:18px;border:2px solid var(--border);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mf-hud-strip{display:flex;align-items:center;gap:16px;padding:8px 16px;margin-block-end:14px;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;font-size:.72rem;color:var(--brand-muted);flex-wrap:wrap}.mf-hud-strip .mf-hud-item{display:inline-flex;align-items:center;gap:6px}.mf-hud-strip .mf-hud-dot{display:inline-block;inline-size:7px;block-size:7px;border-radius:50%}.mf-hud-strip .mf-hud-dot.green{background:#10b981;box-shadow:0 0 8px #10b981;animation:mf-pulse 2s infinite ease-in-out}.mf-hud-strip .mf-hud-key{font-weight:750;letter-spacing:.05em}.mf-hud-strip .mf-hud-val{color:var(--brand-black);font-weight:800}.mf-hud-strip .mf-hud-val.green{color:#10b981}.mf-sparkline-container{margin-block:4px 6px;inline-size:100%;overflow:hidden}.mf-sparkline-container .mf-sparkline-svg{display:block;overflow:visible}.mf-hud-badge-small{font-size:.67rem;font-weight:800;letter-spacing:.06em;color:#3b82f6;background:#3b82f61a;padding:3px 9px;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.mf-radar-grid{display:flex;gap:18px;flex-wrap:wrap}.mf-radar-grid .mf-radar-card{flex:1;min-inline-size:260px;padding:16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;gap:16px}.mf-radar-grid .mf-radar-card.flex-1{flex-direction:column;align-items:stretch;justify-content:center}.mf-radar-grid .mf-radar-card.text-card{flex-direction:column;align-items:flex-start;justify-content:space-between}.mf-dial-wrap{position:relative;inline-size:80px;block-size:80px;flex:none;display:grid;place-items:center}.mf-dial-svg{inline-size:100%;block-size:100%;transform:rotate(-90deg)}.mf-dial-svg .mf-dial-bg{fill:none;stroke:var(--surface-3);stroke-width:8}.mf-dial-svg .mf-dial-fill{fill:none;stroke:url(#mf-grad-biru);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.mf-dial-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mf-dial-label .mf-dial-val{font-family:var(--font-mono);font-size:1rem;font-weight:850;color:var(--brand-black);line-height:1}.mf-dial-label span{font-size:.58rem;font-weight:750;color:var(--brand-muted);letter-spacing:.04em;margin-block-start:2px}.mf-dial-meta{display:flex;flex-direction:column;gap:2px}.mf-dial-meta strong{font-size:.84rem;font-weight:750;color:var(--brand-black)}.mf-dial-meta span{font-size:.72rem;color:var(--brand-muted)}.mf-radar-card-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:8px}.mf-radar-card-head .mf-radar-card-title{font-size:.7rem;font-weight:800;letter-spacing:.05em;color:var(--brand-muted)}.mf-radar-card-head .mf-radar-card-val{font-family:var(--font-mono);font-size:.84rem;font-weight:800;color:var(--brand-black)}.mf-stacked-bar-track{block-size:12px;border-radius:6px;background:var(--surface-3);display:flex;overflow:hidden;gap:2px}.mf-stacked-bar-track .mf-stacked-seg{block-size:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.mf-stacked-bar-track .mf-stacked-seg.emerald{background:linear-gradient(90deg,#10b981,#059669)}.mf-stacked-bar-track .mf-stacked-seg.amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.mf-stacked-bar-track .mf-stacked-seg.rose{background:linear-gradient(90deg,#ef4444,#dc2626)}.mf-stacked-legend{display:flex;align-items:center;gap:14px;margin-block-start:10px}.mf-stacked-legend .mf-legend-item{display:flex;align-items:center;gap:6px;font-size:.69rem;font-weight:750;color:var(--brand-muted)}.mf-stacked-legend .mf-legend-item .dot{inline-size:7px;block-size:7px;border-radius:50%}.mf-stacked-legend .mf-legend-item .dot.emerald{background:#10b981}.mf-stacked-legend .mf-legend-item .dot.amber{background:#f59e0b}.mf-stacked-legend .mf-legend-item .dot.rose{background:#ef4444}.mf-integrity-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.05em;color:#10b981}.mf-integrity-status{margin-block:4px}.mf-integrity-status .mf-status-title{display:block;font-size:.78rem;font-weight:800;color:var(--brand-black);margin-block-end:2px}.mf-integrity-status p{font-size:.72rem;color:var(--brand-muted);margin:0;line-height:1.35}.mf-integrity-footer{font-family:var(--font-mono);font-size:.67rem;color:var(--brand-muted);opacity:.8}.mf-legenda{display:flex;align-items:center;gap:20px;padding:10px 18px 14px;border-block-start:1px solid var(--border);background:var(--surface-2);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mf-legenda span{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:750;color:var(--brand-black)}.mf-legenda span i{display:inline-block;inline-size:10px;block-size:10px;border-radius:3px;flex:none}.mf-legenda span i.biru{background:#3b82f6;box-shadow:0 0 6px #3b82f699}.mf-legenda span i.merah{background:#ef4444;box-shadow:0 0 6px #ef444499}.terima-kartu-daftar{display:flex;flex-direction:column;gap:18px}.terima-kartu{--tk-garis: rgba(20, 20, 20, .2);--tk-garis-tebal: rgba(20, 20, 20, .36);--tk-isian-latar: rgba(20, 20, 20, .028);--tk-mati: rgba(20, 20, 20, .05);--tk-kepala-latar: rgba(20, 20, 20, .045);border:1.5px solid var(--tk-garis);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 1px 2px #1414140a,0 6px 16px -10px #1414141f;transition:border-color .15s ease,box-shadow .15s ease}[data-theme=dark] .terima-kartu{--tk-garis: rgba(255, 255, 255, .22);--tk-garis-tebal: rgba(255, 255, 255, .42);--tk-isian-latar: rgba(255, 255, 255, .045);--tk-mati: rgba(255, 255, 255, .06);--tk-kepala-latar: rgba(255, 255, 255, .06)}.terima-kartu:hover{box-shadow:0 1px 2px #1414140d,0 10px 22px -12px #14141433}.terima-kartu:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b351a,0 10px 22px -12px #ff6b3540}.terima-kartu.selesai{background:var(--surface-2, var(--surface));border-style:dashed}.terima-kartu.selesai .tk-barang{color:var(--brand-muted)}.terima-kartu .tk-kepala{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--tk-kepala-latar);border-block-end:1.5px solid var(--tk-garis)}.terima-kartu .tk-urut{flex:0 0 auto;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:6px;border:1px solid var(--border);background:var(--surface-3, rgba(0, 0, 0, .04));font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:750}.terima-kartu .tk-judul{flex:1;min-inline-size:0}.terima-kartu .tk-barang{font-size:.9rem;font-weight:700;color:var(--brand-black);line-height:1.35}.terima-kartu .tk-kode{font-size:.72rem;color:var(--brand-muted);margin-block-start:2px}.terima-kartu .tk-kode code{font-family:var(--font-mono, monospace)}.terima-kartu .tk-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 10px;padding:13px 14px;border-block-end:1px dashed var(--tk-garis)}.terima-kartu .tk-sel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-inline-size:0}.terima-kartu .tk-label{font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.terima-kartu .tk-nilai{font-family:var(--font-mono, ui-monospace, monospace);font-size:.95rem;font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.terima-kartu .tk-nilai.biru{color:var(--brand-indigo, #4f46e5)}.terima-kartu .tk-nilai.kuning{color:#b45309}.terima-kartu .tk-nilai.hijau{color:#1f9d43}.terima-kartu .tk-isian{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:14px 12px;padding:14px}.terima-kartu .tk-field{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.terima-kartu .tk-field label{font-size:.7rem;font-weight:750;letter-spacing:.02em;color:var(--brand-black)}.terima-kartu .tk-field label small{font-weight:500;color:var(--brand-muted)}.terima-kartu .tk-field label .wajib{color:var(--brand-red)}.terima-kartu .tk-field input{inline-size:100%;min-inline-size:0;block-size:38px;padding:0 11px;border:1.5px solid var(--tk-garis);border-radius:8px;background:var(--tk-isian-latar);color:var(--brand-black);font-size:.86rem;font-weight:650;font-family:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.terima-kartu .tk-field input::placeholder{color:var(--brand-muted);font-weight:500;opacity:.75}.terima-kartu .tk-field input:hover:not(:disabled):not(:focus){border-color:var(--tk-garis-tebal)}.terima-kartu .tk-field input:focus{outline:0;background:var(--surface);border-color:var(--brand-red);box-shadow:0 0 0 3.5px #ff6b3524}.terima-kartu .tk-field input:disabled{background:var(--tk-mati);border-color:transparent;border-block-end:1.5px dashed var(--tk-garis);color:var(--brand-muted);cursor:not-allowed}.terima-kartu .tk-field input[type=number]{font-family:var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums;font-weight:700;text-align:end;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.terima-kartu .tk-field input[type=number]::-webkit-outer-spin-button,.terima-kartu .tk-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.terima-kartu .tk-input-satuan{display:flex;align-items:stretch}.terima-kartu .tk-input-satuan input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.terima-kartu .tk-input-satuan:focus-within .tk-satuan{border-color:var(--brand-red);color:var(--brand-red)}.terima-kartu .tk-input-satuan .tk-satuan{display:grid;place-items:center;flex:0 0 auto;padding-inline:10px;border:1.5px solid var(--tk-garis);border-start-end-radius:8px;border-end-end-radius:8px;background:var(--tk-mati);font-size:.7rem;font-weight:750;letter-spacing:.01em;color:var(--brand-muted);white-space:nowrap;transition:border-color .15s ease,color .15s ease}.terima-kartu .tk-hint{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.68rem;color:var(--brand-muted)}.terima-kartu .tk-selesai-nota{display:flex;align-items:center;gap:7px;padding:12px 14px;font-size:.78rem;color:var(--brand-muted)}.terima-kartu .tk-selesai-nota svg{color:#1f9d43;flex:0 0 auto}.lewati-daftar{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:7px}.lewati-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--brand-black);font:inherit;font-size:.72rem;font-weight:650;cursor:pointer}.lewati-chip:hover{border-color:var(--brand-red);color:var(--brand-red)}.bom-kalkulator{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-block-end:14px;padding:14px 16px;border:1px dashed var(--erp-garis-tebal, var(--border));border-radius:var(--erp-r-dalam, 8px);background:var(--erp-zebra, var(--surface-2))}.bom-kalkulator .kalk-kiri{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.bom-kalkulator .kalk-judul{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-black)}.bom-kalkulator .kalk-judul svg{color:var(--brand-indigo);flex:0 0 auto}.bom-kalkulator .kalk-sub{font-size:.75rem;color:var(--brand-muted)}.bom-kalkulator .kalk-input{display:flex;flex-direction:column;gap:5px}.bom-kalkulator .kalk-input>span{font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.bom-kalkulator .kalk-kotak{display:flex;align-items:center;gap:8px;padding:0 12px 0 0;border:1px solid var(--input-border);border-radius:var(--r-sm);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.bom-kalkulator .kalk-kotak:focus-within{border-color:var(--brand-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 16%,transparent)}.bom-kalkulator .kalk-kotak input{inline-size:130px;padding:9px 12px;border:0;background:transparent;color:var(--brand-black);font:inherit;font-family:var(--font-mono);font-size:.95rem;font-weight:700;outline:none}.bom-kalkulator .kalk-kotak .kalk-satuan{flex:0 0 auto;font-size:.75rem;font-weight:650;color:var(--brand-muted);white-space:nowrap}.erp-tabel .kalk-hasil{color:var(--brand-indigo);font-size:1rem}@media (max-width: 600px){.bom-kalkulator{flex-direction:column;align-items:stretch}.bom-kalkulator .kalk-kotak input{inline-size:100%}}.daftar-kartu{display:flex;flex-direction:column;gap:12px}.qty-wrap{padding-inline-end:0;overflow:hidden}.qty-wrap input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.qty-wrap input::-webkit-outer-spin-button,.qty-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.qty-satuan{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding-inline:13px;border-inline-start:1.5px solid var(--input-border);background:color-mix(in srgb,var(--brand-black) 5%,var(--surface));color:var(--brand-muted);font-size:.78rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.bom-bahan-kartu{--baris-label: 25px;--tinggi-isian: 44px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color .18s ease,box-shadow .18s ease}.bom-bahan-kartu:hover,.bom-bahan-kartu:focus-within{border-color:color-mix(in srgb,var(--brand-indigo) 40%,var(--border));box-shadow:var(--shadow-sm)}.bom-bahan-kartu .kartu-no{flex:0 0 auto;display:grid;place-items:center;inline-size:26px;block-size:26px;margin-block-start:calc(var(--baris-label) + (var(--tinggi-isian) - 26px) / 2);border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:750}.bom-bahan-kartu .kartu-isi{flex:1;min-inline-size:0;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:start}.bom-bahan-kartu .kartu-bahan{min-inline-size:0}.bom-bahan-kartu .kartu-hapus{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;margin-block-start:calc(var(--baris-label) + (var(--tinggi-isian) - 36px) / 2);padding:8px 12px;border:1px solid color-mix(in srgb,var(--brand-red) 35%,transparent);border-radius:var(--r-sm);background:transparent;color:var(--brand-red);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease}.bom-bahan-kartu .kartu-hapus:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.bom-bahan-kartu .kartu-hapus svg{flex:0 0 auto}.daftar-kosong{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface-2);text-align:center}.daftar-kosong svg{color:var(--brand-muted);opacity:.5;margin-block-end:4px}.daftar-kosong h5{margin:0;font-size:.92rem;font-weight:750;color:var(--brand-black)}.daftar-kosong p{margin:0 0 10px;font-size:.82rem;color:var(--brand-muted)}.bom-bahan-habis{margin:2px 0 0;font-size:.75rem;color:var(--brand-muted)}@media (max-width: 720px){.bom-bahan-kartu .kartu-isi{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.bom-bahan-kartu{flex-wrap:wrap}.bom-bahan-kartu .kartu-no{margin-block-start:0}.bom-bahan-kartu .kartu-isi{flex:1 0 100%;order:3}.bom-bahan-kartu .kartu-hapus{margin-block-start:0;margin-inline-start:auto}}.export-barang{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}.export-barang .eb-kepala{margin-block-end:14px}.export-barang .eb-kepala h2{margin:0;font-size:.95rem;font-weight:750;color:var(--brand-black)}.export-barang .eb-kepala p{margin:3px 0 0;font-size:.78rem;color:var(--brand-muted)}.export-barang .eb-daftar{display:flex;flex-direction:column;gap:8px}.export-barang .eb-baris{--eb-warna: var(--brand-red);position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.export-barang .eb-baris input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.export-barang .eb-baris .kotak-centang{flex:none;inline-size:19px;block-size:19px;border-radius:6px;border:1.5px solid var(--brand-muted);background:transparent;display:grid;place-items:center;transition:all .18s ease}.export-barang .eb-baris .kotak-centang svg{opacity:0;transform:scale(.55);transition:all .15s ease;stroke:#fff}.export-barang .eb-baris .eb-pita{position:absolute;inset-block:0;inset-inline-start:0;inline-size:4px;background:var(--eb-warna)}.export-barang .eb-baris .eb-teks{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.export-barang .eb-baris .eb-teks .eb-nama{font-size:.85rem;font-weight:700;color:var(--brand-black);line-height:1.25}.export-barang .eb-baris .eb-teks .eb-ket{font-size:.72rem;color:var(--brand-muted);line-height:1.3}.export-barang .eb-baris .eb-jumlah{margin-inline-start:auto;flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--eb-warna);background:color-mix(in srgb,var(--eb-warna) 12%,transparent)}.export-barang .eb-baris:hover{border-color:color-mix(in srgb,var(--eb-warna) 45%,transparent)}.export-barang .eb-baris:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--eb-warna) 18%,transparent);border-color:var(--eb-warna)}.export-barang .eb-baris.terpilih{border-color:var(--eb-warna);background:color-mix(in srgb,var(--eb-warna) 6%,var(--surface))}.export-barang .eb-baris.terpilih .kotak-centang{background:var(--eb-warna);border-color:var(--eb-warna)}.export-barang .eb-baris.terpilih .kotak-centang svg{opacity:1;transform:scale(1)}.export-barang .eb-baris.terpilih .eb-teks .eb-nama{color:var(--eb-warna)}.export-barang .eb-baris.kosong .eb-teks .eb-nama{color:var(--brand-muted)}.export-barang .eb-baris.kosong .eb-jumlah{color:var(--brand-muted);background:var(--surface-hover)}.export-barang .eb-semua{margin-block-end:12px;padding-block:13px;background:var(--surface-3);border-style:dashed}.export-barang .eb-semua .eb-teks .eb-nama{font-weight:800}.export-barang .eb-pratinjau{display:flex;align-items:flex-start;gap:9px;margin-block-start:14px;padding:11px 13px;border-radius:10px;font-size:.79rem;line-height:1.5;border:1px solid color-mix(in srgb,#10b981 35%,transparent);background:color-mix(in srgb,#10b981 8%,var(--surface));color:var(--brand-black)}.export-barang .eb-pratinjau svg{flex:none;margin-block-start:2px;stroke:#10b981}.export-barang .eb-pratinjau strong{font-weight:800;font-variant-numeric:tabular-nums}.export-barang .eb-pratinjau em{font-style:normal;color:var(--brand-muted)}.export-barang .eb-pratinjau.kosong{border-color:var(--border);background:var(--surface-3);color:var(--brand-muted)}.export-barang .eb-pratinjau.kosong svg{stroke:var(--brand-muted)}.export-barang .eb-kaki{display:flex;align-items:flex-start;gap:8px;margin-block-start:12px;padding-block-start:12px;border-block-start:1px solid var(--border);font-size:.73rem;line-height:1.5;color:var(--brand-muted)}.export-barang .eb-kaki svg{flex:none;margin-block-start:2px}.export-barang .eb-kaki strong{color:var(--brand-black);font-weight:700}.export-barang .eb-kaki em{font-style:normal}.export-barang .eb-kaki+.eb-kaki{margin-block-start:7px;padding-block-start:0;border-block-start:0}@media (max-width: 560px){.export-barang .eb-baris{flex-wrap:wrap}.export-barang .eb-baris .eb-teks{flex:1 1 auto}.export-barang .eb-baris .eb-jumlah{margin-inline-start:31px;flex-basis:100%;inline-size:fit-content}}.lencana-terkunci{display:inline-flex;align-items:center;gap:5px;margin-block-start:5px;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap;color:#b45309;background:color-mix(in srgb,#f59e0b 15%,transparent);border:1px solid color-mix(in srgb,#f59e0b 35%,transparent)}.lencana-terkunci svg{flex:none}.tabel-item tr.baris-terkunci{background:color-mix(in srgb,#f59e0b 5%,transparent)}[data-theme=dark] .lencana-terkunci{color:#fbbf24;background:color-mix(in srgb,#f59e0b 18%,transparent);border-color:color-mix(in srgb,#f59e0b 40%,transparent)}.dashboard{display:flex;flex-direction:column;gap:22px;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 32px;border-radius:18px;background:var(--brand-red);box-shadow:var(--shadow-red)}.dash-hero-glow{position:absolute;inset-block-start:-60px;inset-inline-end:-40px;inline-size:260px;block-size:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}.dash-hero-text{position:relative;z-index:1;max-inline-size:560px}.dash-hero-date{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf}.dash-hero-text h1{margin:6px 0 0;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25}.dash-hero-text p{margin:8px 0 0;font-size:.88rem;color:#ffffffd9;line-height:1.5}.dash-hero-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 20px;border-radius:11px;background:#fff;color:var(--brand-red);font-size:.86rem;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 10px 24px -8px #00000059}.dash-hero-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px #0006}@media (max-width: 640px){.dash-hero{padding:24px}.dash-hero-cta{inline-size:100%;justify-content:center}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.kpi-card{position:relative;display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease;animation:fadeUp .5s ease both}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.kpi-icon{inline-size:46px;block-size:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.accent-red .kpi-icon{background:#ff6b351f;color:var(--brand-red)}.accent-indigo .kpi-icon{background:#6366f11f;color:var(--brand-indigo)}.accent-gold .kpi-icon{background:#f5b80029;color:#c98f00}.accent-teal .kpi-icon{background:#2bb7a824;color:#1f9d8f}.kpi-body{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:.76rem;font-weight:600;color:var(--brand-muted)}.kpi-value{font-size:1.65rem;font-weight:800;color:var(--brand-black);line-height:1.1;font-variant-numeric:tabular-nums}.kpi-skel{inline-size:64px;block-size:24px;border-radius:6px;margin-block-start:2px;background:linear-gradient(90deg,var(--brand-line) 0%,var(--brand-bg) 50%,var(--brand-line) 100%);background-size:200% 100%;animation:skelShimmer 1.2s infinite ease-in-out}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-trend{position:absolute;inset-block-start:18px;inset-inline-end:18px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;color:#1a9c6b;background:#1a9c6b1f}.kpi-trend.down{color:#d94f4f;background:#d94f4f1f}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}@media (max-width: 920px){.dash-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}.cc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:14px}.cc-head h2{margin:0;font-size:1rem;font-weight:800;color:var(--brand-black)}.cc-head p{margin:3px 0 0;font-size:.78rem;color:var(--brand-muted)}.chart-legend{display:flex;flex-wrap:wrap;gap:14px}.cl-item{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:var(--brand-muted)}.cl-chip{inline-size:12px;block-size:12px;border-radius:4px;flex-shrink:0}.bar-chart{inline-size:100%;block-size:260px;display:block}.chart-axis{font-size:11px;fill:var(--brand-muted);font-weight:600}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.donut-chart{inline-size:100%;max-inline-size:190px;block-size:auto;display:block}.donut-total{font-size:30px;font-weight:800;fill:var(--brand-black)}.donut-total-label{font-size:11px;font-weight:600;fill:var(--brand-muted);text-transform:uppercase;letter-spacing:.08em}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.quick-actions h2{margin:0 0 14px;font-size:1rem;font-weight:800;color:var(--brand-black)}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.qa-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all .2s ease}.qa-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ff6b354d}.qa-card:hover .qa-arrow{color:var(--brand-red);transform:translate(2px)}.qa-icon{inline-size:42px;block-size:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:#ff6b351a;color:var(--brand-red)}.qa-meta{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.qa-meta strong{font-size:.92rem;font-weight:700;color:var(--brand-black)}.qa-meta span{font-size:.76rem;color:var(--brand-muted)}.qa-arrow{color:var(--brand-muted);flex-shrink:0;transition:all .2s ease}.periode-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.periode-filter .periode-label{font-size:.78rem;font-weight:700;color:var(--brand-muted)}.periode-filter .periode-sep{font-size:.75rem;color:var(--brand-muted)}.periode-filter .periode-input{padding:7px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.8rem}.periode-filter .periode-input:focus{outline:none;border-color:var(--brand-indigo)}.periode-filter .periode-apply{padding:7px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--brand-bg);color:var(--brand-muted);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease}.periode-filter .periode-apply.aktif{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.periode-filter .periode-apply:disabled{cursor:default;opacity:.6}.periode-filter .periode-pintasan{display:flex;gap:4px;flex-wrap:wrap}.periode-filter .periode-pintasan button{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--brand-muted);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.periode-filter .periode-pintasan button:hover{background:var(--surface-hover);color:var(--brand-black)}.kpi-grid{display:grid;gap:14px;margin-block-end:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.kpi-card .kpi-icon{display:grid;place-items:center;flex:0 0 auto;inline-size:42px;block-size:42px;border-radius:12px;background:var(--brand-red-soft);color:var(--brand-red)}.kpi-card .kpi-meta{display:flex;flex-direction:column;min-inline-size:0}.kpi-card .kpi-value{font-size:1.5rem;font-weight:750;line-height:1.1;color:var(--brand-black)}.kpi-card .kpi-label{font-size:.76rem;font-weight:600;color:var(--brand-muted)}.kpi-card .kpi-hint{font-size:.68rem;color:var(--brand-muted);opacity:.85}.kpi-card.nada-menunggu .kpi-icon{background:#f5b80029;color:#b98600}.kpi-card.nada-sukses .kpi-icon{background:#10b98124;color:#059669}.kpi-card.nada-bahaya .kpi-icon{background:#ef444424;color:#dc2626}.kpi-card.nada-info .kpi-icon{background:#6366f124;color:var(--brand-indigo)}.panel-grid{display:grid;gap:14px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-block-end:1px solid var(--border)}.panel>header h3{margin:0;font-size:.88rem;font-weight:700;color:var(--brand-black)}.panel>header .panel-sub{font-size:.72rem;color:var(--brand-muted)}.panel .panel-body{padding:12px 16px 16px}.panel-kosong{padding:22px 16px;text-align:center;font-size:.8rem;line-height:1.5;color:var(--brand-muted)}.list-ringkas{display:flex;flex-direction:column;gap:2px}.list-ringkas .baris{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-block-end:1px dashed var(--border)}.list-ringkas .baris:last-child{border-block-end:0}.list-ringkas .kiri{display:flex;flex-direction:column;min-inline-size:0;gap:1px}.list-ringkas .utama{font-size:.83rem;font-weight:650;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-ringkas .sekunder{font-size:.72rem;color:var(--brand-muted)}.list-ringkas .kanan{flex:0 0 auto;text-align:end}.tren-chart{display:flex;align-items:flex-end;gap:10px;block-size:150px;padding-block-start:8px}.tren-chart .tren-kolom{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-inline-size:0}.tren-chart .tren-batang-wrap{inline-size:100%;block-size:110px;display:flex;align-items:flex-end;gap:3px}.tren-chart .tren-batang{flex:1;border-radius:5px 5px 0 0;min-block-size:2px;transition:block-size .3s ease}.tren-chart .tren-batang.pr{background:linear-gradient(180deg,var(--brand-red),var(--brand-orange-light))}.tren-chart .tren-batang.produksi{background:linear-gradient(180deg,var(--brand-indigo),#a5b4fc)}.tren-chart .tren-label{font-size:.66rem;color:var(--brand-muted);white-space:nowrap}.tren-legend{display:flex;gap:14px;margin-block-start:10px}.tren-legend span{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--brand-muted)}.tren-legend i{inline-size:10px;block-size:10px;border-radius:3px;display:inline-block}.tren-legend i.pr{background:var(--brand-red)}.tren-legend i.produksi{background:var(--brand-indigo)}.badge-nada{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.71rem;font-weight:700;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent)}.badge-nada.netral{background:var(--surface-hover);color:var(--brand-muted)}.badge-nada.menunggu{background:#f5b80029;color:#a37500}.badge-nada.sukses{background:#10b98124;color:#047857}.badge-nada.bahaya{background:#ef444424;color:#b91c1c}.badge-nada.revisi{background:#6366f124;color:#4338ca}.sumber-dua-baris{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;line-height:1.3}.sumber-dua-baris .bn-nama{font-size:.75rem;font-weight:700;letter-spacing:.02em}.sumber-dua-baris .bn-ket{font-size:.62rem;font-weight:600;opacity:.72}.nada-dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.badge-nada.menunggu .nada-dot{animation:nada-denyut 2s ease-in-out infinite}@keyframes nada-denyut{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,currentColor 55%,transparent)}50%{opacity:.55;box-shadow:0 0 0 3px transparent}}@media (prefers-reduced-motion: reduce){.badge-nada.menunggu .nada-dot{animation:none}}.timeline{position:relative;padding-inline-start:26px}.timeline:before{content:"";position:absolute;inset-block:6px 6px;inset-inline-start:7px;inline-size:2px;background:var(--border)}.timeline .jejak{position:relative;padding-block:9px}.timeline .titik{position:absolute;inset-inline-start:-26px;inset-block-start:13px;inline-size:14px;block-size:14px;border-radius:50%;border:3px solid var(--surface);background:var(--brand-muted)}.timeline .titik.sukses{background:#10b981}.timeline .titik.bahaya{background:#ef4444}.timeline .titik.menunggu{background:#f5b800}.timeline .titik.revisi{background:var(--brand-indigo)}.timeline .jejak-judul{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.83rem;font-weight:680;color:var(--brand-black)}.timeline .jejak-meta{font-size:.72rem;color:var(--brand-muted);margin-block-start:2px}.timeline .jejak-ket{font-size:.76rem;color:var(--brand-muted);margin-block-start:3px}.timeline .jejak-tag{font-size:.64rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--surface-hover);color:var(--brand-muted)}.tabel-item{inline-size:100%;border-collapse:collapse;font-size:.82rem}.tabel-item th{text-align:start;padding:9px 10px;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.03em;color:var(--brand-muted);border-block-end:1px solid var(--border);white-space:nowrap}.tabel-item td{padding:9px 10px;border-block-end:1px solid var(--border);vertical-align:middle;color:var(--brand-black)}.tabel-item tr:last-child td{border-block-end:0}.tabel-item .angka{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.tabel-item .kosong{padding:20px;text-align:center;color:var(--brand-muted)}.tabel-item input{inline-size:100%;min-inline-size:82px;padding:6px 8px;border:1.5px solid var(--input-border);border-radius:8px;background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.8rem;text-align:end;transition:border-color .18s ease,box-shadow .18s ease}.tabel-item input:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b3514}.tabel-item input.teks{text-align:start}.tabel-scroll{overflow-x:auto}.tabel-item .satuan-bawah{margin-block-start:3px;font-size:.68rem;color:var(--brand-muted);text-align:end}.tabel-item .erp-action-btn .teks-aksi{display:none}.tabel-item .th-no,.tabel-item .sel-no{text-align:center}.tabel-item .no-badge{color:var(--brand-muted);font-weight:700;font-variant-numeric:tabular-nums}@media (max-width: 640px){.tabel-item-kartu thead{display:none}.tabel-item-kartu tbody{display:block}.tabel-item-kartu tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;margin-block-end:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.tabel-item-kartu tr:last-child{margin-block-end:0}.tabel-item-kartu td{display:block;padding:0;border-block-end:0;min-inline-size:0}.tabel-item-kartu td[data-label]:before{content:attr(data-label);display:block;margin-block-end:6px;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-muted)}.tabel-item-kartu .sel-no{grid-column:1/-1;text-align:start;padding-block-end:10px;border-block-end:1px solid var(--border)}.tabel-item-kartu .no-badge{display:inline-grid;place-items:center;min-inline-size:24px;block-size:24px;padding:0 7px;border-radius:7px;background:color-mix(in srgb,var(--brand-red) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-red) 25%,transparent);color:var(--brand-red);font-size:.76rem;font-weight:800;line-height:1}.tabel-item-kartu .sel-barang{grid-column:1/-1}.tabel-item-kartu .sel-setara{align-self:end;text-align:start;white-space:normal;padding-block-end:7px;font-size:.95rem}.tabel-item-kartu .sel-aksi{grid-column:1/-1;padding-block-start:10px;border-block-start:1px solid var(--border);text-align:end}.tabel-item-kartu .erp-action-btn{inline-size:auto;block-size:36px;gap:7px;padding-inline:14px}.tabel-item-kartu .erp-action-btn .teks-aksi{display:inline;font-size:.8rem;font-weight:700}.tabel-item-kartu input{min-inline-size:0;padding:9px 10px;font-size:.92rem}}.tabel-item-adjustment tbody tr.baris-minus td:first-child{box-shadow:inset 3px 0 #ef44448c}@media (min-width: 641px){.tabel-item-adjustment td{padding-block:12px}.tabel-item-adjustment tbody tr.baris-utama td{border-block-end:0;padding-block-end:6px}.tabel-item-adjustment tbody tr.baris-ket td{padding-block-start:0;padding-block-end:14px}}.ket-baris{display:flex;align-items:center;gap:10px}.ket-baris .ket-label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-muted);cursor:pointer}.ket-baris .ket-label svg{opacity:.7}.ket-baris input{flex:1;min-inline-size:0;min-block-size:40px;padding:9px 13px;border-radius:9px;font-size:.86rem}.ket-baris .erp-action-btn.delete{flex:0 0 auto;inline-size:auto;block-size:40px;gap:7px;padding-inline:15px;border-radius:9px;background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));border:1.5px solid color-mix(in srgb,var(--brand-red) 26%,transparent);color:var(--brand-red)}.ket-baris .erp-action-btn.delete .teks-aksi{display:inline;font-size:.78rem;font-weight:700;letter-spacing:.01em}.ket-baris .erp-action-btn.delete:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff;box-shadow:0 5px 14px #fd01003d}.ket-baris .erp-action-btn.delete:active{transform:translateY(1px);box-shadow:none}@media (max-width: 640px){.tabel-item-adjustment tr{padding:14px;row-gap:14px}.tabel-item-adjustment td{padding-block:0}.tabel-item-adjustment tr.baris-utama{margin-block-end:0;padding-block-end:0;border-block-end:0;border-end-start-radius:0;border-end-end-radius:0}.tabel-item-adjustment tr.baris-ket{padding-block-start:12px;border-start-start-radius:0;border-start-end-radius:0;grid-template-columns:1fr}.tabel-item-adjustment tr.baris-batch{margin-block-end:0;padding-block:12px;border-block:0;border-radius:0;grid-template-columns:1fr}.tabel-item-adjustment tr.baris-minus{border-color:#ef444466;background:#ef444408}.tabel-item-adjustment tr.baris-minus td:first-child{box-shadow:none}.tabel-item-adjustment .sel-batch{grid-column:1/-1}.tabel-item-adjustment .sel-qty{grid-column:1}.tabel-item-adjustment .sel-proyeksi{grid-column:2}.tabel-item-adjustment.tabel-item-permintaan .sel-qty{grid-column:1/-1}.tabel-item-adjustment .sel-qty input,.tabel-item-adjustment .satuan-bawah{text-align:start}.tabel-item-adjustment .proyeksi-sel{inline-size:100%}.ket-baris{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center}.ket-baris .ket-label{grid-column:1/-1}.ket-baris input{min-block-size:44px;font-size:.88rem}.ket-baris .erp-action-btn.delete{block-size:44px}}@media (max-width: 400px){.ket-baris{grid-template-columns:1fr}.ket-baris .erp-action-btn.delete{justify-self:stretch}}.progres{display:flex;align-items:center;gap:8px}.progres .batang{flex:1;min-inline-size:60px;block-size:7px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.progres .isi{display:block;block-size:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-indigo),#34d399);transition:inline-size .3s ease}.progres .isi.mati{background:color-mix(in srgb,var(--brand-muted) 55%,transparent)}.progres .persen{font-size:.72rem;font-weight:700;color:var(--brand-muted);min-inline-size:42px;text-align:end;font-variant-numeric:tabular-nums}.doc-grid{display:grid;gap:10px 22px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.doc-grid .doc-item{display:flex;flex-direction:column;gap:2px}.doc-grid .doc-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--brand-muted)}.doc-grid .doc-value{font-size:.86rem;font-weight:650;color:var(--brand-black);word-break:break-word}.tab-kelompok{display:flex;gap:6px;flex-wrap:wrap;margin-block-end:14px}.tab-kelompok button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.78rem;font-weight:650;transition:all .18s ease}.tab-kelompok button:hover{color:var(--brand-black)}.tab-kelompok button.aktif{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.tab-kelompok button .hitung{min-inline-size:20px;padding:1px 6px;border-radius:999px;background:var(--surface-hover);font-size:.68rem;font-weight:750}.tab-kelompok button.aktif .hitung{background:#ffffff40;color:#fff}.alur{display:grid;gap:0;grid-template-columns:repeat(var(--alur-kolom, 5),1fr);padding-block:10px 4px}.alur.alur--empat{grid-template-columns:repeat(4,1fr)}.alur.alur--tiga{grid-template-columns:repeat(3,1fr)}.alur .alur-tahap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 8px 0;text-align:center;min-inline-size:0;transition:transform .2s ease}.alur .alur-garis{position:absolute;inset-block-start:17px;inset-inline-end:50%;inline-size:100%;block-size:2px;background:var(--border);z-index:0}.alur .alur-garis.aktif{background:var(--brand-indigo)}.alur .alur-bulat{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;inline-size:34px;block-size:34px;border-radius:50%;background:var(--surface);border:2px solid var(--border);color:var(--brand-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1)}.alur .alur-judul{font-size:.8rem;font-weight:700;color:var(--brand-black);line-height:1.25;letter-spacing:-.01em}.alur .alur-ket{font-size:.68rem;color:var(--brand-muted);font-weight:500}.alur .alur-catatan{font-size:.66rem;color:var(--brand-indigo);font-weight:650;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-indigo) 20%,transparent)}.alur .alur-tahap.selesai .alur-bulat{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.alur .alur-tahap.gagal .alur-bulat{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444440}.alur .alur-tahap.revisi .alur-bulat{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f140}.alur .alur-tahap.berjalan .alur-bulat{background:var(--surface);border-color:var(--brand-indigo);color:var(--brand-indigo);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-indigo) 15%,transparent)}.alur .alur-tahap.berjalan .alur-judul{color:var(--brand-indigo);font-weight:800}.alur .alur-tahap.belum{opacity:.45}.alur .alur-tahap.sebagian .alur-bulat{background:var(--surface);border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}.alur .alur-tahap.sebagian .alur-judul{color:#b45309;font-weight:800}.alur .alur-tahap.sebagian .alur-catatan{color:#b45309;background:#f59e0b1a;border-color:#f59e0b40}.alur .denyut{inline-size:8px;block-size:8px;border-radius:50%;background:var(--brand-indigo);box-shadow:0 0 6px var(--brand-indigo)}@media (max-width: 720px){.alur,.alur.alur--empat,.alur.alur--tiga{grid-template-columns:1fr}.alur .alur-tahap{flex-direction:row;align-items:center;text-align:start;gap:10px;padding:9px 0;flex-wrap:wrap}.alur .alur-judul{flex:1;min-inline-size:0}.alur .alur-ket{inline-size:100%;padding-inline-start:44px}.alur .alur-catatan{inline-size:calc(100% - 44px);margin-inline-start:44px;border-radius:8px;text-align:start}.alur .alur-garis{inset-block:0 auto;inset-inline:16px auto;inline-size:2px;block-size:26px}.alur .alur-tahap:after{content:"";position:absolute;z-index:0;inset-block:26px 0;inset-inline-start:16px;inline-size:2px;background:var(--border)}.alur .alur-tahap:last-child:after{content:none}.alur .alur-tahap.selesai:after{background:var(--brand-indigo)}}.detail-embed{padding:16px;perspective:1000px}@keyframes dataEntrance{0%{opacity:0;transform:scale(.95) translateY(18px);filter:blur(4px)}70%{filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.erp-detail{--erp-garis: color-mix(in srgb, var(--brand-black) 10%, transparent);--erp-garis-tebal: color-mix(in srgb, var(--brand-black) 15%, transparent);--erp-kepala: color-mix(in srgb, var(--brand-black) 3%, var(--surface));--erp-zebra: color-mix(in srgb, var(--brand-black) 1.5%, var(--surface));--erp-r: 12px;--erp-pad: 18px;--erp-r-dalam: 8px;display:flex;flex-direction:column;gap:14px}.erp-detail>*{margin-block-end:0;animation:dataEntrance .45s cubic-bezier(.16,1,.3,1) both}.erp-detail>*:nth-child(1){animation-delay:.02s}.erp-detail>*:nth-child(2){animation-delay:.07s}.erp-detail>*:nth-child(3){animation-delay:.12s}.erp-detail>*:nth-child(4){animation-delay:.17s}.erp-detail>*:nth-child(5){animation-delay:.22s}.erp-detail>*:nth-child(6){animation-delay:.27s}[data-theme=dark] .erp-detail{--erp-garis: rgba(255, 255, 255, .08);--erp-garis-tebal: rgba(255, 255, 255, .14);--erp-kepala: rgba(255, 255, 255, .035);--erp-zebra: rgba(255, 255, 255, .02)}.tab-panel>.erp-detail{padding:18px}@media (max-width: 640px){.tab-panel>.erp-detail{padding:12px}}.panel-atas{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.panel-atas>*{margin-block:0}@media (max-width: 640px){.panel-atas{padding:12px;gap:12px}}.erp-telemetry{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.erp-telemetry .tele-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #00000008;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:dataEntrance .4s cubic-bezier(.16,1,.3,1) both}.erp-telemetry .tele-card:nth-child(1){animation-delay:.04s}.erp-telemetry .tele-card:nth-child(2){animation-delay:.09s}.erp-telemetry .tele-card:nth-child(3){animation-delay:.14s}.erp-telemetry .tele-card:nth-child(4){animation-delay:.19s}.erp-telemetry .tele-card:hover{transform:translateY(-2px) scale(1.01);border-color:color-mix(in srgb,var(--brand-indigo) 40%,var(--border));box-shadow:0 4px 12px #0000000d}.erp-telemetry .tele-card .tele-icon{display:grid;place-items:center;flex:0 0 auto;inline-size:38px;block-size:38px;border-radius:8px;background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));color:var(--brand-indigo);border:1px solid color-mix(in srgb,var(--brand-indigo) 15%,transparent)}.erp-telemetry .tele-card .tele-icon svg{width:18px;height:18px}.erp-telemetry .tele-card.status-sukses .tele-icon{background:#10b98114;color:#10b981;border-color:#10b98133}.erp-telemetry .tele-card.status-menunggu .tele-icon{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b33}.erp-telemetry .tele-card.status-bahaya .tele-icon{background:#ef444414;color:#ef4444;border-color:#ef444433}.erp-telemetry .tele-card.status-revisi .tele-icon{background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));color:var(--brand-indigo);border-color:color-mix(in srgb,var(--brand-indigo) 20%,transparent)}.erp-telemetry .tele-card.status-netral .tele-icon{background:var(--surface-hover);color:var(--brand-muted);border-color:var(--erp-garis)}.erp-telemetry .tele-card .tele-content{display:flex;flex-direction:column;min-inline-size:0;gap:3px}.erp-telemetry .tele-card .tele-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.erp-telemetry .tele-card .tele-value{font-size:1.02rem;font-weight:750;color:var(--brand-black);line-height:1.25;word-break:break-word}.erp-telemetry .tele-card .tele-sub{font-size:.7rem;color:var(--brand-muted);font-weight:500;line-height:1.45;text-wrap:pretty}.erp-doc{position:relative;overflow:hidden;border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r);background:var(--surface);box-shadow:0 1px 3px #00000008}.erp-doc .erp-doc-atas{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px var(--erp-pad) 16px;border-block-end:1px solid var(--erp-garis);background:linear-gradient(180deg,var(--erp-kepala),var(--surface))}.erp-doc .erp-doc-judul{min-inline-size:0;flex:1 1 260px}.erp-doc .erp-eyebrow{font-size:.65rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-muted);margin-block-end:6px}.erp-doc .erp-kode-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.erp-doc .erp-kode{margin:0;font-family:var(--font-mono);font-size:1.45rem;font-weight:750;letter-spacing:-.02em;color:var(--brand-black);line-height:1.1;word-break:break-all;display:inline-flex;align-items:center;gap:8px}.erp-doc .erp-kode code{background:color-mix(in srgb,var(--brand-black) 3%,var(--surface));padding:3px 9px;border-radius:6px;border:1px solid var(--erp-garis-tebal)}.erp-doc .btn-salin-kode{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;border:1px solid var(--erp-garis-tebal);background:var(--surface);color:var(--brand-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.erp-doc .btn-salin-kode:hover{background:var(--surface-hover);color:var(--brand-black);border-color:var(--brand-black)}.erp-doc .erp-kode-pr{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;padding-inline-start:12px;margin-inline-start:4px;border-inline-start:1px solid var(--erp-garis-tebal)}.erp-doc .erp-kode-pr .kode-pr-label{font-size:.62rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.erp-doc .erp-kode-pr code{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--brand-black);word-break:break-all;background:color-mix(in srgb,var(--brand-black) 3%,var(--surface));padding:3px 8px;border-radius:6px;border:1px solid var(--erp-garis-tebal)}.erp-doc .erp-doc-aksi{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.erp-doc .erp-doc-aksi .badge-nada{padding:6px 12px;font-size:.75rem;font-weight:650}.erp-meta{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));background:var(--surface)}.erp-meta .sel{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px var(--erp-pad);background:var(--surface);min-inline-size:0;transition:background .15s ease}.erp-meta .sel:hover{background:var(--erp-kepala)}.erp-meta .sel:before,.erp-meta .sel:after{content:"";position:absolute;background:var(--erp-garis);pointer-events:none}.erp-meta .sel:before{inset-block:0;inset-inline-start:-1px;inline-size:1px}.erp-meta .sel:after{inset-inline:-1px;inset-block-start:-1px;block-size:1px}.erp-meta .kunci{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.erp-meta .kunci svg{flex:0 0 auto;color:var(--brand-muted)}.erp-meta .isi{font-size:.86rem;font-weight:650;color:var(--brand-black);line-height:1.35;word-break:break-word}.erp-meta .isi.mono{font-family:var(--font-mono);font-size:.84rem;font-weight:650;color:var(--brand-indigo)}.erp-meta .isi.kosong{color:var(--brand-muted);font-weight:450;font-style:italic}.do-arah{display:flex;align-items:stretch;gap:0;background:var(--erp-kepala);border-block-end:1px solid var(--erp-garis)}.do-arah .do-arah-sisi{flex:1 1 0;min-inline-size:0;display:flex;flex-direction:column;gap:5px;padding:14px var(--erp-pad)}.do-arah .do-arah-sisi .peran{font-size:.62rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.do-arah .do-arah-sisi .nama{font-size:.95rem;font-weight:750;color:var(--brand-black);line-height:1.3;word-break:break-word}.do-arah .do-arah-sisi:last-child{text-align:start}.do-arah .do-arah-panah{flex:0 0 auto;display:grid;place-items:center;padding-inline:4px;color:var(--brand-indigo);background:linear-gradient(var(--erp-garis),var(--erp-garis)) center/1px 100% no-repeat;background-clip:padding-box}.do-arah .do-arah-panah svg{background:var(--erp-kepala);padding-block:6px}.erp-blok{display:flex;flex-direction:column;border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r);background:var(--surface);overflow:hidden;box-shadow:0 1px 3px #00000005;transition:border-color .2s ease}.erp-blok:hover{border-color:color-mix(in srgb,var(--brand-indigo) 30%,var(--border))}.erp-blok>header{display:flex;align-items:center;gap:10px;padding:12px var(--erp-pad);flex:0 0 auto;background:var(--erp-kepala);border-block-end:1px solid var(--erp-garis)}.erp-blok>header .nomor{display:grid;place-items:center;flex:0 0 auto;inline-size:24px;block-size:24px;border-radius:6px;background:color-mix(in srgb,var(--brand-black) 6%,var(--surface));color:var(--brand-black);font-family:var(--font-mono);font-size:.72rem;font-weight:750;border:1px solid var(--erp-garis-tebal)}.erp-blok>header h3{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-black)}.erp-blok>header .kanan{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--brand-muted);text-align:end}.erp-blok .erp-isi{display:flex;flex-direction:column;padding:var(--erp-pad);flex:1;min-inline-size:0}.erp-blok .kotak-data{border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r-dalam);overflow:hidden;min-inline-size:0}.erp-blok .panel-kosong{flex:1;display:grid;place-items:center;margin:0;padding:24px 16px;border:1px dashed var(--erp-garis-tebal);border-radius:var(--erp-r-dalam);background:var(--erp-zebra);font-style:italic;color:var(--brand-muted);font-size:.82rem}.erp-detail>.pemisah-lingkup{display:flex;align-items:center;gap:12px;margin-block:10px 4px;animation:none}.erp-detail>.pemisah-lingkup .garis{flex:1;block-size:0;border-block-start:1px dashed var(--erp-garis-tebal)}.erp-detail>.pemisah-lingkup .label{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:5px 12px;border-radius:999px;border:1px dashed var(--erp-garis-tebal);background:var(--erp-kepala);font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--brand-muted);text-align:center}.erp-detail>.pemisah-lingkup .label svg{flex:0 0 auto;opacity:.75}.erp-detail>.pemisah-lingkup .label code{font-family:var(--font-mono);font-size:.68rem;font-weight:750;color:var(--brand-indigo)}@media (max-width: 640px){.erp-detail>.pemisah-lingkup .garis{display:none}.erp-detail>.pemisah-lingkup .label{flex:1;justify-content:center}}.kartu-angkut .nama-utama{font-weight:700;line-height:1.35;font-size:.88rem;color:var(--brand-black)}.kartu-angkut .nama-sub{margin-block-start:4px;font-size:.74rem;line-height:1.5;color:var(--brand-muted)}.kartu-angkut .daftar-rincian{margin:6px 0 0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px;font-size:.76rem;color:var(--brand-black)}.kartu-angkut .daftar-rincian li::marker{color:var(--brand-muted)}.rekon{display:flex;flex-direction:column;gap:14px;min-inline-size:0}.rekon-kartu{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rekon-kartu .kartu{display:flex;flex-direction:column;gap:5px;min-inline-size:0;padding:14px 16px;border-radius:12px;border:1px solid var(--erp-garis-tebal, rgba(0, 0, 0, .14));background:linear-gradient(180deg,color-mix(in srgb,var(--brand-black, #000) 3%,var(--surface)) 0%,var(--surface) 100%);box-shadow:0 1px 3px #00000008;transition:border-color .2s ease,transform .2s ease}.rekon-kartu .kartu:hover{border-color:color-mix(in srgb,var(--brand-indigo) 32%,var(--border))}.rekon-kartu .kartu .kunci{display:flex;align-items:center;gap:6px;font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.rekon-kartu .kartu .nilai{font-family:var(--font-mono);font-size:1.35rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--brand-black);line-height:1.15;word-break:break-word}.rekon-kartu .kartu .ket{font-size:.71rem;line-height:1.5;color:var(--brand-muted)}.rekon-kartu .kartu.bahaya{border-color:color-mix(in srgb,#dc2626 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#dc2626 10%,var(--surface)),color-mix(in srgb,#dc2626 4%,var(--surface)))}.rekon-kartu .kartu.bahaya .nilai{color:#dc2626}.rekon-kartu .kartu.bahaya .kunci{color:color-mix(in srgb,#dc2626 70%,var(--brand-muted))}.rekon-kartu .kartu.sukses{border-color:color-mix(in srgb,#059669 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#059669 9%,var(--surface)),color-mix(in srgb,#059669 3%,var(--surface)))}.rekon-kartu .kartu.sukses .nilai{color:#059669}.rekon-kartu .kartu.sukses .kunci{color:color-mix(in srgb,#059669 65%,var(--brand-muted))}.rekon-jejak{display:grid;gap:10px 18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:12px 16px;border-radius:12px;border:1px solid var(--erp-garis, rgba(0, 0, 0, .1));background:color-mix(in srgb,var(--brand-black, #000) 2%,var(--surface))}.rekon-jejak .rj-sel{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.rekon-jejak .rj-kunci{font-size:.625rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.rekon-jejak .rj-nilai{font-size:.8rem;font-weight:650;line-height:1.4;color:var(--brand-black);overflow-wrap:anywhere}.tabel-rekon{min-inline-size:940px}.tabel-rekon .rekon-penanda{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.tabel-rekon .rekon-pemilik{min-inline-size:0;font-size:.68rem;font-weight:600;line-height:1.35;color:var(--brand-muted);overflow-wrap:anywhere}.tabel-rekon td.ka,.tabel-rekon th.ka{font-variant-numeric:tabular-nums}.tabel-rekon thead th:nth-child(5),.tabel-rekon tbody>tr:not(.rekon-batch)>td:nth-child(5){background:color-mix(in srgb,var(--brand-indigo) 7%,transparent)}.tabel-rekon thead th:nth-child(7),.tabel-rekon tbody>tr:not(.rekon-batch)>td:nth-child(7){background:color-mix(in srgb,var(--brand-black, #000) 5%,transparent)}.tabel-rekon tbody>tr.rekon-batch>td{padding-block-start:0;padding-block-end:13px;border-block-start:0}.tabel-rekon tbody>tr:has(+tr.rekon-batch)>td{border-block-end:0;padding-block-end:5px}.tabel-rekon tfoot td{background:var(--erp-kepala);border-block-start:2px solid var(--erp-garis-tebal);font-variant-numeric:tabular-nums}.kartu-pilih{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.kartu-pilih .pilih-barang{flex:1 1 320px;min-inline-size:0}.kartu-pilih .pilih-periode{flex:0 1 auto}@media (max-width: 900px){.kartu-pilih .pilih-periode{flex:1 1 100%}}.kartu-pilih.dengan-cabang{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.kartu-pilih.dengan-cabang .pilih-barang{flex:initial;min-inline-size:0}.kartu-pilih.dengan-cabang .pilih-periode{grid-column:1/-1;flex:initial}@media (max-width: 760px){.kartu-pilih.dengan-cabang{grid-template-columns:minmax(0,1fr)}}.kartu-persamaan{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;padding:16px;margin-block-end:14px;border:1px solid var(--erp-garis-tebal);border-radius:14px;background:var(--surface)}.kartu-persamaan .suku{flex:1 1 165px;min-inline-size:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:11px;background:var(--erp-kepala);border:1px solid transparent}.kartu-persamaan .suku-label{font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.kartu-persamaan .suku-nilai{font-size:1.32rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--brand-black)}.kartu-persamaan .suku-ket{font-size:.68rem;line-height:1.45;color:var(--brand-muted)}.kartu-persamaan .suku.masuk .suku-nilai:before{content:"+";margin-inline-end:2px;color:#059669}.kartu-persamaan .suku.keluar .suku-nilai:before{content:"−";margin-inline-end:2px;color:#dc2626}.kartu-persamaan .suku.hasil{background:color-mix(in srgb,var(--brand-indigo) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand-indigo) 28%,transparent)}.kartu-persamaan .suku.hasil .suku-nilai{color:var(--brand-indigo);font-size:1.46rem}.kartu-persamaan .suku.hasil.minus .suku-nilai{color:#b91c1c}.kartu-persamaan .suku.hasil.minus{background:#ef444414;border-color:#ef444447}.kartu-persamaan .operator{flex:0 0 auto;display:flex;align-items:center;justify-content:center;inline-size:22px;font-size:1.15rem;font-weight:800;color:var(--brand-muted)}.kartu-persamaan .operator.sama{color:var(--brand-indigo)}.kartu-banding{display:grid;gap:12px;grid-template-columns:1fr auto 1fr;align-items:stretch;padding:16px;margin-block-end:14px;border:1px solid var(--erp-garis-tebal);border-radius:14px;background:var(--surface)}.kartu-banding .banding-sisi{display:flex;flex-direction:column;gap:3px;min-inline-size:0;padding:12px 14px;border-radius:11px;background:var(--erp-kepala)}.kartu-banding .sisi-label{font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.kartu-banding .sisi-nilai{font-size:1.42rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--brand-black)}.kartu-banding .sisi-ket{font-size:.68rem;color:var(--brand-muted)}.kartu-banding .banding-tengah{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-inline:4px}.kartu-banding .banding-op{font-size:.64rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.kartu-banding .banding-op.besar{font-size:1.5rem;letter-spacing:0;color:#059669}.kartu-banding .banding-selisih{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand-black);white-space:nowrap}.kartu-banding .banding-vonis{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-radius:11px;font-size:.78rem;line-height:1.55}.kartu-banding .banding-vonis strong{font-size:.82rem;font-weight:750}.kartu-banding.cocok .banding-vonis{background:#10b9811f;color:#047857}.kartu-banding.wajar .banding-vonis{background:#6366f11f;color:#4338ca}.kartu-banding.bahaya .banding-vonis{background:#ef44441f;color:#b91c1c}.kartu-banding.netral .banding-vonis{background:var(--surface-hover);color:var(--brand-muted)}@media (max-width: 720px){.kartu-banding{grid-template-columns:1fr}.kartu-banding .banding-tengah{flex-direction:row;gap:8px;padding-block:2px}}.erp-doc .erp-doc-nama{margin:6px 0 0;font-size:.95rem;font-weight:700;color:var(--brand-black)}.frame-tabs.tab-dalam-blok{margin-block-end:14px;border-block-end:1px solid var(--erp-garis-tebal);border-radius:0;background:transparent}.kartu-hasil{position:relative}.kartu-hasil.sibuk>:not(.hasil-tirai){opacity:.4;filter:saturate(.55);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.kartu-hasil .hasil-tirai{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.kartu-hasil .tirai-isi{position:sticky;inset-block-start:38vh;display:flex;flex-direction:column;align-items:center;gap:8px;inline-size:fit-content;margin-inline:auto;padding:18px 26px;border-radius:14px;border:1px solid var(--erp-garis-tebal);background:var(--surface);box-shadow:0 10px 30px #0000001f}.kartu-hasil .tirai-isi>span{font-size:.78rem;font-weight:650;color:var(--brand-muted);text-align:center;white-space:nowrap}.erp-blok header .kanan .blok-sibuk{display:inline-flex;align-items:center;gap:6px;color:var(--brand-indigo);font-weight:700}.tabel-kartu-stok .baris-kosong>td{padding:30px 16px;background:var(--erp-zebra, var(--erp-kepala))}.tabel-kartu-stok .baris-kosong>td .kosong-isi{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tabel-kartu-stok .baris-kosong>td svg{color:var(--brand-muted);opacity:.4}.tabel-kartu-stok .baris-kosong>td strong{font-size:.88rem;font-weight:750;color:var(--brand-black)}.tabel-kartu-stok .baris-kosong>td span{max-inline-size:56ch;font-size:.78rem;line-height:1.6;color:var(--brand-muted)}.tabel-kartu-stok .baris-kosong>td span b{color:var(--brand-black);font-weight:700}.kosong-aksi{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-block-start:12px;padding:12px 16px;border-radius:11px;border:1px solid color-mix(in srgb,var(--brand-indigo) 24%,transparent);background:color-mix(in srgb,var(--brand-indigo) 7%,var(--surface))}.kosong-aksi>span{font-size:.78rem;line-height:1.55;color:var(--brand-muted)}.kosong-aksi>span b{color:var(--brand-black);font-weight:700}.kosong-catatan{margin:12px 0 0;text-align:center;font-style:italic;font-size:.78rem;line-height:1.6;color:var(--brand-muted)}.kosong-catatan b{color:var(--brand-black);font-weight:700;font-style:normal}.tabel-scroll.jangkung{max-block-size:62vh;overflow-y:auto}.tabel-kartu-stok{min-inline-size:1080px}.tabel-kartu-stok td.ka,.tabel-kartu-stok th.ka{font-variant-numeric:tabular-nums}.tabel-kartu-stok thead th{position:sticky;inset-block-start:0;z-index:2;background:var(--erp-kepala)}.tabel-kartu-stok tbody>tr>td{border-block-end:1px solid var(--erp-garis-tebal)}.tabel-kartu-stok tbody>tr>td:nth-child(7){background:color-mix(in srgb,var(--brand-indigo) 7%,transparent)}.tabel-kartu-stok tbody>tr:hover>td:nth-child(7){background:color-mix(in srgb,var(--brand-indigo) 13%,var(--erp-kepala))}.tabel-kartu-stok thead th:nth-child(7){background:color-mix(in srgb,var(--brand-indigo) 9%,var(--erp-kepala))}.tabel-kartu-stok .baris-saldo-awal>td{background:var(--erp-kepala);border-block-end:2px solid var(--erp-garis-tebal);font-size:.78rem}.tabel-kartu-stok tfoot td{position:sticky;inset-block-end:0;z-index:2;background:var(--erp-kepala);border-block-start:2px solid var(--erp-garis-tebal);font-variant-numeric:tabular-nums}.tautan-sumber{display:inline-flex;align-items:center;gap:5px;color:var(--brand-indigo);font-weight:600;text-decoration:none}.tautan-sumber:hover{text-decoration:underline}.tautan-sumber svg{flex:none;opacity:.75}.tautan-sumber:is(button){padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:start}.tabel-rantai{min-inline-size:940px}.tabel-rantai td.ka,.tabel-rantai th.ka{font-variant-numeric:tabular-nums}.tabel-rantai td:last-child{padding-block:4px}.erp-kolom{display:grid;gap:14px;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.erp-tabel{inline-size:100%;border-collapse:collapse;font-size:.83rem}.erp-tabel thead th{position:sticky;inset-block-start:0;z-index:1;padding:10px 14px;text-align:start;white-space:nowrap;font-size:.65rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted);background:var(--erp-kepala);border-block-end:1px solid var(--erp-garis-tebal);border-inline-end:1px solid var(--erp-garis)}.erp-tabel thead th:last-child{border-inline-end:0}.erp-tabel tbody td{padding:12px 14px;vertical-align:middle;color:var(--brand-black);background:var(--surface);border-block-end:1px solid var(--erp-garis);border-inline-end:1px solid var(--erp-garis);transition:background .15s ease}.erp-tabel tbody td:last-child{border-inline-end:0}.erp-tabel tbody tr:last-child td{border-block-end:0}.erp-tabel tbody tr{animation:dataEntrance .35s cubic-bezier(.16,1,.3,1) both}.erp-tabel tbody tr:nth-child(1){animation-delay:.18s}.erp-tabel tbody tr:nth-child(2){animation-delay:.22s}.erp-tabel tbody tr:nth-child(3){animation-delay:.26s}.erp-tabel tbody tr:nth-child(4){animation-delay:.3s}.erp-tabel tbody tr:nth-child(5){animation-delay:.34s}.erp-tabel tbody tr:nth-child(6){animation-delay:.38s}.erp-tabel tbody tr:hover td{background:var(--erp-kepala)}.erp-tabel tfoot td{padding:12px 14px;vertical-align:middle;color:var(--brand-black);font-weight:700;background:var(--erp-kepala);border-block-start:2px solid var(--erp-garis-tebal);border-inline-end:1px solid var(--erp-garis)}.erp-tabel tfoot td:last-child{border-inline-end:0}.erp-tabel .no{inline-size:44px;text-align:center;font-family:var(--font-mono);font-size:.75rem;font-weight:650;color:var(--brand-muted)}.erp-tabel .angka{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.erp-tabel .kosong{padding:24px;text-align:center;color:var(--brand-muted);font-style:italic;border-inline-end:0}.erp-tabel .nama-utama{font-weight:650;line-height:1.35;font-size:.85rem}.erp-tabel .nama-sub{margin-block-start:3px;font-size:.72rem;color:var(--brand-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.erp-tabel .nama-sub code{background:var(--erp-kepala);padding:1px 5px;border-radius:4px;border:1px solid var(--erp-garis)}.erp-tabel .angka .nama-sub{justify-content:flex-end}.erp-tabel .sel-lembut{font-size:.78rem;color:var(--brand-muted);font-weight:500}.erp-tabel .satuan{font-size:.74rem;font-weight:550;color:var(--brand-muted)}.erp-tabel .angka strong{font-weight:750;font-family:var(--font-mono)}.erp-tabel .sel-catatan{margin-block-start:4px;font-size:.68rem;color:var(--brand-muted)}.erp-blok .tabel-scroll.kotak-data{overflow:auto}.erp-blok .erp-po.kotak-data{border:0;border-radius:0;overflow:visible}.erp-alasan{font-size:.86rem;line-height:1.6;color:var(--brand-black)}.erp-alasan .hampa{color:var(--brand-muted);font-style:italic}.erp-alasan:not(:last-child){margin-block-end:var(--erp-pad)}.erp-catatan{display:grid;gap:1px;background:var(--erp-garis)}.erp-catatan .item{display:grid;grid-template-columns:170px 1fr;gap:1px;background:var(--erp-garis)}.erp-catatan .peran{padding:12px 14px;background:var(--erp-kepala);font-size:.74rem;font-weight:750;color:var(--brand-black)}.erp-catatan .peran span{display:block;margin-block-start:2px;font-weight:500;font-size:.68rem;color:var(--brand-muted)}.erp-catatan .teks{padding:12px 14px;background:var(--surface);font-size:.84rem;line-height:1.5;color:var(--brand-black)}@media (max-width: 620px){.erp-catatan .item{grid-template-columns:1fr}}.erp-tolak{--tolak: #ef4444;overflow:hidden;border-radius:var(--erp-r);background:var(--surface);border:1px solid color-mix(in srgb,var(--tolak) 26%,transparent);border-inline-start:3px solid var(--tolak);box-shadow:0 1px 2px color-mix(in srgb,var(--tolak) 10%,transparent),0 8px 24px -12px color-mix(in srgb,var(--tolak) 34%,transparent)}.erp-tolak .tolak-kepala{display:flex;align-items:center;gap:11px;padding:12px var(--erp-pad);background:linear-gradient(100deg,color-mix(in srgb,var(--tolak) 11%,var(--surface)),color-mix(in srgb,var(--tolak) 4%,var(--surface)) 65%);border-block-end:1px solid color-mix(in srgb,var(--tolak) 16%,transparent)}.erp-tolak .tolak-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:30px;block-size:30px;border-radius:10px;background:color-mix(in srgb,var(--tolak) 15%,transparent);color:var(--tolak);box-shadow:0 0 0 3px color-mix(in srgb,var(--tolak) 8%,transparent)}.erp-tolak .tolak-teks{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.erp-tolak .tolak-teks strong{font-size:.86rem;font-weight:750;letter-spacing:-.01em;color:var(--tolak)}.erp-tolak .tolak-teks span{font-size:.735rem;line-height:1.45;color:var(--brand-muted)}.erp-tolak .tolak-cap{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;margin-inline-start:auto;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--tolak) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--tolak) 20%,transparent);font-size:.68rem;font-weight:650;color:color-mix(in srgb,var(--tolak) 72%,var(--brand-black));white-space:nowrap;font-variant-numeric:tabular-nums}.erp-tolak .tolak-cap svg{flex:0 0 auto;opacity:.75}.erp-tolak .tolak-alasan{position:relative;padding:13px var(--erp-pad) 14px}.erp-tolak .tolak-alasan:after{content:"”";position:absolute;inset-block-start:-6px;inset-inline-end:14px;font-size:3.6rem;line-height:1;font-weight:700;color:color-mix(in srgb,var(--tolak) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.erp-tolak .tolak-alasan .tolak-label{display:block;margin-block-end:7px;font-size:.635rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.erp-tolak .tolak-alasan p{position:relative;margin:0;font-size:.82rem;line-height:1.6;color:var(--brand-black);padding-inline-start:12px;white-space:pre-line;overflow-wrap:anywhere}.erp-tolak .tolak-alasan p:before{content:"";position:absolute;inset-inline-start:0;inset-block:2px 2px;inline-size:2px;border-radius:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--tolak) 55%,transparent),color-mix(in srgb,var(--tolak) 12%,transparent))}.erp-tolak .tolak-alasan p.hampa{color:var(--brand-muted);font-style:italic}.erp-tolak .tolak-kaki{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px var(--erp-pad);background:var(--erp-kepala);border-block-start:1px solid var(--erp-garis)}.erp-tolak .tolak-orang{display:flex;align-items:center;gap:9px;min-inline-size:0}.erp-tolak .tolak-orang .avatar{display:grid;place-items:center;flex:0 0 auto;inline-size:28px;block-size:28px;border-radius:50%;background:color-mix(in srgb,var(--tolak) 15%,transparent);color:var(--tolak);font-size:.655rem;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 2px color-mix(in srgb,var(--tolak) 10%,transparent)}.erp-tolak .tolak-orang .orang-teks{display:flex;flex-direction:column;line-height:1.3;min-inline-size:0}.erp-tolak .tolak-orang .nama{font-size:.78rem;font-weight:700;color:var(--brand-black)}.erp-tolak .tolak-orang .peran{font-size:.675rem;color:var(--brand-muted)}.erp-tolak .tolak-jabat{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--tolak) 10%,transparent);color:color-mix(in srgb,var(--tolak) 78%,var(--brand-black));font-size:.615rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.erp-tolak .tolak-waktu{display:flex;align-items:center;gap:7px;color:var(--brand-muted)}.erp-tolak .tolak-waktu svg{flex:0 0 auto}.erp-tolak .tolak-waktu .waktu-teks{display:flex;flex-direction:column;line-height:1.3;text-align:end}.erp-tolak .tolak-waktu .tanggal{font-size:.72rem;font-weight:650;color:var(--brand-black)}.erp-tolak .tolak-waktu .pukul{font-size:.68rem;font-variant-numeric:tabular-nums}@media (max-width: 560px){.erp-tolak .tolak-kepala{flex-wrap:wrap}.erp-tolak .tolak-cap{margin-inline-start:41px}.erp-tolak .tolak-alasan:after{display:none}.erp-tolak .tolak-kaki{align-items:flex-start}.erp-tolak .tolak-jabat{display:none}.erp-tolak .tolak-waktu .waktu-teks{text-align:start}}.daftar-catatan{display:flex;flex-direction:column;gap:10px}.kartu-catatan{--nada: var(--brand-muted);display:flex;gap:12px;padding:13px 15px;border-radius:var(--erp-r-dalam);background:var(--surface);border:1px solid var(--erp-garis-tebal);border-inline-start:3px solid var(--nada)}.kartu-catatan.setuju{--nada: #047857}.kartu-catatan.tolak{--nada: #ef4444;background:color-mix(in srgb,#ef4444 4%,var(--surface));border-color:color-mix(in srgb,#ef4444 22%,transparent)}.kartu-catatan .cat-avatar{display:grid;place-items:center;flex:0 0 auto;inline-size:34px;block-size:34px;border-radius:50%;background:color-mix(in srgb,var(--nada) 13%,transparent);color:var(--nada);font-size:.72rem;font-weight:800;letter-spacing:.02em}.kartu-catatan .cat-isi{flex:1;min-inline-size:0}.kartu-catatan .cat-kepala{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block-end:7px}.kartu-catatan .cat-nama{font-size:.86rem;font-weight:700;color:var(--brand-black)}.kartu-catatan .cat-peran{font-size:.72rem;color:var(--brand-muted)}.kartu-catatan .cat-peran:before{content:"·";margin-inline-end:8px}.kartu-catatan .cat-lencana{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--nada) 12%,transparent);color:var(--nada);font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.kartu-catatan .cat-teks{margin:0;font-size:.86rem;line-height:1.6;color:var(--brand-black);white-space:pre-line;overflow-wrap:anywhere}.kartu-catatan .cat-imbas{margin:9px 0 0;padding-block-start:9px;border-block-start:1px dashed color-mix(in srgb,var(--nada) 25%,transparent);font-size:.78rem;line-height:1.5;color:var(--brand-muted)}@media (max-width: 560px){.kartu-catatan{padding:12px}.kartu-catatan .cat-lencana{margin-inline-start:0}}[data-theme=dark] .erp-tolak{--tolak: #f87171}[data-theme=dark] .erp-tolak .tolak-kepala{background:linear-gradient(100deg,color-mix(in srgb,var(--tolak) 16%,var(--surface)),color-mix(in srgb,var(--tolak) 6%,var(--surface)) 65%)}[data-theme=dark] .erp-tolak .tolak-cap,[data-theme=dark] .erp-tolak .tolak-jabat{color:color-mix(in srgb,var(--tolak) 88%,var(--surface))}[data-theme=dark] .kartu-catatan.setuju{--nada: #34d399}[data-theme=dark] .kartu-catatan.tolak{--nada: #f87171;background:color-mix(in srgb,#f87171 7%,var(--surface))}.erp-kode-pr.mandiri{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--erp-garis-tebal);border-inline-start:3px solid var(--brand-indigo)}.erp-kode-pr.mandiri .kode-pr-label{font-size:.62rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.erp-kode-pr.mandiri code{font-family:var(--font-mono);font-size:.92rem;font-weight:750;color:var(--brand-black);word-break:break-all;background:color-mix(in srgb,var(--brand-black) 3%,var(--surface));padding:4px 10px;border-radius:6px;border:1px solid var(--erp-garis-tebal)}.erp-kode-pr.mandiri .btn-salin-kode{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;border:1px solid var(--erp-garis-tebal);background:var(--surface);color:var(--brand-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.erp-kode-pr.mandiri .btn-salin-kode:hover{background:var(--surface-hover);color:var(--brand-black);border-color:var(--brand-black)}.erp-kode-pr.mandiri .kode-pr-pemohon{margin-inline-start:auto;font-size:.72rem;color:var(--brand-muted)}.erp-po{counter-reset:po-urut;display:grid;gap:10px;background:transparent}.erp-po .po-baris{counter-increment:po-urut;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px 14px;background:var(--surface);border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r-dalam);transition:background .15s ease,border-color .15s ease}.erp-po .po-baris:hover{background:var(--erp-kepala);border-color:var(--brand-red)}.erp-po .po-baris:before{content:counter(po-urut,decimal-leading-zero);display:grid;place-items:center;flex:0 0 auto;inline-size:24px;block-size:24px;border-radius:6px;background:color-mix(in srgb,var(--brand-black) 6%,var(--surface));color:var(--brand-black);font-family:var(--font-mono);font-size:.72rem;font-weight:750;border:1px solid var(--erp-garis-tebal)}.erp-po .po-kiri{display:flex;flex-direction:column;gap:3px;min-inline-size:0;flex:1}.erp-po .po-kode{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--brand-black)}.erp-po .po-meta{font-size:.74rem;line-height:1.45;color:var(--brand-muted)}.erp-po .po-meta.alih{color:var(--brand-indigo);font-weight:600}.erp-po .po-meta.tolak{color:#ef4444;font-weight:600}.erp-po .po-catatan{display:flex;flex-direction:column;gap:2px;margin-block-start:4px;padding:6px 9px;border-inline-start:2px solid var(--brand-muted);border-radius:0 6px 6px 0;background:var(--surface-hover)}.erp-po .po-catatan .po-catatan-kepala{font-size:.67rem;font-weight:700;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-muted)}.erp-po .po-catatan .po-catatan-teks{font-size:.76rem;line-height:1.5;color:var(--brand-black);white-space:pre-wrap;overflow-wrap:break-word}.erp-po .po-catatan.bahaya{border-inline-start-color:#ef4444;background:#ef444417}.erp-po .po-catatan.bahaya .po-catatan-kepala{color:#b91c1c}.erp-po .po-catatan.sukses{border-inline-start-color:#10b981;background:#10b98117}.erp-po .po-catatan.sukses .po-catatan-kepala{color:#047857}.erp-po .po-nilai{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-weight:750;font-size:.86rem;color:var(--brand-black)}.erp-po .po-kanan{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.erp-po .po-baris{container:kartu-po/inline-size}.erp-po .jejak-datar{flex:0 0 100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-block-start:12px;border-block-start:1px dashed var(--erp-garis)}.erp-po .jejak-datar .jd-langkah{position:relative;min-inline-size:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding-inline:4px;text-align:center}.erp-po .jejak-datar .jd-garis{position:absolute;inset-block-start:5px;inset-inline-end:50%;inline-size:100%;block-size:2px;background:var(--border);z-index:0}.erp-po .jejak-datar .jd-bulat{position:relative;z-index:1;inline-size:12px;block-size:12px;border-radius:50%;background:var(--brand-muted);box-shadow:0 0 0 3px var(--surface)}.erp-po .jejak-datar .jd-judul{margin-block-start:3px;font-size:.7rem;font-weight:750;line-height:1.25;color:var(--brand-black);letter-spacing:-.01em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.erp-po .jejak-datar .jd-jam{font-size:.64rem;font-weight:600;color:var(--brand-muted);font-variant-numeric:tabular-nums}.erp-po .jejak-datar .jd-user{max-inline-size:100%;font-size:.64rem;line-height:1.35;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-po .jejak-datar .jd-langkah.sukses .jd-bulat{background:#10b981}.erp-po .jejak-datar .jd-langkah.bahaya .jd-bulat{background:#ef4444}.erp-po .jejak-datar .jd-langkah.menunggu .jd-bulat{background:#f5b800}.erp-po .jejak-datar .jd-langkah.revisi .jd-bulat{background:var(--brand-indigo)}.erp-po .jejak-datar .jd-langkah.bahaya .jd-judul{color:#b91c1c}.erp-po .jejak-datar .jd-langkah.sukses .jd-judul{color:#047857}@container kartu-po (max-width: 440px){.erp-po .jejak-datar{grid-auto-flow:row;grid-auto-columns:auto}.erp-po .jejak-datar .jd-langkah{align-items:flex-start;text-align:start;padding-inline:0 0;padding-inline-start:20px;padding-block:5px}.erp-po .jejak-datar .jd-bulat{position:absolute;inset-inline-start:0;inset-block-start:8px}.erp-po .jejak-datar .jd-garis{inset-block:-5px auto;inset-inline-start:5px;inset-inline-end:auto;inline-size:2px;block-size:16px}.erp-po .jejak-datar .jd-user{white-space:normal}}.erp-blok .timeline .jejak{padding-block:10px}@media (max-width: 640px){.erp-detail{--erp-pad: 14px}.erp-doc .erp-doc-atas{padding:14px var(--erp-pad)}.erp-doc .erp-kode{font-size:1.25rem}.erp-doc .erp-doc-aksi{margin-inline-start:0;inline-size:100%}.erp-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.do-arah{flex-direction:column}.do-arah .do-arah-sisi{padding-block:11px}.do-arah .do-arah-panah{padding-block:0;padding-inline:var(--erp-pad);justify-items:start;background:linear-gradient(var(--erp-garis),var(--erp-garis)) 0 center/100% 1px no-repeat}.do-arah .do-arah-panah svg{transform:rotate(90deg);padding-block:0;padding-inline:6px}.erp-blok>header{flex-wrap:wrap}.erp-blok>header .kanan{margin-inline-start:0;inline-size:100%;text-align:start}.detail-embed{padding:12px}}.penyaring-barang{margin-block-end:16px;padding:14px 16px 12px;border-radius:12px;border:1.5px dashed color-mix(in srgb,var(--brand-red) 22%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--brand-red) 4%,var(--surface)),var(--surface))}.penyaring-barang .penyaring-kepala{display:flex;align-items:flex-start;gap:10px;margin-block-end:12px}.penyaring-barang .penyaring-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:28px;block-size:28px;border-radius:9px;background:color-mix(in srgb,var(--brand-red) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-red) 25%,transparent);color:var(--brand-red)}.penyaring-barang .penyaring-teks{flex:1;min-inline-size:0}.penyaring-barang .penyaring-teks strong{display:block;font-size:.8rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-black)}.penyaring-barang .penyaring-teks p{margin:3px 0 0;font-size:.78rem;line-height:1.5;color:var(--brand-muted)}.penyaring-barang .penyaring-teks p b{color:var(--brand-black);font-weight:700}.penyaring-barang .penyaring-reset{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--brand-red) 26%,transparent);background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));color:var(--brand-red);font-family:inherit;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .18s ease}.penyaring-barang .penyaring-reset:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff;box-shadow:0 5px 14px #fd01003d}.penyaring-barang .penyaring-reset:active{transform:translateY(1px);box-shadow:none}.penyaring-barang .penyaring-isi{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.penyaring-barang .penyaring-isi .form-field{margin:0}.penyaring-barang .penyaring-hasil{display:flex;align-items:center;gap:7px;margin-block-start:12px;padding-block-start:10px;border-block-start:1px dashed var(--border);font-size:.76rem;line-height:1.45;color:var(--brand-muted)}.penyaring-barang .penyaring-hasil svg{flex:0 0 auto}.penyaring-barang .penyaring-hasil strong{color:var(--brand-black);font-weight:750}.penyaring-barang .penyaring-hasil.kosong{color:#b45309}.penyaring-barang .penyaring-hasil.kosong strong{color:inherit}@media (max-width: 560px){.penyaring-barang{padding:12px}.penyaring-barang .penyaring-kepala{flex-wrap:wrap}.penyaring-barang .penyaring-reset{inline-size:100%;justify-content:center;margin-block-start:4px}}.nota-info{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:var(--erp-r-dalam);font-size:.82rem;line-height:1.5;background:color-mix(in srgb,var(--brand-indigo) 6%,var(--surface));color:var(--brand-black);border:1px solid color-mix(in srgb,var(--brand-indigo) 20%,transparent);margin-block-end:14px}.nota-info.bahaya{background:#ef44440f;border-color:#ef444433}.nota-info.peringatan{background:#f59e0b14;border-color:#f59e0b40}.nota-info svg{flex:0 0 auto;margin-block-start:2px}.nota-info .nota-aksi{padding:0;border:0;background:none;font:inherit;font-weight:700;color:currentColor;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.nota-info .nota-aksi:hover{opacity:.72}.toggle-chip-erp{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9px;background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border);font-size:.78rem;font-weight:650;color:var(--brand-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.toggle-chip-erp input[type=checkbox]{display:none}.toggle-chip-erp .toggle-dot{inline-size:14px;block-size:14px;border-radius:4px;border:1.5px solid var(--brand-muted);background:transparent;transition:all .2s ease;position:relative}.toggle-chip-erp .toggle-dot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:2px;background:#fff;opacity:0;transform:scale(.5);transition:all .15s ease}.toggle-chip-erp:hover{color:var(--brand-black);border-color:var(--brand-black)}.toggle-chip-erp.active{background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand-red) 30%,transparent);color:var(--brand-red)}.toggle-chip-erp.active .toggle-dot{background:var(--brand-red);border-color:var(--brand-red)}.toggle-chip-erp.active .toggle-dot:after{opacity:1;transform:scale(1)}.code-badge-erp{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:var(--surface-3, rgba(0, 0, 0, .04));border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:700;color:var(--brand-black);transition:all .18s ease}.code-badge-erp .code-icon{color:var(--brand-red);opacity:.85}.code-badge-erp:hover{border-color:var(--brand-red);background:var(--surface);box-shadow:0 2px 8px #ff6b351f}.code-badge-erp .copy-btn-erp{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-inline-start:2px;border:0;border-radius:5px;background:transparent;color:var(--brand-muted);cursor:pointer;transition:all .2s ease;position:relative}.code-badge-erp .copy-btn-erp .icon-copy{display:block}.code-badge-erp .copy-btn-erp .icon-check{display:none;color:#1f9d43}.code-badge-erp .copy-btn-erp:hover{background:#ff6b351a;color:var(--brand-red)}.code-badge-erp .copy-btn-erp.copied{background:#1f9d431f;color:#1f9d43}.code-badge-erp .copy-btn-erp.copied .icon-copy{display:none}.code-badge-erp .copy-btn-erp.copied .icon-check{display:block}.code-badge-erp.rapat{align-items:flex-start;gap:4px;padding:3px 4px 3px 7px;font-size:.7rem}.code-badge-erp.rapat code{min-inline-size:0;overflow-wrap:anywhere;line-height:1.35}.code-badge-erp.rapat .copy-btn-erp{inline-size:18px;block-size:18px;margin-inline-start:0;flex:0 0 auto}.code-badge-erp.rapat .copy-btn-erp svg{inline-size:11px;block-size:11px}.date-cell-erp{font-size:.82rem;font-weight:600;color:var(--brand-black)}.kode-tanggal-erp{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px}.kode-tanggal-erp .code-badge-erp{white-space:nowrap}.kode-tanggal-erp .code-badge-erp code{letter-spacing:-.01em}.kode-tanggal-erp .tanggal-baris{display:inline-flex;align-items:center;gap:5px;padding-inline-start:2px;font-size:.76rem;font-weight:650;color:var(--brand-muted);white-space:nowrap}.kode-tanggal-erp .tanggal-baris svg{color:var(--brand-red);opacity:.7;flex:0 0 auto}.cell-stack-erp{display:flex;flex-direction:column;gap:2px}.cell-stack-erp .user-primary{font-size:.84rem;font-weight:700;color:var(--brand-black)}.cell-stack-erp .badge-tag-saya{display:inline-flex;align-items:center;inline-size:fit-content;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px;background:#6366f11f;color:var(--brand-indigo);border:1px solid rgba(99,102,241,.25)}.corp-pill-erp{font-size:.72rem;font-weight:750;padding:3px 8px;border-radius:6px;background:#ef444414;color:var(--brand-red);border:1px solid rgba(239,68,68,.2)}.item-count-badge-erp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--surface-3, rgba(0, 0, 0, .04));border:1px solid var(--border);color:var(--brand-black);font-weight:700;font-size:.78rem;font-family:var(--font-mono, monospace);white-space:nowrap;line-height:1;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.item-count-badge-erp svg{color:var(--brand-red);opacity:.85;flex-shrink:0}.item-count-badge-erp:hover{background:var(--surface);border-color:#ff6b354d;box-shadow:0 2px 6px #0000000f}.akses-cepat{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.ac-field{position:relative;flex:1 1 340px;min-inline-size:0;display:flex;align-items:center;--ac-garis: #868fa0}[data-theme=dark] .ac-field{--ac-garis: #456a8f}.ac-field .ac-icon{position:absolute;inset-inline-start:13px;color:var(--brand-muted);pointer-events:none;flex:0 0 auto}.ac-field .ac-input{inline-size:100%;padding:12px 40px;border-radius:var(--r-md);border:1.5px solid var(--ac-garis);background:var(--brand-bg);color:var(--brand-black);font-family:var(--font-mono);font-size:.88rem;letter-spacing:.01em;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.ac-field .ac-input::placeholder{color:var(--brand-muted);opacity:.75;letter-spacing:0}.ac-field .ac-input:hover{border-color:var(--brand-muted)}.ac-field .ac-input:focus{outline:none;border-color:var(--brand-indigo);background:var(--surface);box-shadow:0 0 0 3px #6366f129}.ac-field .ac-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ac-field .ac-clear{position:absolute;inset-inline-end:10px;display:grid;place-items:center;inline-size:22px;block-size:22px;padding:0;border:0;border-radius:50%;background:var(--surface-hover);color:var(--brand-muted);font-size:1rem;line-height:1;cursor:pointer}.ac-field .ac-clear:hover{background:var(--brand-red-soft);color:var(--brand-red)}.ac-tempel-tanda{display:inline-flex;align-items:center;gap:5px;margin-block-start:8px;padding:3px 9px;border-radius:999px;background:#10b98124;color:#047857;font-size:.7rem;font-weight:700}.ac-hint{margin-block-start:10px;font-size:.72rem;line-height:1.6;color:var(--brand-muted)}.ac-hint strong{color:var(--brand-black);font-weight:700}.ac-contoh{display:inline-flex;align-items:center;gap:5px;margin-inline-end:6px;padding:2px 7px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--brand-bg);color:var(--brand-muted);font-family:var(--font-mono);font-size:.69rem;cursor:pointer}.ac-contoh:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.kandidat-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-block-end:1px solid var(--border);background:linear-gradient(180deg,rgba(99,102,241,.07),transparent)}.kandidat-kepala .kk-judul{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.92rem;font-weight:750;color:var(--brand-black)}.kandidat-kepala .kk-judul code{padding:3px 9px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:.83rem;color:var(--brand-indigo)}.kandidat-kepala .kk-sub{margin-block-start:5px;font-size:.75rem;line-height:1.55;color:var(--brand-muted)}.kandidat-kepala .kk-sub strong{color:var(--brand-black);font-weight:700}.kandidat-kepala .kk-angka{flex:0 0 auto;text-align:end}.kandidat-kepala .kk-angka .nilai{display:block;font-size:1.15rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.kandidat-kepala .kk-angka .ket{display:block;margin-block-start:2px;font-size:.7rem;color:var(--brand-muted)}.kandidat-grid{display:grid;gap:12px;padding:14px 16px 16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.kandidat-kartu{display:flex;flex-direction:column;gap:0;text-align:start;inline-size:100%;padding:0;cursor:pointer;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);font:inherit;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.kandidat-kartu:hover,.kandidat-kartu:focus-visible{border-color:var(--brand-indigo);box-shadow:0 8px 22px #0000001a;transform:translateY(-2px)}.kandidat-kartu:hover .kk-aksi,.kandidat-kartu:focus-visible .kk-aksi{color:var(--brand-indigo)}.kandidat-kartu:hover .kk-aksi svg,.kandidat-kartu:focus-visible .kk-aksi svg{transform:translate(3px)}.kandidat-kartu:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:2px}.kandidat-kartu .kk-atas{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 13px 0}.kandidat-kartu .kk-kode{font-family:var(--font-mono);font-size:.83rem;font-weight:750;color:var(--brand-black);word-break:break-all;line-height:1.35}.kandidat-kartu .kk-meta{padding:7px 13px 0;font-size:.73rem;line-height:1.55;color:var(--brand-muted)}.kandidat-kartu .kk-meta .baris{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kandidat-kartu .kk-meta .tebal{color:var(--brand-black);font-weight:650}.kandidat-kartu .kk-nilai{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-block-start:10px;padding:0 13px}.kandidat-kartu .kk-nilai .rp{font-size:1rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.kandidat-kartu .kk-nilai .item{font-size:.7rem;color:var(--brand-muted)}.kandidat-kartu .kk-bar{block-size:5px;margin:9px 13px 0;border-radius:999px;overflow:hidden;background:var(--surface-hover)}.kandidat-kartu .kk-bar span{display:block;block-size:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#34d399)}.kandidat-kartu .kk-aksi{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-block-start:11px;padding:9px 13px;border-block-start:1px solid var(--border);font-size:.74rem;font-weight:750;color:var(--brand-muted);transition:color .16s ease}.kandidat-kartu .kk-aksi svg{transition:transform .16s ease}.kpi-card .kpi-value.nominal{font-size:1.12rem;letter-spacing:-.015em;font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:keep-all}.kandidat-kartu .kk-nilai .rp,.kk-angka .nilai{font-variant-numeric:tabular-nums}.lingkup-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-end:12px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border);border-inline-start:3px solid var(--brand-indigo);background:var(--brand-bg)}.lingkup-strip .ls-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:30px;block-size:30px;border-radius:9px;background:#6366f121;color:var(--brand-indigo)}.lingkup-strip .ls-isi{flex:1 1 260px;min-inline-size:0}.lingkup-strip .ls-baris{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--brand-black)}.lingkup-strip .ls-baris .ls-label{font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lingkup-strip .ls-baris .ls-nilai{font-weight:750}.lingkup-strip .ls-baris .ls-pisah{color:var(--border)}.lingkup-strip .ls-baris .ls-pt{font-weight:750;color:var(--brand-indigo)}.lingkup-strip .ls-ket{margin-block-start:3px;font-size:.71rem;line-height:1.55;color:var(--brand-muted)}.lingkup-strip .ls-ket strong{color:var(--brand-black);font-weight:700}.lingkup-strip .ls-geser{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#f5b8002e;color:#8a6300;font-size:.7rem;font-weight:750}.karyawan-terpilih{display:flex;flex-direction:column;gap:8px;margin-block-start:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:var(--r-sm);background:color-mix(in srgb,var(--brand-black) 2.5%,var(--surface))}.karyawan-terpilih .terpilih-label{font-size:.68rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.karyawan-terpilih .terpilih-chip-list{display:flex;flex-wrap:wrap;gap:7px}.terpilih-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 11px;border:1px solid color-mix(in srgb,var(--brand-indigo) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 9%,var(--surface));max-inline-size:100%}.terpilih-chip .chip-nama{font-size:.79rem;font-weight:700;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terpilih-chip .chip-role{flex:0 0 auto;font-size:.66rem;font-weight:650;color:var(--brand-muted)}.terpilih-chip .chip-buang{flex:0 0 auto;display:grid;place-items:center;inline-size:20px;block-size:20px;border:0;border-radius:50%;background:transparent;color:var(--brand-muted);cursor:pointer;transition:background .16s ease,color .16s ease}.terpilih-chip .chip-buang:hover{background:var(--brand-red);color:#fff}.produk-kartu{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.produk-kartu:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:linear-gradient(180deg,var(--brand-indigo),var(--brand-red));opacity:.55;transition:opacity .2s ease}.produk-kartu:hover,.produk-kartu:focus-within{border-color:color-mix(in srgb,var(--brand-indigo) 45%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.produk-kartu:hover:before,.produk-kartu:focus-within:before{opacity:1}.produk-kartu .produk-kepala{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 12px 19px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-black) 3.5%,var(--surface)),var(--surface));border-block-end:1px solid var(--border)}.produk-kartu .produk-urut{flex:0 0 auto;display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:9px;background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo);font-family:var(--font-mono);font-size:.76rem;font-weight:800;letter-spacing:-.02em}.produk-kartu .produk-judul{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:6px}.produk-kartu .produk-nama{margin:0;font-size:.98rem;font-weight:750;line-height:1.3;color:var(--brand-black)}.produk-kartu .produk-isian{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px 16px 19px}.produk-kartu .produk-buang{flex:0 0 auto;display:grid;place-items:center;inline-size:32px;block-size:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--brand-muted);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.produk-kartu .produk-buang:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.produk-tanda{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-inline-size:0}.tanda-kode{padding:2px 7px;border-radius:5px;background:color-mix(in srgb,var(--brand-black) 7%,transparent);color:var(--brand-muted);font-family:var(--font-mono);font-size:.71rem;font-weight:650;letter-spacing:-.01em}.tanda-pil{display:inline-flex;align-items:center;gap:4px;max-inline-size:26ch;padding:2px 9px;border-radius:999px;font-size:.71rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tanda-pil svg{flex:0 0 auto}.tanda-pil.pt{background:color-mix(in srgb,var(--brand-indigo) 13%,transparent);color:var(--brand-indigo)}.tanda-pil.brand{background:color-mix(in srgb,var(--brand-red) 11%,transparent);color:var(--brand-red)}.tanda-pil.resep{background:color-mix(in srgb,#1f9d43 13%,transparent);color:#16803a}.tanda-pil.netral{background:color-mix(in srgb,var(--brand-black) 7%,transparent);color:var(--brand-muted)}[data-theme=dark] .tanda-pil.resep{color:#58d67f}@media (max-width: 680px){.produk-kartu .produk-isian{grid-template-columns:minmax(0,1fr)}}.bahan-ikhtisar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-block-end:14px;padding:15px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.bahan-ikhtisar.aman{border-color:color-mix(in srgb,#1f9d43 35%,transparent);background:color-mix(in srgb,#1f9d43 7%,var(--surface))}.bahan-ikhtisar.aman .ikh-ikon{background:color-mix(in srgb,#1f9d43 16%,transparent);color:#16803a}.bahan-ikhtisar.waspada{border-color:color-mix(in srgb,var(--brand-red) 35%,transparent);background:color-mix(in srgb,var(--brand-red) 6%,var(--surface))}.bahan-ikhtisar.waspada .ikh-ikon{background:color-mix(in srgb,var(--brand-red) 14%,transparent);color:var(--brand-red)}.bahan-ikhtisar .ikh-utama{display:flex;align-items:center;gap:13px;min-inline-size:0}.bahan-ikhtisar .ikh-ikon{flex:0 0 auto;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:13px}.bahan-ikhtisar .ikh-teks{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.bahan-ikhtisar .ikh-teks strong{font-size:.94rem;font-weight:800;color:var(--brand-black)}.bahan-ikhtisar .ikh-teks span{font-size:.79rem;line-height:1.45;color:var(--brand-muted)}.bahan-ikhtisar .ikh-angka{display:flex;align-items:stretch;gap:1px;flex:0 0 auto;border-radius:11px;overflow:hidden;background:var(--border)}.bahan-ikhtisar .ikh-sel{display:flex;flex-direction:column;align-items:center;gap:1px;min-inline-size:78px;padding:9px 14px;background:var(--surface)}.bahan-ikhtisar .ikh-sel.baik .ikh-nilai{color:#16803a}.bahan-ikhtisar .ikh-sel.bahaya .ikh-nilai{color:var(--brand-red)}.bahan-ikhtisar .ikh-nilai{font-family:var(--font-mono);font-size:1.25rem;font-weight:800;line-height:1.1;color:var(--brand-black)}.bahan-ikhtisar .ikh-label{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}[data-theme=dark] .bahan-ikhtisar.aman .ikh-ikon,[data-theme=dark] .bahan-ikhtisar .ikh-sel.baik .ikh-nilai{color:#58d67f}.prev-panel{margin-block-start:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.prev-panel:first-of-type{margin-block-start:0}.prev-panel.gabungan{border-color:color-mix(in srgb,var(--brand-indigo) 40%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 8%,transparent)}.prev-panel.gabungan .prev-kepala{background:color-mix(in srgb,var(--brand-indigo) 7%,var(--surface));border-block-end-color:color-mix(in srgb,var(--brand-indigo) 25%,var(--border))}.prev-panel.gabungan .prev-ikon{background:color-mix(in srgb,var(--brand-indigo) 15%,transparent);color:var(--brand-indigo)}.prev-panel .prev-kepala{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--brand-black) 3%,var(--surface));border-block-end:1px solid var(--border)}.prev-panel .prev-ikon{flex:0 0 auto;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px;background:color-mix(in srgb,var(--brand-black) 7%,transparent);color:var(--brand-muted)}.prev-panel .prev-judul{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:3px}.prev-panel .prev-judul strong{font-size:.92rem;font-weight:800;color:var(--brand-black)}.prev-panel .prev-judul span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;color:var(--brand-muted)}.prev-panel .prev-lencana{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px}.prev-panel .tabel-scroll.kotak-data{border:0;border-radius:0;max-block-size:460px;overflow:auto}.tabel-bahan thead th{vertical-align:bottom}.tabel-bahan thead th small{display:block;margin-block-start:2px;font-size:.6rem;font-weight:650;letter-spacing:.03em;text-transform:none;color:var(--brand-muted);opacity:.85}.tabel-bahan .tengah{text-align:center}.tabel-bahan .nama-utama{font-weight:700;color:var(--brand-black)}.tabel-bahan .angka-sorot{color:var(--brand-indigo);font-size:.92rem;font-weight:800}.tabel-bahan .sel-rumus{min-inline-size:210px;font-size:.72rem;color:var(--brand-muted)}.tabel-bahan .rumus-item{display:block;font-family:var(--font-mono);line-height:1.55;white-space:nowrap}.tabel-bahan .rumus-item i{display:block;font-family:var(--font-sans);font-style:normal;font-size:.68rem;font-weight:650;color:var(--brand-black);white-space:normal}.tabel-bahan .rumus-item b{font-weight:800;color:var(--brand-black)}.tabel-bahan .rumus-item+.rumus-item{margin-block-start:5px}.tabel-bahan tbody tr.baris-kurang td{background:color-mix(in srgb,var(--brand-red) 5%,var(--surface))}.tabel-bahan tbody tr.baris-kurang:hover td{background:color-mix(in srgb,var(--brand-red) 9%,var(--surface))}.tabel-bahan tbody tr.baris-kurang td:first-child{box-shadow:inset 3px 0 0 var(--brand-red)}.tanda-status{display:inline-grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%}.tanda-status.cukup{background:color-mix(in srgb,#1f9d43 15%,transparent);color:#16803a}.tanda-status.kurang{background:color-mix(in srgb,var(--brand-red) 14%,transparent);color:var(--brand-red)}[data-theme=dark] .tanda-status.cukup{color:#58d67f}.sisa-cukup{color:#16803a;font-weight:700}.sisa-kurang{color:var(--brand-red);font-weight:700}[data-theme=dark] .sisa-cukup{color:#58d67f}@media (max-width: 560px){.bahan-ikhtisar .ikh-angka{inline-size:100%}.bahan-ikhtisar .ikh-sel{flex:1;min-inline-size:0}}.selesai-panel{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}.selesai-panel .selesai-kiri{display:flex;flex-direction:column;gap:14px}.selesai-panel .selesai-kanan{padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand-gold) 45%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--brand-gold) 9%,var(--surface));font-size:.82rem;line-height:1.6;color:var(--brand-black)}.selesai-panel .selesai-kanan>strong{display:block;margin-block-end:6px}.selesai-panel .selesai-kanan ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}@media (max-width: 760px){.selesai-panel{grid-template-columns:minmax(0,1fr)}}.produksi-terkunci{display:flex;flex-direction:column;align-items:center;gap:8px;padding:46px 24px;text-align:center}.produksi-terkunci .kunci-ikon{display:grid;place-items:center;inline-size:64px;block-size:64px;margin-block-end:6px;border-radius:50%;background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red)}.produksi-terkunci h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--brand-black)}.produksi-terkunci .kunci-label{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted)}.produksi-terkunci .kunci-pesan{margin:0;max-inline-size:46ch;font-size:.88rem;color:var(--brand-black)}.produksi-terkunci .kunci-alasan,.produksi-terkunci .kunci-oleh{margin:0;font-size:.8rem;color:var(--brand-muted)}.produksi-terkunci .kunci-oleh{margin-block-end:10px}.catatan-berat{margin-block-start:4px;padding-block-start:14px;border-block-start:1px solid var(--border)}.catatan-berat .cb-judul{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-block-end:9px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-muted)}.catatan-berat .cb-judul svg{flex:0 0 auto;opacity:.85}.catatan-berat .cb-opsional{padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand-black) 5%,var(--surface));border:1px solid var(--border);font-size:.63rem;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--brand-muted)}.kunci-spanduk{display:flex;align-items:flex-start;gap:14px;margin-block-start:14px;padding:15px 18px;border-radius:var(--erp-r);background:color-mix(in srgb,var(--brand-red) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-red) 22%,transparent);border-inline-start:4px solid var(--brand-red);box-shadow:0 1px 3px #0000000a}.kunci-spanduk .spk-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:42px;block-size:42px;border-radius:12px;background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red)}.kunci-spanduk .spk-isi{display:flex;flex-direction:column;gap:7px;min-inline-size:0;flex:1 1 auto}.kunci-spanduk .spk-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-red)}.kunci-spanduk .spk-pesan{margin:0;font-size:.95rem;font-weight:700;line-height:1.45;color:var(--brand-black);overflow-wrap:anywhere}.kunci-spanduk .spk-pesan-label{font-size:.74rem;font-weight:700;color:var(--brand-muted);white-space:nowrap}.kunci-spanduk .spk-chips{display:flex;flex-wrap:wrap;gap:6px}.kunci-spanduk .spk-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand-red) 18%,transparent);font-size:.72rem;font-weight:700;color:var(--brand-muted);white-space:nowrap}.kunci-spanduk .spk-chip svg{flex:0 0 auto;opacity:.75}.kunci-spanduk .spk-lama{font-weight:800;color:var(--brand-red)}.kunci-spanduk .spk-kaki{margin:1px 0 0;font-size:.79rem;line-height:1.5;color:var(--brand-muted)}.kunci-spanduk .spk-kaki strong{color:var(--brand-black)}.kunci-spanduk .spk-pita{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;align-self:stretch;padding-inline-start:16px;border-inline-start:1px dashed color-mix(in srgb,var(--brand-red) 28%,transparent);color:color-mix(in srgb,var(--brand-red) 82%,transparent);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.35}@media (max-width: 640px){.kunci-spanduk{padding:13px 14px;gap:11px}.kunci-spanduk .spk-pita{display:none}.kunci-spanduk .spk-ikon{inline-size:34px;block-size:34px;border-radius:10px}.kunci-spanduk .spk-ikon svg{inline-size:18px;block-size:18px}.kunci-spanduk .spk-pesan{font-size:.88rem}}.erp-tabel th.ka,.erp-tabel td.ka{text-align:end}.erp-tabel td.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.erp-tabel tbody tr.baris-bahaya td{background:color-mix(in srgb,#ef4444 7%,var(--surface))}.erp-tabel tbody tr.baris-bahaya:hover td{background:color-mix(in srgb,#ef4444 11%,var(--surface))}.erp-tabel .sel-barang{display:flex;flex-direction:column;gap:3px}.erp-tabel .sel-barang strong{font-weight:680;line-height:1.3}.erp-tabel .sel-barang .sel-penanda{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.erp-tabel .sel-barang .sel-pemilik{min-inline-size:0;font-size:.72rem;font-weight:600;line-height:1.35;color:var(--brand-muted);overflow-wrap:anywhere}.erp-tabel .sel-lot{display:flex;flex-direction:column;gap:3px}.kode-kecil{align-self:flex-start;padding:1px 6px;border-radius:5px;background:var(--surface-hover);font-family:var(--font-mono);font-size:.68rem;font-weight:650;color:var(--brand-muted)}.lot-exp{font-size:.68rem;color:var(--brand-muted)}.satuan-kecil{font-size:.7rem;font-weight:500;color:var(--brand-muted)}.teks-redup{color:var(--brand-muted)}.teks-sukses{color:#047857}.teks-bahaya{color:#b91c1c}.teks-menunggu{color:#a37500}.teks-revisi{color:#4338ca}.teks-netral{color:var(--brand-black)}.tabel-diminta tbody tr.baris-sorot td{background:color-mix(in srgb,var(--brand-indigo) 5%,transparent)}.tabel-diminta tbody tr.baris-sorot td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.tabel-diminta tbody tr.baris-sorot:hover td{background:color-mix(in srgb,var(--brand-indigo) 9%,transparent)}.sel-isi-salin{display:flex;align-items:center;gap:6px;min-inline-size:0}.sel-isi-salin .isi{min-inline-size:0;overflow-wrap:anywhere}.btn-salin-mini{flex:0 0 auto;display:inline-grid;place-items:center;inline-size:22px;block-size:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--brand-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.btn-salin-mini:hover{background:var(--surface-hover);color:var(--brand-red)}.tag-minus{display:inline-block;margin-inline-start:6px;padding:1px 6px;border-radius:999px;background:#ef444424;color:#b91c1c;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.tag-kecil{padding:2px 7px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);font-size:.68rem;font-weight:620;line-height:1.4;color:var(--brand-muted)}.tag-batch{display:inline-block;margin-inline-start:6px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo-dark);font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.batch-baris{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--border)}.batch-kolom{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.batch-kolom.batch-kolom-pilih{flex:1 1 260px}.batch-kolom.batch-kolom-qty{flex:0 1 150px}.batch-kolom.batch-kolom-exp{flex:0 1 200px}.batch-kolom input{min-block-size:38px;padding:8px 12px;border-radius:9px;font-size:.85rem}.batch-label{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-muted)}.batch-label svg{opacity:.7}.batch-opsional{padding:1px 6px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);font-size:.6rem;font-weight:620;letter-spacing:.03em;text-transform:none;color:var(--brand-muted)}.batch-wajib{padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-red) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-red) 24%,transparent);font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:none;color:var(--brand-red-dark)}.batch-kosong{margin:0;font-size:.76rem;line-height:1.5;color:var(--brand-muted)}.batch-sisa{margin:0;font-size:.72rem;line-height:1.45;color:var(--brand-muted)}.batch-sisa.kurang{color:#b91c1c;font-weight:650}.erp-tabel .sel-batch{display:flex;flex-direction:column;gap:3px}.erp-tabel .sel-batch .batch-kode code{font-size:.72rem}.erp-tabel .sel-batch .batch-angka{font-size:.82rem;font-weight:700;color:var(--brand-charcoal)}.erp-tabel .sel-batch .batch-sisa-kecil{font-size:.68rem;color:var(--brand-muted)}.teks-potong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}.reject-baris-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr) auto;gap:10px;align-items:end}.reject-baris-detail .rbd-kat,.reject-baris-detail .rbd-ket{min-inline-size:0}.reject-baris-detail .rbd-ket .field-input{inline-size:100%}.reject-baris-detail .rbd-aksi{display:flex;align-items:center;padding-block-end:2px}@media (max-width: 1100px){.reject-baris-detail{grid-template-columns:repeat(3,minmax(0,1fr))}.reject-baris-detail .rbd-ket{grid-column:1/-1}.reject-baris-detail .rbd-aksi{grid-column:1/-1;justify-content:flex-end}}@media (max-width: 640px){.reject-baris-detail{grid-template-columns:1fr}.reject-baris-detail .rbd-aksi{justify-content:stretch}.reject-baris-detail .rbd-aksi .erp-action-btn{inline-size:100%}}.proyeksi-sel{display:inline-grid;gap:1px;padding:6px 11px;border-radius:10px;background:var(--surface-hover);border:1px solid var(--border);border-inline-start:3px solid var(--brand-muted);line-height:1.35;min-inline-size:0;max-inline-size:100%}.proyeksi-sel .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.proyeksi-sel .pr-kini{font-size:.72rem;color:var(--brand-muted);min-inline-size:0}.proyeksi-sel .pr-jadi{display:flex;align-items:flex-start;gap:6px;font-size:.9rem;min-inline-size:0;flex-wrap:wrap}.proyeksi-sel .pr-jadi svg{flex:0 0 auto;opacity:.55;margin-block-start:3px}.proyeksi-sel .pr-jadi strong{font-weight:750;min-inline-size:0}.proyeksi-sel .pr-jadi .tag-minus{margin-inline-start:0}.proyeksi-sel.naik{border-inline-start-color:#047857}.proyeksi-sel.naik .pr-jadi{color:#047857}.proyeksi-sel.turun{border-inline-start-color:var(--brand-muted)}.proyeksi-sel.minus{background:#ef44440f;border-color:#ef444440;border-inline-start-color:#b91c1c}.proyeksi-sel.minus .pr-jadi{color:#b91c1c}.proyeksi-sel.minus .pr-kini{color:color-mix(in srgb,#b91c1c 55%,var(--brand-muted))}.teks-alasan{margin:0;font-size:.86rem;line-height:1.6;color:var(--brand-black)}.teks-alasan+.teks-alasan{margin-block-start:8px}.jml-item{font-size:.72rem;font-weight:600;color:var(--brand-muted)}.sel-potong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.79rem;line-height:1.45}.sel-utuh{display:block;font-size:.79rem;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.sel-kode-tandem{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.timeline .jejak.jejak-otomatis{opacity:.62}.timeline .jejak.jejak-otomatis .jejak-judul{font-weight:600}.confirm-isian{inline-size:100%;margin-block-start:14px;text-align:start}.confirm-isian .field-label{display:block;margin-block-end:6px;font-size:.74rem;font-weight:650;color:var(--brand-muted)}.confirm-isian .field-input{inline-size:100%;padding:10px 13px;border:1.5px solid var(--input-border);border-radius:9px;background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.84rem;line-height:1.5;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.confirm-isian .field-input:hover:not(:focus){border-color:var(--brand-muted)}.confirm-isian .field-input:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-soft)}.kirim-saudara-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:9px}.kirim-saudara-kepala .ks-teks{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.kirim-saudara-kepala .ks-teks strong{font-size:.86rem;font-weight:750;color:var(--brand-black)}.kirim-saudara-kepala .ks-teks span{font-size:.75rem;color:var(--brand-muted);line-height:1.5}.kirim-saudara-kepala .ks-teks b{font-family:var(--font-mono);font-weight:750;color:var(--brand-black)}.kirim-saudara-kepala .ks-teks code{padding:1px 5px;border-radius:4px;background:var(--erp-kepala);border:1px solid var(--erp-garis);font-family:var(--font-mono);font-size:.7rem}.kirim-saudara-rel{position:relative;block-size:6px;border-radius:999px;background:var(--surface-hover);overflow:hidden;margin-block-end:12px}.kirim-saudara-rel span{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:#10b981;transition:inline-size .2s ease}.po-baris.kirim-saudara .ks-urut{display:inline-grid;place-items:center;inline-size:20px;block-size:20px;border-radius:6px;margin-inline-end:7px;background:var(--erp-kepala);border:1px solid var(--erp-garis);font-family:var(--font-mono);font-size:.62rem;font-weight:800;color:var(--brand-muted)}.po-baris.kirim-saudara .ks-tanda{margin-inline-start:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red);font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.po-baris.kirim-saudara.ini-dia{background:color-mix(in srgb,var(--brand-red) 4%,var(--surface));box-shadow:inset 3px 0 0 var(--brand-red)}.po-baris.kirim-saudara.ini-dia .ks-urut{background:color-mix(in srgb,var(--brand-red) 12%,transparent);border-color:color-mix(in srgb,var(--brand-red) 25%,transparent);color:var(--brand-red)}.po-baris.kirim-saudara.ini-dia .po-kode{color:var(--brand-black)}.kirim-lot{display:flex;flex-wrap:wrap;gap:5px;margin-block-start:6px}.kirim-lot-chip{display:inline-flex;align-items:baseline;gap:5px;padding:2px 7px;border-radius:6px;background:var(--erp-kepala);border:1px solid var(--erp-garis);font-size:.66rem;line-height:1.5}.kirim-lot-chip code{font-family:var(--font-mono);font-size:.64rem;color:var(--brand-black)}.kirim-lot-chip b{font-family:var(--font-mono);font-weight:750;color:var(--brand-black)}.kirim-lot-chip i{font-style:normal;color:var(--brand-muted)}.kirim-kartu,.terima-kartu{--nada: #10b981;position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--erp-garis);border-inline-start:3px solid var(--nada);border-radius:var(--erp-r);background:var(--surface);transition:box-shadow .18s ease,opacity .18s ease,border-color .18s ease}.kirim-kartu+.kirim-kartu,.kirim-kartu+.terima-kartu,.terima-kartu+.kirim-kartu,.terima-kartu+.terima-kartu{margin-block-start:12px}.kirim-kartu.kurang,.terima-kartu.kurang{--nada: #f59e0b}.kirim-kartu.kosong,.terima-kartu.kosong{--nada: #ef4444}.kirim-kartu.selesai,.terima-kartu.selesai{--nada: #10b981;opacity:.72}.kirim-kartu.dilewati,.terima-kartu.dilewati{opacity:.62;background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 9px,var(--erp-kepala) 9px,var(--erp-kepala) 18px)}.kirim-kartu:focus-within,.terima-kartu:focus-within{border-color:color-mix(in srgb,var(--brand-red) 45%,var(--erp-garis));box-shadow:0 0 0 3px var(--brand-red-soft)}.terima-kartu.kurang,.terima-kartu.kosong{--nada: #ef4444}.kk-kepala{display:flex;align-items:flex-start;gap:11px}.kk-kepala .kk-urut{flex:0 0 auto;display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:8px;background:color-mix(in srgb,var(--nada) 15%,transparent);color:color-mix(in srgb,var(--nada) 82%,var(--brand-black));font-family:var(--font-mono);font-size:.68rem;font-weight:800}.kk-kepala .kk-judul{flex:1;min-inline-size:0}.kk-kepala .kk-nama{font-size:.88rem;font-weight:700;line-height:1.35;color:var(--brand-black)}.kk-kepala .kk-sub{margin-block-start:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.7rem;color:var(--brand-muted)}.kk-kepala .kk-sub code{padding:1px 6px;border-radius:5px;background:var(--erp-kepala);border:1px solid var(--erp-garis);font-family:var(--font-mono);font-size:.66rem}.kk-kepala .kk-sub .kk-pemilik{font-size:.79rem;font-weight:600;color:color-mix(in srgb,var(--brand-black) 72%,var(--brand-muted))}.kk-kepala .kk-aksi{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:wrap}.kk-lewati{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid color-mix(in srgb,#ef4444 40%,transparent);background:#ef444414;font-family:inherit;font-size:.69rem;font-weight:700;color:#b91c1c;cursor:pointer;white-space:nowrap;transition:all .15s ease}.kk-lewati svg{flex:0 0 auto}.kk-lewati:hover{border-color:color-mix(in srgb,#ef4444 65%,transparent);background:#ef444429;color:#991b1b}.kk-lewati.aktif{border-color:color-mix(in srgb,#10b981 45%,transparent);background:#10b98117;color:#047857}.kk-lewati.aktif:hover{background:#10b98129;color:#047857}.kk-angka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--erp-garis);border:1px solid var(--erp-garis);border-radius:10px}.kk-angka .kk-sel{display:flex;flex-direction:column;gap:3px;padding:9px 11px;background:var(--surface);min-inline-size:0}.kk-angka .kk-kunci{font-size:.615rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kk-angka .kk-nilai{display:flex;align-items:baseline;gap:4px;min-inline-size:0}.kk-angka .kk-nilai b{font-family:var(--font-mono);font-size:.92rem;font-weight:750;color:var(--brand-black);letter-spacing:-.01em}.kk-angka .kk-nilai i{font-style:normal;font-size:.66rem;font-weight:600;color:var(--brand-muted);white-space:nowrap}.kk-angka .kk-sel.tertunda b{color:#b45309}.kk-angka .kk-sel.genting b{color:#b91c1c}.kk-angka .kk-sel.aman b{color:#047857}.kk-nota{display:flex;align-items:flex-start;gap:7px;margin:0;padding:8px 10px;border-radius:9px;background:var(--erp-kepala);border-inline-start:2px solid color-mix(in srgb,var(--brand-muted) 35%,transparent);font-size:.7rem;line-height:1.5;color:var(--brand-muted)}.kk-nota svg{flex:0 0 auto;margin-block-start:1px}.kk-nota strong{color:var(--brand-black);font-weight:700}.kk-nota.genting{background:#ef44440f;border-inline-start-color:#ef4444;color:#b91c1c}.kk-nota.genting strong{color:#991b1b}.kk-meter{display:flex;flex-direction:column;gap:5px}.kk-meter .kk-rel{position:relative;block-size:6px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.kk-meter .kk-sudah,.kk-meter .kk-akan{position:absolute;inset-block:0;border-radius:999px;transition:inline-size .2s ease,inset-inline-start .2s ease}.kk-meter .kk-sudah{inset-inline-start:0;background:#10b981}.kk-meter .kk-akan{background:repeating-linear-gradient(45deg,var(--brand-red),var(--brand-red) 4px,color-mix(in srgb,var(--brand-red) 55%,var(--surface)) 4px,color-mix(in srgb,var(--brand-red) 55%,var(--surface)) 8px)}.kk-meter .kk-legenda{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.67rem;color:var(--brand-muted)}.kk-meter .kk-legenda span{display:inline-flex;align-items:center;gap:5px}.kk-meter .kk-legenda em{font-style:normal;font-weight:700;color:var(--brand-black)}.kk-meter .kk-legenda .kk-titik{inline-size:7px;block-size:7px;border-radius:2px;flex:0 0 auto}.kk-meter .kk-legenda .kk-titik.sudah{background:#10b981}.kk-meter .kk-legenda .kk-titik.akan{background:var(--brand-red)}.kk-cepat{display:inline-flex;gap:4px}.kk-cepat button{padding:3px 8px;border-radius:6px;border:1px solid var(--erp-garis);background:var(--surface);font-family:inherit;font-size:.645rem;font-weight:750;color:var(--brand-muted);cursor:pointer;transition:all .15s ease}.kk-cepat button:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red)}.kk-cepat button:disabled{opacity:.4;cursor:not-allowed}.kk-batch{padding:11px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--brand-muted) 32%,transparent);background:var(--erp-kepala)}.kk-batch .kk-batch-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-block-end:9px}.kk-batch .kk-batch-kepala strong{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:750;color:var(--brand-black)}.kk-batch .kk-batch-kepala strong svg{color:var(--brand-muted)}.kk-batch .kk-batch-kepala small{font-size:.66rem;color:var(--brand-muted)}.kk-batch input[type=number]{inline-size:108px;padding:5px 9px;text-align:end;border:1px solid var(--erp-garis);border-radius:7px;background:var(--surface);color:var(--brand-black);font-family:var(--font-mono);font-size:.78rem;font-weight:650}.kk-batch input[type=number]:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-soft)}.kk-batch .kk-batch-kaki{display:flex;align-items:center;gap:7px;margin-block-start:8px;font-size:.71rem;line-height:1.45}.kk-batch .kk-batch-kaki svg{flex:0 0 auto}.kk-batch .kk-batch-kaki.pas{color:#047857;font-weight:650}.kk-batch .kk-batch-kaki.kurang{color:var(--brand-muted)}.kk-batch .kk-batch-kaki.lebih{color:#dc2626;font-weight:700}.kk-kaki{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-start:14px;padding-block-start:14px;border-block-start:1px solid var(--erp-garis)}.kk-kaki .kk-ringkas{display:flex;flex-direction:column;gap:2px;font-size:.74rem;color:var(--brand-muted)}.kk-kaki .kk-ringkas strong{font-size:.86rem;font-weight:750;color:var(--brand-black)}.kk-kaki .kk-ringkas.hampa strong{color:var(--brand-muted);font-weight:650}.kk-kaki .kk-tombol{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 720px){.kk-angka{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-kepala{flex-wrap:wrap}.kk-kepala .kk-aksi{inline-size:100%;justify-content:flex-start}.kk-kaki{flex-direction:column;align-items:stretch}.kk-kaki .kk-tombol{justify-content:flex-end}}.batch-cakupan{margin-block:14px;padding:16px 18px;border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #00000008}.batch-cakupan .bc-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:10px}.batch-cakupan .bc-judul{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.batch-cakupan .bc-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.batch-cakupan .bc-lingkup{font-size:.71rem;font-weight:600;color:var(--brand-indigo)}.batch-cakupan .bc-persen{display:flex;align-items:baseline;gap:7px;flex:0 0 auto}.batch-cakupan .bc-persen strong{font-size:1.35rem;font-weight:750;line-height:1;color:var(--brand-black);font-variant-numeric:tabular-nums}.batch-cakupan .bc-persen span{font-size:.71rem;color:var(--brand-muted)}.batch-cakupan .bc-rel{position:relative;block-size:8px;border-radius:999px;background:color-mix(in srgb,var(--brand-red) 12%,var(--surface-hover));overflow:hidden}.batch-cakupan .bc-isi{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:linear-gradient(90deg,#10b981,#34d399);transition:inline-size .35s cubic-bezier(.16,1,.3,1)}.batch-cakupan .bc-legenda{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block-start:9px;font-size:.71rem;color:var(--brand-muted)}.batch-cakupan .bc-legenda span{display:inline-flex;align-items:center;gap:6px}.batch-cakupan .bc-legenda em{font-style:normal;font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.batch-cakupan .bc-titik{inline-size:8px;block-size:8px;border-radius:2px;flex:0 0 auto}.batch-cakupan .bc-titik.terlacak{background:#10b981}.batch-cakupan .bc-titik.tanpa{background:color-mix(in srgb,var(--brand-red) 45%,var(--surface))}.batch-cakupan .bc-catatan{margin:10px 0 0;padding-block-start:10px;border-block-start:1px solid var(--erp-garis);font-size:.74rem;line-height:1.55;color:var(--brand-muted)}.batch-cakupan .bc-catatan strong{color:var(--brand-black);font-weight:700}.batch-qty{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.batch-qty strong{font-size:.84rem;font-weight:750}.batch-qty small{font-size:.67rem}.batch-asal{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:.78rem}.batch-asal small{font-size:.67rem}.batch-lencana-asal{display:inline-flex;align-items:center;gap:4px;max-inline-size:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 10%,var(--surface));color:var(--brand-indigo);border:1px solid color-mix(in srgb,var(--brand-indigo) 22%,transparent);font-size:.63rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-lencana-asal svg{flex:0 0 auto}.batch-exp{display:flex;flex-direction:column;gap:5px}.batch-exp .be-baris{display:flex;flex-direction:column;gap:1px;font-size:.78rem}.batch-exp .be-baris small{font-size:.67rem;font-weight:600}.batch-exp .be-rel{position:relative;block-size:5px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.batch-exp .be-isi{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;transition:inline-size .3s ease}.batch-exp .be-isi.nada-bahaya{background:#ef4444}.batch-exp .be-isi.nada-menunggu{background:#f59e0b}.batch-exp .be-isi.nada-revisi{background:var(--brand-indigo)}.batch-exp .be-isi.nada-sukses{background:#10b981}.batch-exp .be-isi.nada-netral{background:var(--brand-muted)}.batch-rinci{padding:14px 16px;background:var(--erp-zebra);border-block-start:1px solid var(--erp-garis)}.batch-rinci .br-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.batch-rinci .br-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--erp-r-dalam);background:var(--surface);border:1px solid var(--erp-garis);min-inline-size:0}.batch-rinci .br-label{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.batch-rinci .br-nilai{font-size:.84rem;font-weight:700;color:var(--brand-black);word-break:break-word}.batch-rinci .br-nilai small{font-weight:500;color:var(--brand-muted)}.batch-rinci .br-ket{font-size:.69rem;line-height:1.45;color:var(--brand-muted)}.batch-rinci .br-ket.kurang{color:#b45309;font-weight:650}.batch-rinci .br-catatan{margin:12px 0 0;font-size:.74rem;line-height:1.55;color:var(--brand-muted)}.batch-rinci .br-catatan strong{color:var(--brand-black);font-weight:700}.batch-rinci .br-hampa{margin:0;font-size:.78rem;line-height:1.55;color:var(--brand-muted)}.batch-rinci .br-hampa code{font-size:.72rem}.batch-sebaran{margin-block:14px;padding:16px 18px;border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #00000008}.batch-sebaran .bs-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:12px}.batch-sebaran .bs-judul{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.batch-sebaran .bs-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.batch-sebaran .bs-ket{font-size:.72rem;line-height:1.45;color:var(--brand-muted)}.batch-sebaran .bs-cacah{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:var(--surface-hover);font-size:.7rem;font-weight:700;color:var(--brand-muted)}.batch-sebaran .bs-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.batch-sebaran .bs-baris{inline-size:100%;display:grid;align-items:center;gap:12px;grid-template-columns:minmax(120px,190px) 1fr minmax(96px,auto);padding:7px 10px;border-radius:var(--erp-r-dalam);background:transparent;border:1px solid transparent;text-align:start;cursor:pointer;transition:background .15s ease,border-color .15s ease}.batch-sebaran .bs-baris:hover{background:var(--surface-hover);border-color:var(--erp-garis)}.batch-sebaran .bs-baris.perlu{border-inline-start:3px solid #ef4444;padding-inline-start:8px}.batch-sebaran .bs-nama{display:flex;align-items:center;gap:6px;min-inline-size:0;font-size:.78rem;font-weight:650;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-sebaran .bs-transit{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 10%,var(--surface));color:var(--brand-indigo);border:1px solid color-mix(in srgb,var(--brand-indigo) 22%,transparent);font-size:.6rem;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.batch-sebaran .bs-rel{min-inline-size:0}.batch-sebaran .bs-batang{display:flex;block-size:9px;border-radius:999px;overflow:hidden;background:var(--surface-hover);min-inline-size:3px;transition:inline-size .35s cubic-bezier(.16,1,.3,1)}.batch-sebaran .bs-seg{display:block;block-size:100%}.batch-sebaran .bs-seg.nada-bahaya{background:#ef4444}.batch-sebaran .bs-seg.nada-menunggu{background:#f59e0b}.batch-sebaran .bs-seg.nada-revisi{background:var(--brand-indigo)}.batch-sebaran .bs-seg.nada-sukses{background:#10b981}.batch-sebaran .bs-angka{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:end}.batch-sebaran .bs-angka strong{font-size:.86rem;font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.batch-sebaran .bs-angka small{font-size:.65rem;color:var(--brand-muted)}.batch-sebaran .bs-lebih{margin-block-start:10px;background:none;border:none;padding:0;font-size:.72rem;font-weight:700;color:var(--brand-indigo);cursor:pointer}.batch-sebaran .bs-lebih:hover{text-decoration:underline}@media (max-width: 720px){.batch-cakupan{padding:14px}.batch-cakupan .bc-kepala{flex-direction:column;align-items:flex-start;gap:8px}.batch-cakupan .bc-legenda{gap:10px;font-size:.68rem}.batch-rinci{padding:12px}.batch-rinci .br-grid{grid-template-columns:1fr}.batch-sebaran{padding:14px}.batch-sebaran .bs-baris{grid-template-columns:1fr auto;gap:6px 10px}.batch-sebaran .bs-rel{grid-column:1/-1}}.lp-panel{margin-block-end:14px;padding:16px 18px;border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #00000008}.lp-panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:14px}.lp-panel-kepala h2{margin:0;font-size:.72rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.lp-lingkup-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 9%,var(--surface));color:var(--brand-indigo);border:1px solid color-mix(in srgb,var(--brand-indigo) 20%,transparent);font-size:.68rem;font-weight:700}.lp-lingkup-chip svg{flex:0 0 auto}.lp-lingkup-chip em{font-style:normal;font-weight:750}.lp-ubin-baris{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.lp-ubin{--lp-nada: var(--brand-muted);position:relative;display:flex;flex-direction:column;gap:9px;padding:13px 14px 14px;border-radius:var(--erp-r-dalam);background:var(--surface);border:1px solid var(--erp-garis);font:inherit;text-align:start;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.lp-ubin:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--lp-nada) 45%,var(--erp-garis));box-shadow:0 4px 14px #0000000f}.lp-ubin:focus-visible{outline:2px solid var(--lp-nada);outline-offset:2px}.lp-ubin.aktif{border-color:var(--lp-nada);box-shadow:0 0 0 2px color-mix(in srgb,var(--lp-nada) 28%,transparent)}.lp-ubin.hampa .lp-ubin-angka{color:var(--brand-muted)}.lp-ubin.hampa .lp-ubin-ikon{opacity:.55}.lp-ubin.nada-bahaya{--lp-nada: #ef4444}.lp-ubin.nada-menunggu{--lp-nada: #f59e0b}.lp-ubin.nada-revisi{--lp-nada: var(--brand-indigo)}.lp-ubin.nada-sukses{--lp-nada: #10b981}.lp-ubin.nada-netral{--lp-nada: var(--brand-muted)}.lp-ubin-atas{display:flex;align-items:center;gap:9px;min-inline-size:0}.lp-ubin-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:30px;block-size:30px;border-radius:8px;background:color-mix(in srgb,var(--lp-nada) 11%,var(--surface));color:var(--lp-nada);border:1px solid color-mix(in srgb,var(--lp-nada) 22%,transparent)}.lp-ubin-ikon svg{inline-size:15px;block-size:15px}.lp-ubin-label{min-inline-size:0;font-size:.69rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-muted);line-height:1.25;overflow-wrap:break-word}.lp-ubin-angka{font-size:1.85rem;font-weight:750;line-height:1;color:var(--brand-black)}.lp-ubin-meter{block-size:5px;border-radius:999px;background:color-mix(in srgb,var(--lp-nada) 14%,transparent);overflow:hidden}.lp-ubin-meter div{block-size:100%;border-radius:999px;background:var(--lp-nada);transition:inline-size .4s cubic-bezier(.16,1,.3,1)}.lp-ubin-kaki{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.68rem;color:var(--brand-muted);line-height:1.35}.lp-ubin-kaki>span{flex:1 1 auto;min-inline-size:0}.lp-ubin-kaki>b{flex:0 0 auto;font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.lp-ubin-aktif{position:absolute;inset-block-start:10px;inset-inline-end:11px;padding:2px 8px;border-radius:999px;background:var(--lp-nada);color:#fff;font-size:.58rem;font-weight:750;letter-spacing:.03em}.lp-panel-kaki{margin:12px 0 0;padding-block-start:11px;border-block-start:1px solid var(--erp-garis);font-size:.72rem;line-height:1.55;color:var(--brand-muted)}.lp-panel-kaki strong{color:var(--brand-black);font-weight:700}.lp-perkakas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:12px}.lp-luar{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,#f59e0b 9%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 26%,transparent);font-size:.73rem;color:var(--brand-black)}.lp-luar svg{flex:0 0 auto;color:#a37500}.lp-luar strong{font-weight:750}.lp-luar button{padding:0;border:0;background:none;font:inherit;font-weight:750;color:#a37500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.lp-luar button:hover{opacity:.72}.lp-periode-mati{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-indigo) 24%,transparent);font-size:.73rem;color:var(--brand-black)}.lp-periode-mati svg{flex:0 0 auto;color:var(--brand-indigo)}.lp-periode-mati strong{font-weight:750}.lp-periode-mati button{padding:0;border:0;background:none;font:inherit;font-weight:750;color:var(--brand-indigo);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.lp-periode-mati button:hover{opacity:.72}@media (max-width: 720px){.lp-panel{padding:14px}.lp-ubin-baris{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lp-ubin-angka{font-size:1.5rem}.lp-perkakas{align-items:stretch}.lp-perkakas>*{inline-size:100%}}.lp-sisa{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.lp-sisa strong{font-size:.84rem;font-weight:750}.lp-sisa small{font-size:.66rem}.lp-exp{display:flex;flex-direction:column;gap:1px;font-size:.78rem}.lp-exp small{font-size:.67rem;font-weight:600}.lp-tgl-sel{display:flex;flex-direction:column;gap:1px}.lp-tgl-sel small{font-size:.68rem}.lp-cabang{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lp-cabang-kartu{display:flex;flex-direction:column;gap:5px;padding:11px 13px;border-radius:var(--erp-r-dalam);background:var(--surface);border:1px solid var(--erp-garis);min-inline-size:0}.lp-cabang-kartu.berisi{border-inline-start:3px solid #10b981;background:color-mix(in srgb,#10b981 3%,var(--surface))}.lp-cabang-atas{display:flex;align-items:center;gap:6px;justify-content:space-between;min-inline-size:0}.lp-cabang-nama{font-size:.75rem;font-weight:700;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-cabang-asal{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 12%,var(--surface));color:var(--brand-indigo);font-size:.58rem;font-weight:750;white-space:nowrap}.lp-cabang-qty{font-size:.95rem;font-weight:750}.lp-cabang-qty small{font-size:.66rem;font-weight:500;color:var(--brand-muted)}.lp-cabang-bar{block-size:4px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.lp-cabang-bar div{block-size:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#34d399);transition:inline-size .3s ease}.erp-progres{margin-block-end:14px}.erp-progres-rel{display:flex;block-size:10px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.erp-progres-terima{background:linear-gradient(90deg,#10b981,#34d399);transition:inline-size .35s ease}.erp-progres-jalan{background:repeating-linear-gradient(45deg,#f59e0b,#f59e0b 4px,color-mix(in srgb,#f59e0b 55%,var(--surface)) 4px,color-mix(in srgb,#f59e0b 55%,var(--surface)) 8px);transition:inline-size .35s ease}.erp-progres-legenda{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block-start:8px;font-size:.71rem;color:var(--brand-muted)}.erp-progres-legenda span{display:inline-flex;align-items:center;gap:6px}.erp-progres-legenda em{font-style:normal;font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.erp-progres-titik{inline-size:8px;block-size:8px;border-radius:2px;flex:0 0 auto}.erp-progres-titik.terima{background:#10b981}.erp-progres-titik.jalan{background:#f59e0b}.erp-progres-titik.sisa{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--erp-garis-tebal)}.lp-neraca .lp-tanda{display:inline-block;margin-inline-end:3px;font-weight:750;color:var(--brand-muted)}.lp-neraca .lp-nol td{opacity:.5}.lp-neraca tfoot .lp-menutup td{background:color-mix(in srgb,#10b981 7%,transparent);color:#047857}.lp-neraca tfoot .lp-timpang td{background:color-mix(in srgb,#f59e0b 10%,transparent);color:#a37500}.lp-catatan{margin:12px 0 0;padding-block-start:10px;border-block-start:1px solid var(--erp-garis);font-size:.73rem;line-height:1.55;color:var(--brand-muted)}.lp-catatan strong{color:var(--brand-black);font-weight:700}.lp-timeline{padding-block:4px}.lp-tgl-pisah{position:relative;margin-block:12px 4px}.lp-tgl-pisah span{display:inline-block;position:relative;inset-inline-start:-34px;padding:3px 11px;border-radius:999px;background:var(--brand-black);color:var(--surface);font-size:.66rem;font-weight:750;letter-spacing:.03em}.lp-jejak.lp-mendahului{padding-inline-start:10px;border-inline-start:2px dashed color-mix(in srgb,#f59e0b 60%,transparent);margin-inline-start:-12px}.lp-qty{font-size:.84rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.lp-qty small{font-size:.68rem;font-weight:500;color:var(--brand-muted)}.lp-alur{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-inline-size:0}.lp-alur svg{flex:0 0 auto;color:var(--brand-muted)}.lp-cab{padding:2px 8px;border-radius:999px;background:var(--surface-hover);font-size:.68rem;font-weight:650;color:var(--brand-black);white-space:nowrap}.lp-cab.tujuan{background:color-mix(in srgb,var(--brand-indigo) 11%,var(--surface));color:var(--brand-indigo)}.lp-tag-anomali{padding:2px 8px;border-radius:999px;background:#f59e0b24;color:#a37500;font-size:.61rem;font-weight:750;white-space:nowrap;cursor:help}.lp-user{margin-inline-start:8px;font-size:.7rem;color:var(--brand-muted)}.lp-timeline-ujung{position:relative;margin-block-start:10px}.lp-timeline-ujung span{display:inline-block;position:relative;inset-inline-start:-34px;padding:3px 11px;border-radius:999px;background:var(--surface-hover);color:var(--brand-muted);font-size:.64rem;font-weight:700}@media (max-width: 720px){.lp-cabang{grid-template-columns:1fr}.lp-timeline .jejak-judul{flex-direction:column;align-items:flex-start;gap:5px}.erp-progres-legenda{gap:10px;font-size:.68rem}}.kartu-embed-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:12px;padding-block-end:10px;border-block-end:1px solid var(--erp-garis);font-size:.78rem;color:var(--brand-muted)}.kartu-embed-kepala strong{color:var(--brand-black);font-weight:700}.dks-filter{display:flex;flex-direction:column;gap:14px}.dks-baris-saring{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.dks-baris-jalan{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.dks-baris-jalan>*:first-child{flex:1 1 320px;min-inline-size:0}.dks-baris-jalan>button{flex:0 0 auto}@media (max-width: 900px){.dks-baris-saring{grid-template-columns:minmax(0,1fr)}}.dks-alat{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block-end:12px}.dks-alat .dks-cari{flex:1 1 260px;min-width:220px;padding:8px 12px;border:1px solid var(--erp-garis);border-radius:8px;background:var(--surface);color:var(--brand-black);font-size:.82rem}.dks-alat .dks-cari:focus{outline:2px solid var(--brand-red);outline-offset:-1px}.dks-togel{display:flex;gap:8px;align-items:flex-start;padding:7px 12px;border:1px solid var(--erp-garis);border-radius:8px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none}.dks-togel input{margin-block-start:2px;cursor:pointer}.dks-togel span{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;color:var(--brand-black);line-height:1.3}.dks-togel em{font-style:normal;font-size:.68rem;font-weight:400;color:var(--brand-muted)}.dks-togel:has(input:disabled){opacity:.55;cursor:not-allowed}.dks-togel:has(input:checked){border-color:var(--brand-red)}.dks-togel-awas{border-color:#dc35458c}.dks-selisih-sel{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}.dks-selisih-info{display:inline-flex;align-items:center;justify-content:center;inline-size:19px;block-size:19px;padding:0;flex:0 0 auto;border:1px solid rgba(220,53,69,.35);border-radius:50%;background:#dc354514;color:var(--brand-red);cursor:pointer;transition:background .15s ease,border-color .15s ease}.dks-selisih-info:hover,.dks-selisih-info:focus-visible{background:#dc35452e;border-color:#dc354599}.sel-rinci{display:flex;flex-direction:column;gap:14px}.sel-rinci .sel-rinci-periode{margin:0;font-size:.78rem;color:var(--brand-muted)}.sel-rinci .sel-rinci-judul{margin:4px 0 0;font-size:.8rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-black)}.sel-rinci .sel-rinci-kaki{margin:4px 0 0;padding-block-start:12px;border-block-start:1px solid var(--erp-garis);font-size:.76rem;line-height:1.6;color:var(--brand-muted)}.sel-rinci-tabel{inline-size:100%;border-collapse:collapse;font-size:.82rem}.sel-rinci-tabel td,.sel-rinci-tabel th{padding:6px 10px;border-block-end:1px solid var(--erp-garis)}.sel-rinci-tabel th{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--brand-muted);text-align:start}.sel-rinci-tabel .ka{text-align:end}.sel-rinci-tabel .mono{font-variant-numeric:tabular-nums}.sel-rinci-tabel .op{display:inline-block;inline-size:12px;color:var(--brand-muted);font-weight:700}.sel-rinci-tabel .nol{color:var(--brand-muted);opacity:.5}.sel-rinci-tabel .redup td{color:var(--brand-muted)}.sel-rinci-tabel .awal td{font-weight:700}.sel-rinci-tabel .jumlah td{background:var(--surface-2, rgba(0, 0, 0, .02));font-weight:650}.sel-rinci-tabel .jumlah em{font-style:normal;font-weight:400;font-size:.72rem;color:var(--brand-muted)}.sel-rinci-tabel .hasil td{background:#dc354512;font-weight:800;border-block-end:none}.sel-rinci-tabel .hasil em{font-style:normal;font-weight:400;font-size:.72rem;color:var(--brand-muted)}.sel-rinci-tabel.rapat{margin-block-start:10px;font-size:.76rem}.sel-rinci-tabel.rapat td,.sel-rinci-tabel.rapat th{padding:4px 8px}.sel-sebab{padding:12px 14px;border:1px solid var(--erp-garis);border-inline-start:3px solid var(--brand-red);border-radius:10px;background:var(--surface)}.sel-sebab .sel-sebab-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.sel-sebab .sel-sebab-kepala strong{display:block;font-size:.86rem;font-weight:750;color:var(--brand-black)}.sel-sebab .sel-sebab-kepala code{font-size:.7rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.sel-sebab .sel-sebab-nilai{font-size:1.1rem;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}.sel-sebab .sel-sebab-arti{margin:8px 0 0;font-size:.78rem;line-height:1.6;color:var(--brand-muted)}.sel-sebab .sel-sebab-arti.asing{color:var(--brand-black)}.sel-sebab .sel-sebab-ket{font-size:.72rem;color:var(--brand-muted);overflow-wrap:anywhere}.sel-sebab .sel-sebab-kaki{margin:8px 0 0;font-size:.72rem;color:var(--brand-muted)}.dks-legenda{margin-block-start:14px;padding:12px 14px;border:1px solid var(--erp-garis);border-radius:10px;background:var(--surface-2, rgba(0, 0, 0, .02))}.dks-legenda h4{margin:0 0 8px;font-size:.78rem;font-weight:700;color:var(--brand-black)}.dks-legenda ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none}.dks-legenda li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:.72rem;line-height:1.45}.dks-legenda strong{font-weight:700;color:var(--brand-black);font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,monospace}.dks-legenda em{font-style:normal;font-weight:600;color:var(--brand-black)}.dks-legenda span{flex:1 1 100%;color:var(--brand-muted)}.dks-scroll{overflow:auto;max-block-size:68vh;border:1px solid var(--erp-garis);border-radius:10px;background:var(--surface)}.dks-tabel{border-collapse:separate;border-spacing:0;font-size:.74rem;white-space:nowrap}.dks-tabel th,.dks-tabel td{border-block-end:1px solid var(--erp-garis);border-inline-end:1px solid var(--erp-garis);padding:5px 8px;background:var(--surface)}.dks-tabel th{position:sticky;inset-block-start:0;z-index:3;background:var(--erp-kepala);font-weight:700;text-align:center;color:var(--brand-black)}.dks-tabel thead tr:nth-child(2) th{inset-block-start:30px;z-index:3}.dks-tabel td{color:var(--brand-black)}.dks-tabel .ka{text-align:end}.dks-tabel .mono{font-variant-numeric:tabular-nums}.dks-tabel .dks-beku{position:sticky;z-index:2;background:var(--surface)}.dks-tabel thead .dks-beku{z-index:4;background:var(--erp-kepala)}.dks-tabel .dks-beku-1{inset-inline-start:0;min-inline-size:96px}.dks-tabel .dks-beku-2{inset-inline-start:96px;min-inline-size:190px;max-inline-size:190px}.dks-tabel.beku-3 .dks-beku-3{inset-inline-start:286px;min-inline-size:68px}.dks-tabel.beku-4 .dks-beku-3{inset-inline-start:286px;min-inline-size:150px;max-inline-size:150px}.dks-tabel.beku-4 .dks-beku-4{inset-inline-start:436px;min-inline-size:68px}.dks-tabel .dks-beku-akhir{border-inline-end:2px solid var(--brand-red)}.dks-tabel .dks-hari{background:var(--erp-kepala);border-inline-start:2px solid var(--erp-garis);font-size:.72rem;letter-spacing:.02em}.dks-tabel .dks-sub{font-weight:600;font-size:.68rem;min-inline-size:74px}.dks-tabel .dks-sub-akhir{border-inline-end:2px solid var(--erp-garis)}.dks-tabel .dks-sub-ket{display:block;max-inline-size:92px;margin-inline:auto;margin-block-start:2px;font-size:.58rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:0;white-space:normal;color:var(--brand-muted)}.dks-tabel .dks-turunan{font-weight:600}.dks-tabel .dks-total-head,.dks-tabel .dks-total-sub{background:#d4af372e;border-inline-start:2px solid rgba(212,175,55,.5)}.dks-tabel thead .dks-total-head,.dks-tabel thead .dks-total-sub{background:color-mix(in srgb,var(--surface),rgb(212,175,55) 18%)}.dks-tabel .dks-total-sel{background:#d4af3714;font-weight:600}.dks-tabel .dks-selisih-head{background:color-mix(in srgb,var(--surface),rgb(220,53,69) 14%)}.dks-tabel .dks-saldo{background:#00000006}.dks-tabel .dks-nol{color:var(--brand-muted);opacity:.4}.dks-tabel .dks-grup td{position:sticky;inset-inline-start:0;background:var(--erp-kepala);font-weight:700;font-size:.78rem;text-align:start}.dks-tabel .dks-baris-awas td{background:#dc35450f}.dks-tabel .dks-baris-awas .dks-beku{background:color-mix(in srgb,#dc3545 10%,var(--surface))}[data-theme=dark] .dks-tabel .dks-saldo{background:#ffffff0b}[data-theme=dark] .dks-tabel .dks-baris-awas td{background:#dc354524}[data-theme=dark] .dks-tabel .dks-baris-awas .dks-beku{background:color-mix(in srgb,#dc3545 20%,var(--surface))}[data-theme=dark] .dks-tabel .dks-total-sel{background:#d4af371f}.kop-cetak{background:var(--surface);border:1px solid var(--erp-garis);border-radius:10px;padding:16px 18px;margin-block-end:16px}.kop-judul-pita{background:#d4af37d9;color:#1a1a1a;font-weight:800;text-align:center;letter-spacing:.04em;padding:6px 0;border-radius:6px;margin-block-end:14px;font-size:.85rem}.kop-grid{display:flex;flex-wrap:wrap;gap:20px}.kop-kolom{display:flex;flex-direction:column;gap:8px;min-inline-size:220px;flex:1 1 220px}.kop-baris{display:flex;align-items:baseline;gap:8px;font-size:.82rem}.kop-label{flex:0 0 110px;font-weight:600;color:var(--brand-muted)}.kop-nilai{flex:1}.kop-otomatis{font-weight:600}.kop-input{flex:1;min-inline-size:0;border:0;border-block-end:1px solid var(--erp-garis);background:transparent;padding:2px 4px;font:inherit;color:var(--brand-black)}.kop-input:focus{outline:none;border-color:var(--brand-red)}.kop-sku-group{display:flex;flex-wrap:wrap;gap:10px;flex:2 1 480px}.kop-sku-box{flex:1 1 150px;border:1px solid var(--erp-garis);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.kop-sku-field{display:flex;flex-direction:column;gap:1px;font-size:.7rem}.kop-sku-field>span:first-child{color:var(--brand-muted);font-weight:600}.kop-sku-field .kop-input{font-size:.72rem;padding:1px 2px}.kop-footer{margin-block-start:16px}.kop-tanda-tangan{display:flex;gap:60px;flex-wrap:wrap;margin-block-end:16px}.ttd-blok{display:flex;flex-direction:column;align-items:center;gap:4px;min-inline-size:160px}.ttd-label-atas{font-size:.78rem;font-weight:600}.ttd-garis{inline-size:160px;block-size:46px;border-block-end:1px solid var(--brand-black)}.ttd-label-bawah{font-size:.76rem;font-weight:700;text-transform:uppercase}.dks-keterangan-input{inline-size:100%;min-inline-size:90px;border:0;border-block-end:1px dashed var(--erp-garis);background:transparent;font:inherit;font-size:.72rem;padding:2px;color:var(--brand-black)}.dks-keterangan-input:focus{outline:none;border-color:var(--brand-red)}@media print{.kop-judul-pita{background:#f5c518!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kop-cetak{border-color:#000}.kop-input,.dks-keterangan-input{border-block-end-color:#000!important;color:#000!important}.ttd-garis{border-block-end-color:#000!important}.dks-scroll{max-block-size:none!important;overflow:visible!important;border:0!important}.dks-tabel th{position:static!important}.dks-tabel tr{break-inside:avoid}}.erp-capai{display:flex;flex-direction:column;gap:4px;min-inline-size:88px}.erp-capai .erp-capai-angka{font-size:.76rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--brand-black)}.erp-capai .erp-capai-rel{display:block;block-size:5px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.erp-capai .erp-capai-isi{display:block;block-size:100%;border-radius:999px;transition:inline-size .3s ease}.erp-capai .erp-capai-isi.nada-sukses{background:#10b981}.erp-capai .erp-capai-isi.nada-menunggu{background:#f59e0b}.erp-capai .erp-capai-isi.nada-bahaya{background:#ef4444}.erp-capai .erp-capai-isi.nada-revisi{background:var(--brand-indigo)}.erp-capai .erp-capai-isi.nada-netral{background:var(--brand-muted)}.th-rantai,.th-rantai .th-nama{display:block}.th-rantai .th-peran{display:block;margin-block-start:3px;font-size:.62rem;font-weight:600;line-height:1.25;letter-spacing:.01em;text-transform:none;white-space:normal;opacity:.72}.dt-table thead th .th-rantai .th-peran{opacity:.6}.panduan-angka{margin-block-end:14px;border:1px solid color-mix(in srgb,var(--brand-indigo) 22%,transparent);border-radius:var(--erp-r-dalam);background:color-mix(in srgb,var(--brand-indigo) 4%,var(--surface));overflow:hidden}.panduan-angka>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:.81rem;line-height:1.5;color:var(--brand-black);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.panduan-angka>summary::-webkit-details-marker{display:none}.panduan-angka>summary:hover{background:color-mix(in srgb,var(--brand-indigo) 7%,transparent)}.panduan-angka>summary>span{flex:1;min-inline-size:0}.panduan-angka>summary:after{content:"";flex:0 0 auto;inline-size:8px;block-size:8px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;opacity:.5;transform:rotate(45deg);transition:transform .2s ease}.panduan-angka[open]>summary{border-block-end:1px solid color-mix(in srgb,var(--brand-indigo) 16%,transparent)}.panduan-angka[open]>summary:after{transform:rotate(-135deg)}.panduan-angka svg{flex:0 0 auto;color:var(--brand-indigo)}.panduan-angka .pa-badan{padding:14px}.panduan-angka .pa-pembuka{margin:0 0 12px;font-size:.8rem;line-height:1.6;color:var(--brand-muted)}.panduan-angka .pa-rantai{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.panduan-angka .pa-langkah{position:relative;display:flex;gap:12px;padding-block-end:12px}.panduan-angka .pa-langkah:last-child{padding-block-end:0}.panduan-angka .pa-langkah:not(:last-child):before{content:"";position:absolute;inset-block:26px 0;inset-inline-start:11px;inline-size:2px;background:color-mix(in srgb,var(--brand-indigo) 20%,transparent)}.panduan-angka .pa-nomor{flex:0 0 auto;inline-size:24px;block-size:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-indigo);color:#fff;font-size:.7rem;font-weight:750;z-index:1}.panduan-angka .pa-isi{min-inline-size:0}.panduan-angka .pa-judul{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:3px 0;font-size:.84rem;color:var(--brand-black)}.panduan-angka .pa-meja{font-size:.68rem;font-weight:650;color:var(--brand-muted)}.panduan-angka .pa-teks{margin:0 0 5px;font-size:.79rem;line-height:1.6;color:var(--brand-black)}.panduan-angka .pa-sumber,.panduan-angka .pa-teks code{display:inline-block;padding:1px 6px;border-radius:5px;background:var(--surface-hover);border:1px solid var(--erp-garis);font-family:var(--font-mono);font-size:.68rem;color:var(--brand-muted);word-break:break-all}.panduan-angka .pa-turunan{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:8px;font-size:.79rem;line-height:1.6;color:var(--brand-black)}.panduan-angka .pa-turunan b{color:var(--brand-indigo)}.btl-cabang{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--surface-hover);border:1px solid var(--erp-garis);font-size:.71rem;min-inline-size:0}.btl-cabang svg{flex:0 0 auto;color:var(--brand-muted)}.btl-cabang .btl-nama{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--brand-black)}.btl-cabang b{flex:0 0 auto;font-weight:750;font-variant-numeric:tabular-nums;color:var(--brand-indigo)}.btl-rank{display:inline-flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;border-radius:50%;font-family:var(--font-mono);font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums;background:var(--surface-hover);color:var(--brand-muted);border:1px solid var(--erp-garis)}.btl-rank.juara-1{background:linear-gradient(145deg,#fde68a,#f59e0b);border-color:#d97706;color:#7c2d12}.btl-rank.juara-2{background:linear-gradient(145deg,#f1f5f9,#cbd5e1);border-color:#94a3b8;color:#334155}.btl-rank.juara-3{background:linear-gradient(145deg,#fed7aa,#d6a06a);border-color:#b07d4f;color:#5c3317}.btl-barang{display:flex;flex-direction:column;gap:5px;min-inline-size:250px}.btl-barang .btl-judul{font-weight:700;font-size:.84rem;line-height:1.35;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btl-barang .btl-meta{display:flex;align-items:center;gap:8px;min-inline-size:0}.btl-barang .btl-meta .code-badge-erp{flex:0 0 auto;padding:2px 7px;font-size:.72rem}.btl-barang .btl-meta .code-badge-erp code{white-space:nowrap}.btl-barang .btl-sifat{flex:1;min-inline-size:0;font-size:.72rem;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btl-barang .btl-sifat b{font-weight:700;color:var(--brand-black)}.btl-capai{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-inline-size:150px}.btl-capai .erp-progres{inline-size:100%;margin-block-end:0}.btl-daftar-cabang{display:flex;flex-direction:column;gap:4px;min-inline-size:210px}.erp-segmen{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:12px;background:var(--surface-hover);border:1px solid var(--erp-garis);max-inline-size:100%}.erp-segmen button{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:0;border-radius:9px;background:transparent;font-family:inherit;font-size:.79rem;font-weight:650;color:var(--brand-muted);white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.erp-segmen button:hover:not(.aktif){color:var(--brand-black)}.erp-segmen button.aktif{background:var(--surface);color:var(--brand-red);box-shadow:0 1px 3px #00000014}.erp-segmen button:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:1px}.erp-baris-kendali{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:16px}.erp-baris-kendali .erp-kendali-label{font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.erp-tumpuk{display:flex;flex-direction:column;gap:18px}.erp-tumpuk>*{margin-block-end:0}.peta-wadah{position:relative;border-radius:var(--erp-r);overflow:hidden;border:1px solid var(--erp-garis-tebal);background:var(--surface-hover)}.peta-wadah .peta-kanvas{inline-size:100%;block-size:100%}.peta-ubin{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:500;display:flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--erp-garis-tebal);box-shadow:0 2px 10px #0000001f}.peta-ubin button{padding:5px 11px;border:0;border-radius:7px;background:transparent;font-family:inherit;font-size:.72rem;font-weight:650;color:var(--brand-muted);cursor:pointer;transition:background .18s ease,color .18s ease}.peta-ubin button:hover:not(.aktif){color:var(--brand-black);background:var(--surface-hover)}.peta-ubin button.aktif{background:var(--brand-indigo);color:#fff}.peta-titik{display:block;border-radius:50%;background:var(--titik-warna, #64748b);border:2px solid #fff;box-shadow:0 0 0 1px #0000002e,0 0 9px var(--titik-warna, transparent)}.jalur-pergerakan{transition:stroke-width .15s ease,stroke-opacity .15s ease}.jalur-pergerakan:hover{stroke-width:5;stroke-opacity:1}.jalur-animasi{stroke-dasharray:10 14;animation:jalur-berjalan 1.1s linear infinite}@keyframes jalur-berjalan{to{stroke-dashoffset:-24}}@media (prefers-reduced-motion: reduce){.jalur-animasi{animation:none}}.leaflet-popup-content-wrapper,.leaflet-tooltip{background:var(--surface);color:var(--brand-black);border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r-dalam);box-shadow:0 4px 16px #00000029;font-size:.78rem;line-height:1.5}.leaflet-popup-tip{background:var(--surface)}.leaflet-popup-content{margin:10px 13px}.leaflet-popup-close-button{color:var(--brand-muted)!important}.leaflet-tooltip-top:before{border-top-color:var(--erp-garis-tebal)}.leaflet-tooltip-bottom:before{border-bottom-color:var(--erp-garis-tebal)}.leaflet-tooltip-left:before{border-left-color:var(--erp-garis-tebal)}.leaflet-tooltip-right:before{border-right-color:var(--erp-garis-tebal)}.peta-legenda{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.legenda-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;border:1px solid var(--erp-garis);border-radius:var(--erp-r-dalam);background:var(--surface);font-family:inherit;text-align:start;cursor:pointer;transition:border-color .18s ease,opacity .18s ease,background .18s ease}.legenda-item:hover{border-color:var(--brand-indigo)}.legenda-item.mati{opacity:.42;background:var(--surface-hover)}.legenda-arti{font-size:.75rem;line-height:1.5;color:var(--brand-black)}.legenda-sumber{padding:1px 6px;border-radius:5px;background:var(--surface-hover);border:1px solid var(--erp-garis);font-family:var(--font-mono);font-size:.65rem;color:var(--brand-muted)}.legenda-titik{inline-size:8px;block-size:8px;border-radius:50%;flex:0 0 auto}.peta-rute{display:flex;align-items:center;gap:7px;min-inline-size:0;font-size:.8rem}.peta-rute .sel-potong{min-inline-size:0}.peta-panah{flex:0 0 auto;font-weight:800;font-size:.95rem;line-height:1}.erp-nav-tanggal{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.erp-nav-tanggal .nav-panah{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;flex:0 0 auto;border:1px solid var(--erp-garis-tebal);border-radius:10px;background:var(--surface);color:var(--brand-muted);cursor:pointer;transition:all .18s ease}.erp-nav-tanggal .nav-panah:hover:not(:disabled){color:var(--brand-indigo);border-color:var(--brand-indigo);background:color-mix(in srgb,var(--brand-indigo) 7%,var(--surface))}.erp-nav-tanggal .nav-panah:disabled{opacity:.35;cursor:not-allowed}.nav-tanggal-kotak{position:relative;display:flex;align-items:center;gap:10px;min-inline-size:235px;padding:7px 14px;border:1px solid var(--erp-garis-tebal);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.nav-tanggal-kotak:hover{border-color:var(--brand-indigo)}.nav-tanggal-kotak:focus-within{border-color:var(--brand-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 18%,transparent)}.nav-tanggal-kotak .nav-ikon{flex:0 0 auto;color:var(--brand-indigo)}.nav-tanggal-kotak .nav-teks{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.nav-tanggal-kotak .nav-teks strong{font-size:.88rem;font-weight:750;line-height:1.25;color:var(--brand-black);white-space:nowrap}.nav-tanggal-kotak .nav-teks small{font-size:.7rem;font-weight:600;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-tanggal-kotak input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.nav-tanggal-kotak input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;opacity:0;cursor:pointer}.nav-pintasan{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--surface-hover);border:1px solid var(--erp-garis)}.nav-pintasan button{padding:6px 12px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:.74rem;font-weight:650;color:var(--brand-muted);white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease}.nav-pintasan button:hover{background:var(--surface);color:var(--brand-indigo)}.erp-telemetry button.tele-card{font-family:inherit;text-align:start;cursor:pointer;inline-size:100%}.erp-telemetry button.tele-card:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:2px}.erp-telemetry button.tele-card.is-aktif{border-color:var(--brand-indigo);background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 20%,transparent)}.pengawas-saring{display:grid;gap:16px;align-items:end;grid-template-columns:minmax(240px,auto) minmax(280px,1fr)}.pengawas-kaki-kartu{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:.76rem}@media (max-width: 620px){.pengawas-saring{grid-template-columns:1fr;align-items:stretch;gap:12px}.pengawas-dash .panel-grid{grid-template-columns:1fr}.pengawas-dash .antrean-baris{flex-direction:column;align-items:stretch;gap:6px}.pengawas-dash .antrean-kanan{justify-content:space-between}.pengawas-dash .viz-hero .angka{font-size:2.05rem}.pengawas-dash .viz-hero .satuan{font-size:.95rem}}.po-ringkas-lekat{position:sticky;inset-block-end:0;z-index:20;margin-block-start:16px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -6px 24px #1414141a;display:flex;align-items:center;gap:18px;flex-wrap:wrap}[data-theme=dark] .po-ringkas-lekat{background:color-mix(in srgb,var(--surface-2) 90%,transparent);box-shadow:0 -6px 24px #0006}.po-ringkas-lekat .ringkas-angka{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.po-ringkas-lekat .ringkas-angka .kunci{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-muted);white-space:nowrap}.po-ringkas-lekat .ringkas-angka .isi{font-size:.95rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums;white-space:nowrap}.po-ringkas-lekat .ringkas-angka.utama .isi{font-size:1.2rem;color:var(--brand-red);letter-spacing:-.02em}.po-ringkas-lekat .ringkas-pisah{inline-size:1px;align-self:stretch;background:var(--border)}.po-ringkas-lekat .ringkas-aksi{margin-inline-start:auto;display:flex;gap:8px;align-items:center}@media (max-width: 720px){.po-ringkas-lekat .ringkas-aksi{margin-inline-start:0;inline-size:100%}}.po-item{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.po-item+.po-item{margin-block-start:10px}.po-item.mati{opacity:.55;background:var(--surface-2)}.po-item.aktif{border-color:color-mix(in srgb,var(--brand-indigo) 40%,var(--border));box-shadow:0 2px 10px color-mix(in srgb,var(--brand-indigo) 10%,transparent)}.po-item.galat{border-color:var(--brand-red);box-shadow:0 2px 12px #fd010024}.po-item .po-item-kepala{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-block-end:10px}.po-item .po-item-pilih{inline-size:18px;block-size:18px;flex-shrink:0;margin-block-start:2px;accent-color:var(--brand-red);cursor:pointer}.po-item .po-item-pilih:disabled{cursor:not-allowed}.po-item .po-item-judul{min-inline-size:0;flex:1 1 240px}.po-item .po-item-judul .nama{font-size:.9rem;font-weight:750;color:var(--brand-black);line-height:1.3}.po-item .po-item-judul .sub{margin-block-start:3px;font-size:.72rem;color:var(--brand-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.po-item .po-item-judul .sub code{font-family:var(--font-mono);font-size:.7rem}.po-item .po-item-subtotal{margin-inline-start:auto;text-align:end;flex-shrink:0}.po-item .po-item-subtotal .kunci{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-muted)}.po-item .po-item-subtotal .isi{font-size:1rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.po-item .po-item-subtotal .rinci{display:block;margin-block-start:2px;font-size:.66rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.po-item .po-item-coret{align-self:flex-start;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-red) 35%,var(--border));background:transparent;color:var(--brand-red);font-size:.72rem;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.po-item .po-item-coret:hover:not(:disabled){background:var(--brand-red);border-color:var(--brand-red);color:#fff}.po-item .po-item-coret:disabled{opacity:.45;cursor:not-allowed}.po-ppn-rupiah{font-size:.68rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.po-ppn-rupiah strong{color:var(--brand-black);font-weight:750}.po-meter{margin-block-end:12px}.po-meter .po-meter-teks{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;color:var(--brand-muted);margin-block-end:5px;flex-wrap:wrap}.po-meter .po-meter-teks strong{color:var(--brand-black);font-variant-numeric:tabular-nums}.po-meter .po-meter-rel{block-size:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;display:flex}.po-meter .po-meter-isi{block-size:100%;transition:width .2s ease,background .2s ease}.po-meter .po-meter-isi.sudah{background:color-mix(in srgb,var(--brand-muted) 45%,transparent)}.po-meter .po-meter-isi.kini{background:var(--brand-indigo)}.po-meter .po-meter-isi.lewat{background:var(--brand-red)}.po-item-kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.po-item-kisi .po-kolom{display:flex;flex-direction:column;gap:4px;min-inline-size:0}.po-item-kisi .po-kolom>span.label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-muted)}.po-item-kisi .po-kolom .satuan-tempel{position:relative;display:flex;align-items:center}.po-item-kisi .po-kolom .satuan-tempel input{padding-inline-end:46px}.po-item-kisi .po-kolom .satuan-tempel .satuan-teks{position:absolute;inset-inline-end:10px;font-size:.7rem;font-weight:700;color:var(--brand-muted);pointer-events:none;max-inline-size:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-item-kisi .po-kolom input{inline-size:100%;padding:8px 10px;border:1px solid var(--input-border, var(--border));border-radius:8px;background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.82rem;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.po-item-kisi .po-kolom input:focus{outline:none;border-color:var(--brand-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 18%,transparent)}.po-item-kisi .po-kolom input:disabled{background:var(--surface-3);color:var(--brand-muted);cursor:not-allowed}.po-item-kisi .po-kolom input.salah{border-color:var(--brand-red);box-shadow:0 0 0 3px #fd01001f}.po-item-kisi .po-kolom .po-pesan-salah{font-size:.68rem;color:var(--brand-red);font-weight:600;line-height:1.35}.po-chip-baris{display:flex;gap:5px;flex-wrap:wrap;margin-block-start:5px}.po-chip{padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.68rem;font-weight:700;cursor:pointer;transition:all .15s ease}.po-chip:hover{color:var(--brand-black);border-color:var(--brand-muted)}.po-chip.aktif{background:var(--brand-indigo);border-color:var(--brand-indigo);color:#fff}.po-dp-mode{display:inline-flex;padding:2px;gap:2px;border-radius:999px;border:1px solid var(--border);background:var(--brand-bg)}.po-dp-mode button{padding:3px 10px;border:0;border-radius:999px;background:transparent;color:var(--brand-muted);font-family:inherit;font-size:.68rem;font-weight:750;cursor:pointer;transition:background .15s ease,color .15s ease}.po-dp-mode button:hover{color:var(--brand-black)}.po-dp-mode button.aktif{background:var(--brand-indigo);color:#fff}.form-field .input-wrap .po-satuan-tempel,.form-field .input-wrap .po-satuan-awal{flex:0 0 auto;font-size:.78rem;font-weight:750;color:var(--brand-muted);pointer-events:none}.form-field .input-wrap .po-satuan-awal{margin-inline-end:-2px}.po-dp-jelas{margin-block-start:8px;padding:8px 11px;border-radius:9px;border:1px dashed var(--border);background:var(--brand-bg)}.po-dp-jelas .dp-baris{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.74rem;line-height:1.7;color:var(--brand-muted)}.po-dp-jelas .dp-baris strong{color:var(--brand-black);font-weight:750;font-variant-numeric:tabular-nums}.po-dp-jelas .dp-baris.geser strong{color:var(--brand-red)}.po-tipe{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.po-tipe button{padding:9px 8px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .16s ease;display:flex;flex-direction:column;align-items:center;gap:3px}.po-tipe button .ket{font-size:.62rem;font-weight:600;opacity:.85}.po-tipe button:hover:not(.aktif){color:var(--brand-black);border-color:var(--brand-muted)}.po-tipe button.aktif{color:#fff}.po-tipe button.aktif.normal{background:var(--brand-charcoal);border-color:var(--brand-charcoal)}.po-tipe button.aktif.urgent{background:var(--brand-gold);border-color:var(--brand-gold);color:#3a2c00}.po-tipe button.aktif.top_urgent{background:var(--brand-red);border-color:var(--brand-red)}.po-alat{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-block-end:12px;padding:10px 12px;border:1px dashed var(--border);border-radius:10px;background:var(--surface-2)}.po-alat .po-alat-judul{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-muted);margin-inline-end:4px}.po-alat .po-alat-hitung{margin-inline-start:auto;font-size:.74rem;color:var(--brand-muted)}.po-alat .po-alat-hitung strong{color:var(--brand-black)}.po-blok-kepala{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-block-start:14px}.po-blok-kepala .po-blok{background:var(--surface);padding:14px 16px;min-inline-size:0}.po-blok-kepala .po-blok .po-blok-judul{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-red);margin-block-end:8px;display:flex;align-items:center;gap:6px}.po-blok-kepala .po-blok .po-blok-utama{font-size:.95rem;font-weight:750;color:var(--brand-black);line-height:1.35;word-break:break-word}.po-blok-kepala .po-blok .po-blok-baris{margin-block-start:6px;font-size:.76rem;color:var(--brand-muted);line-height:1.5;display:flex;justify-content:space-between;gap:10px}.po-blok-kepala .po-blok .po-blok-baris strong{color:var(--brand-black);font-weight:650;font-variant-numeric:tabular-nums;text-align:end}.po-faktur{inline-size:100%;border-collapse:collapse;font-size:.8rem}.po-faktur thead th{background:var(--surface-3);color:var(--brand-muted);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:9px 10px;text-align:start;white-space:nowrap;border-block-end:1px solid var(--border)}.po-faktur thead th.angka{text-align:end}.po-faktur tbody td{padding:11px 10px;border-block-end:1px solid var(--border);vertical-align:top;color:var(--brand-black)}.po-faktur tbody td.angka{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.po-faktur tbody td.no{color:var(--brand-muted);font-family:var(--font-mono);font-size:.72rem}.po-faktur tbody tr:last-child td{border-block-end:0}.po-faktur tbody tr:hover td{background:var(--surface-hover)}.po-faktur .barang-nama{font-weight:700;line-height:1.3}.po-faktur .barang-sub{margin-block-start:3px;font-size:.71rem;color:var(--brand-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.po-faktur .barang-sub code{font-family:var(--font-mono);font-size:.69rem}.po-faktur .barang-ket{margin-block-start:6px;font-size:.72rem;color:var(--brand-black);line-height:1.45;padding-inline-start:8px;border-inline-start:2px solid color-mix(in srgb,var(--brand-indigo) 45%,transparent)}.po-faktur .barang-ket .ket-label{display:block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-indigo);margin-block-end:2px}.po-faktur .sel-lembut{font-size:.74rem;color:var(--brand-muted);line-height:1.4;max-inline-size:170px}.po-faktur .satuan{font-size:.7rem;color:var(--brand-muted);font-weight:600}.po-faktur tbody tr.baris-sorot td{background:color-mix(in srgb,var(--brand-indigo) 5%,transparent)}.po-faktur tbody tr.baris-sorot td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.po-faktur tbody tr.baris-sorot:hover td{background:color-mix(in srgb,var(--brand-indigo) 9%,transparent)}.po-faktur .qty-po-ini{color:var(--brand-indigo)}.app-modal-badan .erp-detail>.erp-blok:first-child{margin-block-start:0}.po-rekap{display:flex;justify-content:flex-end;margin-block-start:14px}.po-rekap .po-rekap-isi{inline-size:min(380px,100%);display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.po-rekap .po-rekap-baris{display:flex;justify-content:space-between;gap:14px;font-size:.8rem;color:var(--brand-muted)}.po-rekap .po-rekap-baris span:last-child{color:var(--brand-black);font-variant-numeric:tabular-nums}.po-rekap .po-rekap-baris.potong span:last-child{color:var(--brand-red)}.po-rekap .po-rekap-baris.ppn span:last-child{color:var(--brand-indigo);font-weight:750}.po-rekap .po-rekap-baris.subjumlah{margin-block-start:2px;padding-block-start:8px;border-block-start:1px dashed var(--border);font-weight:700;color:var(--brand-black)}.po-rekap .po-rekap-baris.subjumlah span:last-child{font-weight:800}.po-rekap .po-rekap-baris.sisipan{margin-block-start:-3px;font-size:.7rem;font-style:italic}.po-rekap .po-rekap-baris.utama{margin-block-start:6px;padding-block-start:10px;border-block-start:2px solid var(--brand-black);font-size:1rem;font-weight:800;color:var(--brand-black)}.po-rekap .po-rekap-baris.utama span:last-child{font-size:1.15rem;color:var(--brand-red);letter-spacing:-.02em}.po-rekap .po-rekap-baris.bayar{margin-block-start:4px;padding-block-start:8px;border-block-start:1px dashed var(--border);font-size:.76rem}.po-jadwal{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.po-jadwal .po-jadwal-kartu{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:10px;padding:13px 15px;background:var(--surface-2)}.po-jadwal .po-jadwal-kartu.tekan{border-color:color-mix(in srgb,var(--brand-red) 35%,var(--border));background:color-mix(in srgb,var(--brand-red) 5%,var(--surface))}.po-jadwal .po-jadwal-kartu .kunci{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-muted);line-height:1.3}.po-jadwal .po-jadwal-kartu .isi{font-size:1.05rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.01em}.po-jadwal .po-jadwal-kartu.tekan .isi{color:var(--brand-red)}.po-jadwal .po-jadwal-kartu .ket{margin-block-start:2px;font-size:.7rem;color:var(--brand-muted);line-height:1.45}.po-kirim{display:flex;flex-direction:column;gap:8px}.po-kirim .po-kirim-baris{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:.78rem}.po-kirim .po-kirim-baris .tanggal{font-weight:750;color:var(--brand-black);white-space:nowrap;min-inline-size:92px}.po-kirim .po-kirim-baris .isi{color:var(--brand-muted);min-inline-size:0}.po-kirim .po-kirim-baris .jumlah{margin-inline-start:auto;font-size:.72rem;font-weight:700;color:var(--brand-muted);white-space:nowrap}.po-terima{display:flex;flex-direction:column;gap:8px}.po-terima .po-terima-baris{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:9px 12px;border:1px solid var(--border);border-inline-start:3px solid var(--brand-indigo);border-radius:9px;background:var(--surface-2);font-size:.78rem}.po-terima .po-terima-baris .kode{font-family:var(--font-mono);font-size:.73rem;font-weight:700;color:var(--brand-indigo);white-space:nowrap}.po-terima .po-terima-baris .tanggal{font-weight:750;color:var(--brand-black);white-space:nowrap}.po-terima .po-terima-baris .tanggal small{font-weight:500;color:var(--brand-muted)}.po-terima .po-terima-baris .isi{color:var(--brand-muted);min-inline-size:0}.po-terima .po-terima-baris .isi small{color:var(--brand-muted)}.po-terima .po-terima-baris .isi .dok{opacity:.8}.po-terima .po-terima-baris .jumlah{margin-inline-start:auto;font-size:.72rem;font-weight:700;color:var(--brand-muted);white-space:nowrap}.po-baris-sorot{background:color-mix(in srgb,var(--brand-indigo) 8%,transparent)!important}.po-baris-sorot td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.po-tanda-sorot{display:inline-flex;align-items:center;margin-inline-start:8px;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--brand-indigo) 14%,transparent);color:var(--brand-indigo);font-size:.63rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.sel-tersedia{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.sel-tersedia .tersedia-atas{display:flex;align-items:baseline;gap:5px}.sel-tersedia .tersedia-atas .jml{font-size:1.02rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums;line-height:1.1}.sel-tersedia .tersedia-atas .sat{font-size:.7rem;color:var(--brand-muted);font-weight:600}.sel-tersedia .tersedia-meter{display:flex;block-size:5px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.sel-tersedia .tersedia-meter .ruas{block-size:100%;transition:width .25s ease}.sel-tersedia .tersedia-meter .ruas.pending{background:var(--brand-gold)}.sel-tersedia .tersedia-meter .ruas.partial{background:var(--brand-indigo)}.sel-tersedia .tersedia-rincian{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.69rem;color:var(--brand-muted);line-height:1.3}.sel-tersedia .tersedia-rincian .butir{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.sel-tersedia .tersedia-rincian .titik{inline-size:7px;block-size:7px;border-radius:50%;flex-shrink:0}.sel-tersedia .tersedia-rincian .titik.pending{background:var(--brand-gold)}.sel-tersedia .tersedia-rincian .titik.partial{background:var(--brand-indigo)}.sel-tersedia .tersedia-rincian strong{color:var(--brand-black);font-variant-numeric:tabular-nums}.sel-tipe{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.sel-tipe .tipe-total{font-size:.72rem;font-weight:700;color:var(--brand-black);font-variant-numeric:tabular-nums}.sel-tipe .tipe-baris{display:flex;align-items:center;gap:6px;min-inline-size:0}.sel-tipe .tipe-baris .pita{inline-size:3px;block-size:15px;border-radius:2px;flex-shrink:0;background:var(--brand-muted)}.sel-tipe .tipe-baris .urut{min-inline-size:15px;text-align:end;flex-shrink:0;font-size:.74rem;font-weight:800;color:var(--brand-muted);font-variant-numeric:tabular-nums}.sel-tipe .tipe-baris .n{margin-inline-start:auto;flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--brand-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sel-tipe .tipe-baris .nm{font-size:.75rem;color:var(--brand-black);font-weight:650;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.sel-tipe .tipe-baris.bahan_baku_basahan .pita{background:#0ea5e9}.sel-tipe .tipe-baris.bahan_baku_keringan .pita{background:#f59e0b}.sel-tipe .tipe-baris.barang_jadi .pita{background:#10b981}.sel-tipe .tipe-baris.aset .pita{background:#8b5cf6}.sel-tipe .tipe-baris.biaya_lain_lain .pita{background:#64748b}.laporan-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-block-end:16px}.laporan-kpi .kartu{position:relative;overflow:hidden;border-radius:14px;padding:18px 20px;color:#fff;min-block-size:118px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 6px 18px #1414141f}.laporan-kpi .kartu .angka{font-size:2rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.laporan-kpi .kartu .angka.teks{font-size:1.05rem;letter-spacing:-.01em}.laporan-kpi .kartu .angka.nominal{font-size:1.4rem;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.laporan-kpi .kartu .label{margin-block-start:6px;font-size:.85rem;font-weight:600;opacity:.95}.laporan-kpi .kartu .ket{margin-block-start:4px;font-size:.72rem;opacity:.8;line-height:1.4}.laporan-kpi .kartu .ikon{position:absolute;inset-inline-end:14px;inset-block-start:50%;transform:translateY(-50%);opacity:.22;pointer-events:none}.laporan-kpi .kartu.merah{background:linear-gradient(135deg,#e11d48,#be123c)}.laporan-kpi .kartu.hijau{background:linear-gradient(135deg,#10b981,#059669)}.laporan-kpi .kartu.jingga{background:linear-gradient(135deg,#f59e0b,#d97706)}.laporan-kpi .kartu.ungu{background:linear-gradient(135deg,#6366f1,#4f46e5)}.po-bayar{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.po-bayar .po-bayar-kepala{padding:10px 14px;background:var(--surface-3);border-block-end:1px solid var(--border);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-muted);display:flex;align-items:center;gap:7px}.po-bayar .po-bayar-isi{padding:12px 14px;display:flex;flex-direction:column;gap:7px}.po-bayar .po-bayar-baris{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:.8rem;color:var(--brand-muted)}.po-bayar .po-bayar-baris .nilai{color:var(--brand-black);font-variant-numeric:tabular-nums;white-space:nowrap}.po-bayar .po-bayar-baris.tambah .nilai{color:var(--brand-black)}.po-bayar .po-bayar-baris.kurang .nilai{color:var(--brand-red)}.po-bayar .po-bayar-baris.puncak{margin-block-start:5px;padding-block-start:9px;border-block-start:2px solid var(--brand-black);font-size:.88rem;font-weight:800;color:var(--brand-black)}.po-bayar .po-bayar-baris.puncak .nilai{font-size:1.1rem;letter-spacing:-.02em}.po-bayar .po-bayar-baris.tagihan{margin-block-start:4px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--brand-red) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-red) 28%,transparent);font-weight:800;color:var(--brand-black)}.po-bayar .po-bayar-baris.tagihan .nilai{color:var(--brand-red);font-size:1.02rem}.po-bayar .po-bayar-meter{margin-block-start:8px;block-size:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;display:flex}.po-bayar .po-bayar-meter .ruas{block-size:100%}.po-bayar .po-bayar-meter .ruas.dp{background:#10b981}.po-bayar .po-bayar-meter .ruas.sisa{background:var(--brand-red)}.po-bayar .po-bayar-ket{margin-block-start:6px;font-size:.68rem;color:var(--brand-muted);display:flex;justify-content:space-between;gap:10px}.po-kontribusi{margin-block-start:5px;display:flex;align-items:center;gap:7px}.po-kontribusi .rel{inline-size:54px;block-size:4px;border-radius:999px;background:var(--surface-3);overflow:hidden;flex-shrink:0}.po-kontribusi .isi{display:block;block-size:100%;background:var(--brand-indigo);transition:width .25s ease}.po-kontribusi .persen{font-size:.66rem;font-weight:700;color:var(--brand-muted);font-variant-numeric:tabular-nums}.po-rute-sel{display:flex;flex-direction:column;gap:4px;min-inline-size:0}.po-rute-sel .rute-alur{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.79rem;min-inline-size:0}.po-rute-sel .rute-alur .asal{color:var(--brand-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--brand-red) 60%,transparent);font-weight:600}.po-rute-sel .rute-alur .panah{color:var(--brand-indigo);flex-shrink:0}.po-rute-sel .rute-alur .tujuan{font-weight:800;color:var(--brand-indigo)}.po-rute-sel .rute-asli{font-size:.79rem;font-weight:700;color:var(--brand-black)}.po-rute-sel .rute-alasan{font-size:.71rem;color:var(--brand-black);line-height:1.4;padding-inline-start:7px;border-inline-start:2px solid color-mix(in srgb,var(--brand-indigo) 45%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.po-rute-sel .rute-jejak{font-size:.68rem;color:var(--brand-muted);line-height:1.35}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f121c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:modal-masuk .2s ease both}.app-modal{inline-size:min(760px,100%);max-block-size:min(88vh,100%);display:flex;flex-direction:column;background:var(--surface-3);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000047;animation:modal-naik .24s cubic-bezier(.16,1,.3,1) both}.app-modal.lebar{inline-size:min(1180px,100%)}.app-modal-kepala{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;background:var(--surface);border-block-end:1px solid var(--border);flex-shrink:0}.app-modal-kepala .judul{min-inline-size:0}.app-modal-kepala h3{margin:0;font-size:.98rem;font-weight:800;color:var(--brand-black);letter-spacing:-.01em}.app-modal-kepala .sub{display:block;margin-block-start:3px;font-size:.75rem;color:var(--brand-muted)}.app-modal-tutup{margin-inline-start:auto;flex-shrink:0;inline-size:30px;block-size:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.app-modal-tutup:hover{color:var(--brand-red);border-color:var(--brand-red)}.app-modal-badan{overflow-y:auto;padding:16px 18px;flex:1 1 auto}.app-modal-badan>.detail-embed{margin:0}.app-modal-kaki{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 18px;background:var(--surface);border-block-start:1px solid var(--border);flex-shrink:0}@media (max-width: 560px){.app-modal-overlay{padding:10px 8px}.app-modal{max-block-size:calc(100dvh - 20px);border-radius:12px}.app-modal-kepala,.app-modal-badan,.app-modal-kaki{padding-inline:12px}}@keyframes modal-masuk{0%{opacity:0}to{opacity:1}}@keyframes modal-naik{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.jejak-menunggu{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-block-end:14px;border:1px solid color-mix(in srgb,var(--brand-gold) 45%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--brand-gold) 9%,var(--surface))}.jejak-menunggu .denyut-besar{inline-size:11px;block-size:11px;border-radius:50%;background:var(--brand-gold);flex-shrink:0;margin-block-start:4px;box-shadow:0 0 color-mix(in srgb,var(--brand-gold) 70%,transparent);animation:denyut-tunggu 2s infinite}.jejak-menunggu .isi{min-inline-size:0}.jejak-menunggu .judul{font-size:.86rem;font-weight:750;color:var(--brand-black);line-height:1.35}.jejak-menunggu .meta{margin-block-start:3px;font-size:.73rem;color:var(--brand-muted);line-height:1.45}@keyframes denyut-tunggu{0%{box-shadow:0 0 color-mix(in srgb,var(--brand-gold) 70%,transparent)}70%{box-shadow:0 0 0 9px color-mix(in srgb,var(--brand-gold) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--brand-gold) 0%,transparent)}}.timeline .jejak-tag{font-family:var(--font-mono);font-size:.63rem;font-weight:700;letter-spacing:.01em}.timeline .jejak-tag.po{background:color-mix(in srgb,var(--brand-red) 12%,transparent);border-color:color-mix(in srgb,var(--brand-red) 30%,transparent);color:var(--brand-red)}.timeline .jejak-waktu{font-variant-numeric:tabular-nums;font-weight:650;color:var(--brand-black)}.po-kemajuan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.po-kemajuan .po-kemajuan-rel{flex:1 1 200px;block-size:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.po-kemajuan .po-kemajuan-isi{block-size:100%;background:linear-gradient(90deg,var(--brand-indigo),var(--brand-red));transition:width .3s ease}.po-kemajuan .po-kemajuan-teks{font-size:.74rem;color:var(--brand-muted);white-space:nowrap}.po-kemajuan .po-kemajuan-teks strong{color:var(--brand-black)}.periode-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-block-end:14px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.periode-bar .periode-kepala{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-muted);flex-shrink:0}.periode-bar .periode-bulan{display:flex;gap:3px;flex-wrap:wrap;flex:1 1 auto;min-inline-size:0}.periode-bar .periode-chip{min-inline-size:42px;padding:5px 8px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--brand-muted);font-size:.74rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.periode-bar .periode-chip:hover:not(.aktif){background:var(--surface-2);color:var(--brand-black)}.periode-bar .periode-chip.aktif{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.periode-bar .periode-tahun{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);flex-shrink:0}.periode-bar .periode-nav{inline-size:26px;block-size:26px;display:grid;place-items:center;border:none;border-radius:6px;background:transparent;color:var(--brand-muted);font-size:1rem;line-height:1;cursor:pointer}.periode-bar .periode-nav:hover{background:var(--surface);color:var(--brand-black)}.periode-bar .periode-nilai{min-inline-size:48px;text-align:center;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand-black)}.periode-bar .periode-kini{padding:5px 11px;border-radius:8px;border:1px dashed var(--border);background:transparent;color:var(--brand-muted);font-size:.72rem;font-weight:650;cursor:pointer;flex-shrink:0}.periode-bar .periode-kini:hover{color:var(--brand-black);border-color:var(--brand-muted)}.impor-panel{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-block-end:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.impor-panel .impor-teks{flex:1 1 320px;min-inline-size:0}.impor-panel .impor-judul{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:780;color:var(--brand-black);margin-block-end:4px}.impor-panel p{margin:0;font-size:.76rem;line-height:1.55;color:var(--brand-muted)}.impor-panel p strong{color:var(--brand-black);font-weight:700}.impor-panel .impor-aksi{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.duit{font-variant-numeric:tabular-nums;font-weight:750;font-size:.82rem;white-space:nowrap}.duit.utama{color:var(--brand-black)}.duit.final{color:#15803d}.duit.cadangan{color:#b45309}.duit.sisa{color:var(--brand-black)}.duit.jebol{color:var(--brand-red)}.duit.nol{color:var(--brand-muted);font-weight:600}.serapan .serapan-rel{block-size:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.serapan .serapan-isi{display:block;block-size:100%;border-radius:999px;transition:inline-size .3s ease}.serapan .serapan-teks{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-block-start:4px;font-size:.7rem;color:var(--brand-muted)}.serapan .serapan-teks strong{font-variant-numeric:tabular-nums;font-size:.76rem}.serapan.aman .serapan-isi{background:#16a34a}.serapan.aman .serapan-teks strong{color:#15803d}.serapan.sedang .serapan-isi{background:#d97706}.serapan.sedang .serapan-teks strong{color:#b45309}.serapan.bahaya .serapan-isi{background:var(--brand-red)}.serapan.bahaya .serapan-teks strong{color:var(--brand-red)}.serapan.bahaya .serapan-teks span{color:var(--brand-red);font-weight:700}.serapan-besar .serapan-angka{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-block-end:10px}.serapan-besar .serapan-angka .persen{font-size:1.9rem;font-weight:850;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--brand-black)}.serapan-besar .serapan-angka .ket{font-size:.78rem;color:var(--brand-muted)}.serapan-besar .serapan-angka .ket strong{color:var(--brand-black);font-variant-numeric:tabular-nums}.serapan-besar .serapan-rel{display:flex;block-size:12px;border-radius:999px;background:var(--surface-3);overflow:hidden}.serapan-besar .ruas{display:block;block-size:100%;transition:inline-size .3s ease}.serapan-besar .ruas.final{background:#16a34a}.serapan-besar .ruas.cadangan{background:#d97706}.serapan-besar .serapan-legenda{display:flex;gap:16px;flex-wrap:wrap;margin-block-start:10px;font-size:.74rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.serapan-besar .serapan-legenda .butir{display:inline-flex;align-items:center;gap:6px}.serapan-besar .serapan-legenda .titik{inline-size:9px;block-size:9px;border-radius:3px;flex-shrink:0}.serapan-besar .serapan-legenda .titik.final{background:#16a34a}.serapan-besar .serapan-legenda .titik.cadangan{background:#d97706}.serapan-besar .serapan-legenda .titik.kosong{background:var(--surface-3);border:1px solid var(--border)}.serapan-besar.sedang .serapan-angka .persen{color:#b45309}.serapan-besar.bahaya .serapan-angka .persen{color:var(--brand-red)}.pos-paginasi{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-start:12px;font-size:.78rem;color:var(--brand-muted)}.pos-paginasi strong{color:var(--brand-black);font-variant-numeric:tabular-nums}.po-pagu{display:flex;align-items:flex-start;gap:7px;margin-block-end:12px;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:.72rem;line-height:1.5;color:var(--brand-muted)}.po-pagu svg{flex-shrink:0;margin-block-start:2px}.po-pagu strong{color:var(--brand-black);font-variant-numeric:tabular-nums;font-weight:750}.po-pagu.lewat{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 7%,transparent);color:var(--brand-red)}.po-pagu.lewat strong{color:var(--brand-red)}.viz{--viz-s1: #2a78d6;--viz-s2: #eb6834;--viz-surface: var(--surface);--viz-grid: #e1e0d9;--viz-dasar: #c3c2b7;--viz-tick: #898781}[data-theme=dark] .viz{--viz-s1: #3987e5;--viz-s2: #d95926;--viz-grid: #2c2c2a;--viz-dasar: #383835;--viz-tick: #898781}.viz .viz-legenda{display:flex;gap:18px;flex-wrap:wrap;margin-block-end:10px;font-size:.76rem;color:var(--brand-muted)}.viz .viz-kunci{display:inline-flex;align-items:center;gap:7px}.viz .kotak{inline-size:10px;block-size:10px;border-radius:3px;flex-shrink:0}.viz .kotak.s1{background:var(--viz-s1)}.viz .kotak.s2{background:var(--viz-s2)}.viz .viz-kanvas{position:relative;inline-size:100%}.viz .viz-kanvas svg{display:block;inline-size:100%;block-size:auto;overflow:visible}.viz .viz-batang{transition:opacity .15s ease}.viz .viz-batang.s1{fill:var(--viz-s1)}.viz .viz-batang.s2{fill:var(--viz-s2)}.viz .viz-garis{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.viz .viz-garis.s1{stroke:var(--viz-s1)}.viz .viz-area{stroke:none}.viz .viz-area.s1{fill:var(--viz-s1);opacity:.1}.viz .viz-titik{stroke:var(--viz-surface);stroke-width:2}.viz .viz-titik.s1{fill:var(--viz-s1)}.viz .viz-grid{stroke:var(--viz-grid);stroke-width:1}.viz .viz-dasar,.viz .viz-crosshair{stroke:var(--viz-dasar);stroke-width:1}.viz .viz-tick{fill:var(--viz-tick);font-size:10.5px;font-variant-numeric:tabular-nums}.viz .viz-pita{fill:transparent;cursor:pointer}.viz .viz-pita.aktif{fill:var(--surface-hover)}.viz .viz-tooltip{position:absolute;inset-block-start:4px;z-index:5;min-inline-size:190px;padding:9px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);pointer-events:none}.viz .viz-tooltip .tt-judul{font-size:.75rem;font-weight:800;color:var(--brand-black);margin-block-end:6px;padding-block-end:5px;border-block-end:1px solid var(--border)}.viz .viz-tooltip .tt-baris{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.73rem;padding-block:2px}.viz .viz-tooltip .tt-label{display:inline-flex;align-items:center;gap:6px;color:var(--brand-muted)}.viz .viz-tooltip .tt-nilai{font-weight:750;color:var(--brand-black);font-variant-numeric:tabular-nums}.viz{--viz-seri-1: #2a78d6;--viz-seri-2: #eb6834;--viz-baik: #0ca30c;--viz-waspada: #fab219;--viz-serius: #ec835a;--viz-kritis: #d03b3b;--viz-netral: #898781;--viz-grid: #e1e0d9;--viz-sumbu: #c3c2b7;--viz-tinta: var(--brand-black);--viz-tinta-redup: var(--brand-muted)}[data-theme=dark] .viz{--viz-seri-1: #3987e5;--viz-seri-2: #d95926;--viz-grid: #2c2c2a;--viz-sumbu: #383835}.viz-bar{position:relative}.viz-bar .viz-plot{display:flex;align-items:flex-end;gap:4px;block-size:168px;padding-block-end:6px;border-block-end:1px solid var(--viz-sumbu)}.viz-bar .viz-kolom{flex:1;min-inline-size:0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;border-radius:6px;padding:4px 2px 0;cursor:default;transition:background .15s ease}.viz-bar .viz-kolom:hover,.viz-bar .viz-kolom.aktif{background:var(--surface-hover)}.viz-bar .viz-pasangan{display:flex;align-items:flex-end;justify-content:center;gap:2px;block-size:100%}.viz-bar .viz-batang{inline-size:100%;max-inline-size:22px;min-block-size:2px;border-radius:4px 4px 0 0;transition:block-size .3s ease}.viz-bar .viz-batang.s1{background:var(--viz-seri-1)}.viz-bar .viz-batang.s2{background:var(--viz-seri-2)}.viz-bar .viz-label-x{display:flex;gap:4px;margin-block-start:7px}.viz-bar .viz-label-x span{flex:1;min-inline-size:0;text-align:center;font-size:.66rem;color:var(--viz-tinta-redup);white-space:nowrap}.viz-bar .viz-tip{position:absolute;z-index:5;pointer-events:none;padding:8px 11px;border-radius:10px;min-inline-size:132px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.viz-bar .viz-tip strong{display:block;font-size:.72rem;color:var(--viz-tinta);margin-block-end:5px}.viz-bar .viz-tip .baris{display:flex;align-items:center;gap:7px;font-size:.73rem;color:var(--viz-tinta-redup)}.viz-bar .viz-tip .baris b{margin-inline-start:auto;color:var(--viz-tinta);font-variant-numeric:tabular-nums}.viz-bar .viz-tip i{inline-size:9px;block-size:9px;border-radius:3px;flex:0 0 auto}.viz-bar .viz-tip i.s1{background:var(--viz-seri-1)}.viz-bar .viz-tip i.s2{background:var(--viz-seri-2)}.viz-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.viz-legend span{display:inline-flex;align-items:center;gap:6px;font-size:.73rem;color:var(--viz-tinta-redup)}.viz-legend i{inline-size:10px;block-size:10px;border-radius:3px;display:inline-block}.viz-legend i.s1{background:var(--viz-seri-1)}.viz-legend i.s2{background:var(--viz-seri-2)}.viz-tabel{inline-size:100%;border-collapse:collapse;font-size:.78rem}.viz-tabel th,.viz-tabel td{padding:6px 8px;border-block-end:1px solid var(--border);text-align:start}.viz-tabel th{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--viz-tinta-redup)}.viz-tabel td.angka,.viz-tabel th.angka{text-align:end;font-variant-numeric:tabular-nums}.viz-tabel tr:last-child td{border-block-end:0}.viz-toggle{border:1px solid var(--border);background:transparent;cursor:pointer;padding:4px 10px;border-radius:999px;font-family:inherit;font-size:.7rem;font-weight:650;color:var(--viz-tinta-redup)}.viz-toggle:hover{background:var(--surface-hover);color:var(--viz-tinta)}.viz-toggle.aktif{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.viz-list{display:flex;flex-direction:column;gap:11px}.viz-list .viz-item{display:flex;flex-direction:column;gap:5px}.viz-list .viz-item-atas{display:flex;align-items:center;gap:8px;font-size:.79rem;color:var(--viz-tinta)}.viz-list .viz-item-atas .nama{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-list .viz-item-atas .nilai{margin-inline-start:auto;font-weight:750;font-variant-numeric:tabular-nums}.viz-list .viz-item-atas .persen{font-size:.71rem;color:var(--viz-tinta-redup);font-variant-numeric:tabular-nums;min-inline-size:44px;text-align:end}.viz-list .viz-titik{inline-size:9px;block-size:9px;border-radius:3px;flex:0 0 auto}.viz-list .viz-rel{block-size:7px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.viz-list .viz-isi{block-size:100%;border-radius:999px;transition:inline-size .35s ease}.viz-meter{display:flex;block-size:10px;border-radius:999px;overflow:hidden;background:var(--surface-hover)}.viz-meter .ruas+.ruas{box-shadow:-2px 0 0 var(--surface)}.viz-meter .ruas{block-size:100%;transition:inline-size .35s ease}.viz-meter .ruas.baik{background:var(--viz-baik)}.viz-meter .ruas.kritis{background:var(--viz-kritis)}.viz-hero{display:flex;flex-direction:column;gap:3px}.viz-hero .angka{font-size:2.6rem;font-weight:750;line-height:1;color:var(--viz-tinta);letter-spacing:-.02em}.viz-hero .satuan{font-size:1.1rem;font-weight:650;color:var(--viz-tinta-redup)}.viz-hero .ket{font-size:.76rem;color:var(--viz-tinta-redup)}.antrean-baris{display:flex;align-items:center;gap:12px;padding:11px 0;border-block-end:1px dashed var(--border)}.antrean-baris:last-child{border-block-end:0}.antrean-baris .antrean-kiri{display:flex;flex-direction:column;gap:2px;min-inline-size:0;flex:1}.antrean-baris .antrean-kode{font-weight:700;font-size:.85rem;color:var(--brand-black)}.antrean-baris .antrean-meta{font-size:.73rem;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.antrean-baris .antrean-kanan{display:flex;align-items:center;gap:8px;flex:0 0 auto}.umur{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;white-space:nowrap;font-size:.7rem;font-weight:700;background:var(--surface-hover);color:var(--brand-muted)}.umur.sedang{background:#fab21929;color:#8a6100}.umur.lama{background:#ec835a2e;color:#a1461d}.umur.kritis{background:#d03b3b26;color:#a52121}[data-theme=dark] .umur.sedang{color:#fab219}[data-theme=dark] .umur.lama{color:#ec835a}[data-theme=dark] .umur.kritis{color:#ef7a7a}.alasan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:grid;place-items:safe center;overflow-y:auto;padding:20px;background:#0d1b2c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.alasan-kotak{inline-size:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden}.alasan-kotak>header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px}.alasan-kotak>header .ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:40px;block-size:40px;border-radius:12px}.alasan-kotak>header h3{margin:0 0 3px;font-size:1rem;font-weight:750;color:var(--brand-black)}.alasan-kotak>header p{margin:0;font-size:.79rem;color:var(--brand-muted);line-height:1.45}.alasan-kotak.tolak .ikon{background:#d03b3b24;color:var(--viz-kritis, #d03b3b)}.alasan-kotak.revisi .ikon{background:#6366f124;color:var(--brand-indigo)}.alasan-kotak .alasan-isi{padding:0 20px 4px}.alasan-kotak textarea{inline-size:100%;min-block-size:108px;resize:vertical;padding:11px 13px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--brand-black);font-family:inherit;font-size:.85rem;line-height:1.5}.alasan-kotak textarea:focus{outline:none;border-color:var(--brand-indigo)}.alasan-kotak .alasan-hitung{display:flex;justify-content:space-between;gap:10px;margin-block-start:6px;font-size:.72rem;color:var(--brand-muted)}.alasan-kotak .alasan-hitung .kurang{color:#b91c1c;font-weight:650}.alasan-kotak>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px}@media (max-width: 560px){.alasan-overlay{padding:12px}.alasan-kotak{display:flex;flex-direction:column;max-block-size:calc(100dvh - 24px)}.alasan-kotak>header{padding:14px 14px 10px}.alasan-kotak .alasan-isi{padding:0 14px 4px;overflow-y:auto}.alasan-kotak textarea{min-block-size:84px}.alasan-kotak>footer{padding:12px 14px 14px}}.prof-analytics-page{gap:20px}.prof-hero-card{position:relative;isolation:isolate;overflow:hidden;padding:26px 30px;border-radius:16px;background:radial-gradient(120% 150% at 100% 0%,rgba(253,1,0,.55) 0%,transparent 55%),linear-gradient(135deg,#6d0100,#a30100 45%,#c40100);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px -8px #6d010080;color:#fff}.prof-hero-cap{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;font-size:clamp(1.5rem,5.4vw,4.2rem);font-weight:900;line-height:1;letter-spacing:-.03em;text-align:center;color:#ffffff24;filter:blur(4px)}.prof-hero-top,.prof-hero-content{position:relative;z-index:1}.prof-hero-top{display:flex;align-items:flex-start;gap:12px 16px;flex-wrap:wrap}.prof-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-inline-size:0}.prof-badge-intel{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.72rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.prof-badge-ver{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#00000038;border:1px solid rgba(255,255,255,.2);color:#ffffffeb;font-size:.7rem;font-weight:650;letter-spacing:.04em}.prof-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}.prof-year-picker{display:flex;align-items:center;gap:8px;padding:0 14px;height:38px;border-radius:10px;background:#00000042;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;font-size:.78rem;font-weight:700;transition:border-color .2s ease,background .2s ease}.prof-year-picker:hover,.prof-year-picker:focus-within{border-color:#fff9;background:#00000057}.prof-year-picker select{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;outline:none}.prof-year-picker select option{background:#4a0100;color:#fff}.prof-btn-cyber{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f1f5f9;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease}.prof-btn-cyber:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}.prof-btn-cyber:disabled{opacity:.6;cursor:default}.prof-badge-lingkup{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f5b8002e;border:1px solid rgba(245,184,0,.55);color:#ffdd7a;font-size:.7rem;font-weight:800;letter-spacing:.04em}.prof-btn-summary{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;background:#fff;border:1px solid #fff;color:#8f0100;font-family:inherit;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #00000038;transition:transform .2s ease,background .2s ease}.prof-btn-summary:hover:not(:disabled){background:#fff4f3;transform:translateY(-1px)}.prof-btn-summary:disabled{opacity:.55;cursor:default}.prof-hero-content{margin-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.prof-hero-title-group h1{margin:0;font-size:1.65rem;font-weight:850;letter-spacing:-.025em;color:#fff;background:linear-gradient(90deg,#fff,#fff 45%,#ffdd7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prof-hero-title-group p{margin:6px 0 0;font-size:.86rem;color:#ffffffd9}.prof-score-pill{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prof-score-pill.nada-waspada{border-color:#f5b8008c}.prof-score-pill.nada-waspada .prof-score-circle{border-color:#f5b800;box-shadow:0 0 14px #f5b80059}.prof-score-pill.nada-waspada .prof-score-circle span,.prof-score-pill.nada-waspada .prof-score-text .status{color:#ffdd7a}.prof-score-pill.nada-jebol{background:#0006;border-color:#fff}.prof-score-pill.nada-jebol .prof-score-circle{background:#fff;border-color:#fff;box-shadow:0 0 18px #ffffff73}.prof-score-pill.nada-jebol .prof-score-circle span{color:#8f0100}.prof-score-pill.nada-jebol .prof-score-text .status{color:#fff}.prof-score-circle{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;padding:0 10px;height:44px;border-radius:999px;background:#00000059;border:2px solid rgba(255,255,255,.75)}.prof-score-circle span{font-size:1.1rem;font-weight:850;color:#fff;white-space:nowrap}.prof-score-text{display:flex;flex-direction:column}.prof-score-text .label{font-size:.65rem;font-weight:750;letter-spacing:.08em;color:#fffc}.prof-score-text .status{font-size:.78rem;font-weight:800;color:#fff}.prof-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.prof-tele-card{position:relative;overflow:hidden;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .prof-tele-card{background:#0f172abf;border-color:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prof-tele-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000026;border-color:#38bdf859}.prof-tele-card.prof-tele-waspada{border-color:#f59e0b59;background:linear-gradient(180deg,rgba(245,158,11,.05),transparent 60%),var(--surface)}.prof-tele-card.prof-tele-jebol{border-color:#ef444466;background:linear-gradient(180deg,rgba(239,68,68,.06),transparent 60%),var(--surface)}.prof-tele-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}.prof-tele-icon.icon-cyan{background:#f5b80024;color:#a67c00}[data-theme=dark] .prof-tele-icon.icon-cyan{color:var(--brand-gold)}.prof-tele-icon.icon-purple{background:#fd01001a;color:#b30100}[data-theme=dark] .prof-tele-icon.icon-purple{color:#ff8a87}.prof-tele-icon.icon-amber{background:#f59e0b1f;color:#d97706}[data-theme=dark] .prof-tele-icon.icon-amber{color:#fbbf24}.prof-tele-icon.icon-emerald{background:#10b9811f;color:#059669}[data-theme=dark] .prof-tele-icon.icon-emerald{color:#34d399}.prof-tele-icon.icon-indigo{background:#6366f11f;color:#4338ca}[data-theme=dark] .prof-tele-icon.icon-indigo{color:#818cf8}.prof-tele-body{display:flex;flex-direction:column}.prof-tele-label{font-size:.68rem;font-weight:750;letter-spacing:.06em;color:var(--brand-muted)}.prof-tele-value{font-size:1.35rem;font-weight:850;line-height:1.25;margin:4px 0 2px;color:var(--brand-black);letter-spacing:-.02em}.prof-tele-value.cyan-glow{color:#a67c00}[data-theme=dark] .prof-tele-value.cyan-glow{color:var(--brand-gold)}.prof-tele-value.purple-glow{color:#b30100}[data-theme=dark] .prof-tele-value.purple-glow{color:#ff8a87}.prof-tele-value.amber-glow{color:#d97706}[data-theme=dark] .prof-tele-value.amber-glow{color:#fbbf24}.prof-tele-value.emerald-glow{color:#059669}[data-theme=dark] .prof-tele-value.emerald-glow{color:#34d399}.prof-tele-value.indigo-glow{color:#4338ca}[data-theme=dark] .prof-tele-value.indigo-glow{color:#818cf8}.prof-tele-sub{font-size:.72rem;color:var(--brand-muted)}.prof-mini-gauge{height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin:6px 0 4px}.prof-mini-gauge .prof-gauge-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-indigo),var(--brand-gold),var(--brand-red));transition:width .6s cubic-bezier(.16,1,.3,1)}.prof-pill-tag{font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.prof-pill-tag.safe{background:#10b98124;color:#047857}[data-theme=dark] .prof-pill-tag.safe{color:#34d399}.prof-pill-tag.warn{background:#f5b8002e;color:#a67c00}[data-theme=dark] .prof-pill-tag.warn{color:var(--brand-gold)}.prof-pill-tag.over{background:#fd01001f;color:#b30100}[data-theme=dark] .prof-pill-tag.over{color:#ff8a87}.prof-insights-panel{padding:20px 22px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=dark] .prof-insights-panel{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-color:#38bdf833}.prof-insights-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.prof-insights-header h3{margin:0;font-size:.88rem;font-weight:850;letter-spacing:.05em;color:var(--brand-black)}.prof-ai-pulse{width:10px;height:10px;border-radius:50%;background:#a855f7;box-shadow:0 0 10px #a855f7;animation:profPulseGlow 1.5s infinite ease-in-out}.prof-insights-tag{font-size:.66rem;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:999px;background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.25)}.prof-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.prof-insight-card{padding:14px 16px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.prof-insight-card.highlight{background:#f59e0b0f;border-color:#f59e0b40}.prof-insight-head{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--brand-muted)}.prof-insight-val{font-size:1.1rem;font-weight:850;color:var(--brand-black)}.prof-insight-desc{font-size:.74rem;color:var(--brand-muted);line-height:1.4}.prof-segmented-bar{display:flex;align-items:center;gap:6px;padding:5px;border-radius:12px;background:var(--surface-3);border:1px solid var(--border);overflow-x:auto}.prof-seg-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--brand-muted);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease}.prof-seg-btn:hover{color:var(--brand-black);background:#ffffff0d}.prof-seg-btn.active{background:var(--surface);color:var(--brand-indigo);box-shadow:0 2px 8px #00000014;font-weight:800}[data-theme=dark] .prof-seg-btn.active{color:#818cf8}.prof-kartu-seksi{overflow:hidden}.prof-seksi-meta{font-size:.76rem;font-weight:700;color:var(--brand-muted);font-variant-numeric:tabular-nums}.cl-chip.setrip{block-size:3px;border-radius:2px;opacity:.45;align-self:center}.cl-chip.arsir{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.65) 0 2px,transparent 2px 5px)}.prof-quarterly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.prof-quarter-card{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.prof-quarter-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-indigo) 35%,var(--border))}.prof-quarter-card.kosong{background:transparent;border-style:dashed}.prof-quarter-card.kosong .prof-q-utama strong{color:var(--brand-muted)}.prof-quarter-card.tertinggi{border-color:color-mix(in srgb,var(--brand-indigo) 45%,var(--border))}.prof-quarter-card.overbudget{border-color:color-mix(in srgb,var(--brand-red) 40%,var(--border));background:color-mix(in srgb,var(--brand-red) 4%,var(--surface-2))}.prof-q-head{display:flex;align-items:center;gap:10px}.prof-q-badge{flex:0 0 auto;padding:3px 9px;border-radius:7px;background:color-mix(in srgb,var(--brand-indigo) 14%,transparent);color:var(--brand-indigo);font-size:.74rem;font-weight:850;font-variant-numeric:tabular-nums}.prof-q-label{display:flex;flex-direction:column;min-inline-size:0;font-size:.82rem;font-weight:800;color:var(--brand-black);line-height:1.25}.prof-q-label small{font-size:.68rem;font-weight:600;color:var(--brand-muted)}.prof-q-tag{margin-inline-start:auto;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 14%,transparent);color:var(--brand-indigo);font-size:.6rem;font-weight:850;letter-spacing:.06em}.prof-q-utama{display:flex;flex-direction:column;gap:2px}.prof-q-utama strong{font-size:1.05rem;font-weight:850;color:var(--brand-black);letter-spacing:-.015em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.prof-q-utama span{font-size:.74rem;color:var(--brand-muted)}.prof-q-meter{display:flex;flex-direction:column;gap:5px;margin-block-start:auto}.prof-q-meter-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--brand-muted)}.prof-q-meter-head strong{color:var(--brand-black);font-variant-numeric:tabular-nums}.prof-q-bar-bg{height:6px;border-radius:999px;background:color-mix(in srgb,var(--brand-black) 8%,var(--surface));overflow:hidden}.prof-q-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.prof-q-bar-fill.porsi{background:linear-gradient(90deg,var(--brand-red),color-mix(in srgb,var(--brand-red) 55%,transparent))}.prof-q-bar-fill.bg-emerald{background:#10b981}.prof-q-bar-fill.bg-amber{background:var(--brand-gold)}.prof-q-bar-fill.bg-red{background:var(--brand-red)}.prof-q-stats{display:flex;flex-direction:column;gap:6px;padding-block-start:12px;border-block-start:1px solid var(--border)}.prof-q-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem}.prof-q-sublabel{color:var(--brand-muted)}.prof-q-val{font-weight:800;font-variant-numeric:tabular-nums}.prof-q-val.emas{color:#a67c00}[data-theme=dark] .prof-q-val.emas{color:var(--brand-gold)}.prof-table-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.prof-search-box{position:relative;display:flex;align-items:center;width:260px}.prof-search-box svg{position:absolute;left:12px;color:var(--brand-muted)}.prof-search-box input{width:100%;height:36px;padding:0 32px 0 36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-size:.8rem}.prof-search-box input:focus{outline:none;border-color:var(--brand-indigo)}.prof-clear-btn{position:absolute;right:10px;background:none;border:none;color:var(--brand-muted);font-size:1.1rem;cursor:pointer}.prof-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prof-filter-pill{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s ease}.prof-filter-pill:hover{background:var(--surface-hover);color:var(--brand-black)}.prof-filter-pill.active{background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);border-color:color-mix(in srgb,var(--brand-indigo) 40%,transparent);color:var(--brand-indigo);font-weight:800}[data-theme=dark] .prof-filter-pill.active{color:#818cf8}.prof-filter-pill.danger.active{background:color-mix(in srgb,var(--brand-red) 10%,transparent);border-color:color-mix(in srgb,var(--brand-red) 40%,transparent);color:#b30100}[data-theme=dark] .prof-filter-pill.danger.active{color:#ff8a87}.prof-table-frame{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.prof-ledger-table{width:100%}.prof-ledger-table thead th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-3);padding:12px 14px}.prof-ledger-table tbody td{padding:12px 14px;font-size:.82rem;border-bottom:1px solid var(--border)}.prof-ledger-table tr.row-overbudget{background:#ef444408}.prof-ledger-table tr.row-empty{opacity:.5}.prof-month-code{padding:2px 6px;border-radius:4px;background:var(--surface-3);font-family:var(--font-mono);font-size:.7rem;font-weight:750;color:var(--brand-muted)}.prof-month-name{font-weight:800;color:var(--brand-black)}.prof-po-chip{padding:3px 8px;border-radius:6px;background:var(--surface-3);font-size:.76rem;font-weight:700}.prof-num-amber{color:#b45309;font-weight:800}[data-theme=dark] .prof-num-amber{color:#fbbf24}.prof-num-cyan{color:#a67c00;font-weight:800}[data-theme=dark] .prof-num-cyan{color:var(--brand-gold)}.prof-num-purple{color:#b30100;font-weight:800}[data-theme=dark] .prof-num-purple{color:#ff8a87}.prof-num-green{color:#059669;font-weight:800}[data-theme=dark] .prof-num-green{color:#34d399}.prof-num-red{color:#dc2626;font-weight:800}[data-theme=dark] .prof-num-red{color:#f87171}.prof-num-sub{font-size:.78rem;color:var(--brand-muted)}.prof-table-serapan-cell{display:flex;align-items:center;gap:8px}.prof-table-progress-bg{flex:1;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.prof-table-progress-fill{height:100%;border-radius:999px}.prof-table-progress-fill.bg-emerald{background:#10b981}.prof-table-progress-fill.bg-amber{background:var(--brand-gold)}.prof-table-progress-fill.bg-red{background:var(--brand-red)}.prof-tfoot-row td{background:var(--surface-2);padding:14px;vertical-align:top}.prof-table-catatan{margin:10px 2px 0;font-size:.74rem;line-height:1.5;color:var(--brand-muted)}.prof-glass-loader{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.prof-glass-loader span{font-size:.82rem;color:var(--brand-muted);text-align:center}.prof-warning-banner{display:flex;align-items:flex-start;gap:10px;line-height:1.55}.prof-warning-banner svg{flex:0 0 auto;margin-top:2px}.prof-viz-container{padding:2px 0 0}.prof-kanvas{position:relative;inline-size:100%}.prof-svg{display:block;inline-size:100%;block-size:auto;overflow:visible}.chart-axis.aktif{fill:var(--brand-indigo);font-weight:800}.chart-axis.kosong{opacity:.5}.prof-nilai-batang{fill:var(--brand-black);font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}.prof-batang-nol{fill:var(--brand-muted);opacity:.35}.prof-tick-x.kosong{opacity:.55}.prof-viz-kosong{position:absolute;inset-block-start:42%;inset-inline:0;text-align:center;font-size:.82rem;font-weight:650;color:var(--brand-muted);pointer-events:none}.prof-hover-pit{fill:transparent;cursor:pointer;transition:fill .15s ease}.prof-hover-pit.aktif{fill:color-mix(in srgb,var(--brand-indigo) 7%,transparent)}.prof-tooltip{position:absolute;inset-block-start:4px;z-index:5;min-inline-size:200px;padding:11px 13px;border-radius:10px;background:#1c1917;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 25px -5px #0006;pointer-events:none}.prof-tt-title{display:block;margin-block-end:8px;padding-block-end:6px;border-block-end:1px solid rgba(255,255,255,.12);font-size:.72rem;font-weight:850;letter-spacing:.05em;color:#fff}.prof-tt-body{display:flex;flex-direction:column;gap:4px}.prof-tt-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem}.prof-tt-label{display:inline-flex;align-items:center;gap:7px;color:#ffffffb3}.prof-tt-val{color:#fff;font-weight:800;font-variant-numeric:tabular-nums}.prof-tt-badge{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px}.prof-tt-badge.sukses{background:#10b98133;color:#34d399}.prof-tt-badge.warning{background:#f5b80038;color:#fbbf24}.prof-tt-badge.jebol{background:#fd010040;color:#ff8a87}.prof-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease}.prof-modal-card{width:min(600px,100%);border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px #0000004d;overflow:hidden}.prof-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface-2)}.prof-modal-header h3{margin:0;font-size:1.1rem;font-weight:850;color:var(--brand-black)}.prof-modal-header p{margin:2px 0 0;font-size:.78rem;color:var(--brand-muted)}.prof-modal-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo);display:grid;place-items:center}[data-theme=dark] .prof-modal-icon{color:#818cf8}.prof-modal-close{background:none;border:none;font-size:1.5rem;color:var(--brand-muted);cursor:pointer}.prof-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.prof-summary-box,.prof-summary-notes{padding:16px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.prof-summary-box h4,.prof-summary-notes h4{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--brand-muted)}.prof-summary-box ul,.prof-summary-notes ul{margin:0;padding-left:18px;font-size:.84rem;line-height:1.6;color:var(--brand-black)}.prof-summary-box p,.prof-summary-notes p{margin:0;font-size:.84rem;line-height:1.6;color:var(--brand-black)}.prof-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface-2)}.prof-btn-print{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;background:var(--brand-indigo);border:none;color:#fff;font-family:inherit;font-size:.8rem;font-weight:750;cursor:pointer}.prof-btn-print:hover{background:var(--brand-indigo-dark)}.prof-btn-tutup{height:38px;padding:0 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--brand-black);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.prof-btn-tutup:hover{background:var(--surface-hover)}:root{--ah-indeks: #4f46e5;--ah-pita: #f59e0b;--ah-garis: #0f766e;--ah-garis-terang: #14b8a6;--ah-baik: #0f9d58;--ah-buruk: #d93025;--ah-sorot: #7c3aed;--ah-janggal: #b45309}[data-theme=dark]{--ah-indeks: #818cf8;--ah-pita: #fbbf24;--ah-garis: #2dd4bf;--ah-garis-terang: #5eead4;--ah-baik: #34d399;--ah-buruk: #f87171;--ah-sorot: #a78bfa;--ah-janggal: #fbbf24}.ah-layar{display:flex;flex-direction:column;gap:18px;padding:18px}.ah-layar .dt{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.ah-memuat{display:flex;align-items:center;justify-content:center;min-height:320px;padding:40px 20px}.ah-periode-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ah-periode-info{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ah-lingkup{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.ah-lingkup-tab{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);flex-shrink:0}.ah-lingkup-btn{padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:650;cursor:pointer;transition:background .2s ease,color .2s ease}.ah-lingkup-btn:hover{color:var(--brand-black)}.ah-lingkup-btn.aktif{background:var(--surface);color:var(--brand-black);box-shadow:var(--shadow-sm)}.ah-pilih-barang{position:relative;min-width:0}.ah-lingkup .ah-pilih-barang{flex:1 1 340px}.filter-drawer-content .ah-barang-hasil{position:static;margin-top:6px;max-height:260px;box-shadow:none}.ah-barang-pt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.ah-barang-pt-label{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-right:2px}.ah-barang-pt-chip{height:26px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.72rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.ah-barang-pt-chip:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.ah-barang-pt-chip.aktif{border-color:var(--brand-indigo);background:var(--brand-indigo);color:#fff}.ah-barang-cari{width:100%;height:38px;padding:0 14px;border:1px solid var(--input-border);border-radius:var(--r-sm);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.82rem;outline:none}.ah-barang-cari:focus{border-color:var(--brand-indigo)}.ah-barang-cari::placeholder{color:var(--text-muted)}.ah-barang-hasil{position:absolute;z-index:20;inset-inline:0;top:calc(100% + 5px);max-height:320px;overflow-y:auto;margin:0;padding:5px;list-style:none;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-md)}.ah-barang-opsi{display:flex;flex-direction:column;gap:3px;width:100%;padding:7px 10px;border:0;border-radius:7px;background:none;text-align:left;cursor:pointer}.ah-barang-opsi:hover{background:var(--surface-hover)}.ah-barang-opsi-nama{font-size:.8rem;font-weight:600;color:var(--brand-black)}.ah-barang-opsi-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.ah-buka-pemilih{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:38px;padding:6px 14px;border:1px solid var(--input-border);border-radius:var(--r-sm);background:var(--surface);font-family:inherit;text-align:left;cursor:pointer}.ah-buka-pemilih span{font-size:.82rem;font-weight:600;color:var(--brand-black)}.ah-buka-pemilih small{font-size:.68rem;color:var(--text-muted)}.ah-buka-pemilih:hover{border-color:var(--brand-indigo)}.ah-buka-pemilih:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:2px}.ah-sup-jml{display:inline-flex;align-items:center;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--brand-indigo) 11%,transparent);color:var(--brand-indigo);font-size:.66rem;font-weight:700;white-space:nowrap}.ah-sup-jml.kosong{background:var(--surface-3);color:var(--text-muted);font-weight:600}.ah-sup-nonaktif{display:inline-flex;align-items:center;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--ah-buruk) 12%,transparent);color:var(--ah-buruk);font-size:.66rem;font-weight:700}.ah-barang-kosong,.ah-barang-memuat,.ah-barang-sisa{padding:12px 10px;font-size:.78rem;color:var(--text-muted);text-align:center}.ah-barang-memuat{font-weight:650;color:var(--brand-indigo)}.ah-barang-sisa{border-top:1px dashed var(--erp-garis-tebal);font-size:.72rem;line-height:1.5}.ah-barang-ganti{flex-shrink:0;height:22px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--brand-indigo);font-family:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.ah-barang-ganti:hover{border-color:var(--brand-indigo);background:color-mix(in srgb,var(--brand-indigo) 10%,var(--surface))}.ah-barang-terpilih{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border:1px solid color-mix(in srgb,var(--brand-indigo) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));max-width:100%}.ah-barang-terpilih strong{font-size:.82rem;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-barang-lepas{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:0;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.ah-barang-lepas:hover{background:var(--brand-red-soft);color:var(--brand-red-dark)}[data-theme=dark] .ah-barang-lepas:hover{background:color-mix(in srgb,var(--brand-red) 25%,transparent);color:#fff}.ah-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ah-kpi{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.ah-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border)}.ah-kpi.ah-kpi-sukses:before{background:var(--ah-baik)}.ah-kpi.ah-kpi-bahaya:before{background:var(--ah-buruk)}.ah-kpi.ah-kpi-sorot:before{background:var(--ah-sorot)}.ah-kpi.ah-kpi-menunggu:before{background:var(--ah-pita)}.ah-kpi-kepala{display:flex;align-items:center;gap:7px;color:var(--text-muted)}.ah-kpi-ikon{display:inline-flex;color:var(--brand-indigo)}.ah-kpi-judul{font-size:.74rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.ah-kpi-nilai{font-size:1.6rem;font-weight:750;line-height:1.15;color:var(--brand-black);font-variant-numeric:tabular-nums}.ah-kpi-nilai.ah-kpi-kosong{color:var(--text-muted);font-weight:600}.ah-kpi-catatan{font-size:.76rem;color:var(--text-muted);line-height:1.4}.ah-napas{display:flex;flex-wrap:wrap;gap:10px;font-size:.95rem;font-weight:700}.ah-napas>span{display:inline-flex;align-items:center;gap:4px}.ah-napas>span:before{content:"";width:7px;height:7px;border-radius:50%}.ah-napas .ah-napas-naik{color:var(--ah-buruk)}.ah-napas .ah-napas-naik:before{background:var(--ah-buruk)}.ah-napas .ah-napas-turun{color:var(--ah-baik)}.ah-napas .ah-napas-turun:before{background:var(--ah-baik)}.ah-napas .ah-napas-stabil{color:var(--text-muted)}.ah-napas .ah-napas-stabil:before{background:var(--text-muted)}.ah-panel{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.ah-panel-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 18px 12px;border-bottom:1px solid var(--erp-garis)}.ah-panel-judul{margin:0;font-size:.95rem;font-weight:700;color:var(--brand-black)}.ah-panel-catatan{margin:5px 0 0;font-size:.76rem;line-height:1.5;color:var(--text-muted);max-width:78ch}.ah-panel-isi{padding:16px 18px 18px}.panel-kosong{padding:22px 6px;text-align:center;font-size:.82rem;color:var(--text-muted)}.ah-grafik{position:relative;overflow-x:auto;overflow-y:hidden}.ah-svg-indeks,.ah-svg-harga{display:block;width:100%;min-width:460px;height:auto}.ah-garis-indeks{fill:none;stroke:var(--ah-indeks);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.ah-grafik-harga{padding-top:4px}.ah-garis-harga{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ah-gambar-garis 1.1s cubic-bezier(.33,1,.68,1) forwards}@keyframes ah-gambar-garis{to{stroke-dashoffset:0}}.ah-tepi-pita{fill:none;stroke:var(--ah-pita);stroke-width:1;stroke-opacity:.55;stroke-linejoin:round}.ah-pita{stroke:var(--ah-pita);stroke-width:.8;stroke-opacity:.45}.ah-acuan-rata{stroke:var(--brand-indigo);stroke-width:1.4;stroke-dasharray:6 5;opacity:.75}.ah-acuan-rata-teks{font-size:9.5px;font-weight:700;fill:var(--brand-indigo);font-variant-numeric:tabular-nums}.ah-titik-min{fill:var(--ah-baik);stroke:var(--surface);stroke-width:2}.ah-titik-max{fill:var(--ah-buruk);stroke:var(--surface);stroke-width:2}.ah-ekstrem-teks{font-size:9px;font-weight:750;font-variant-numeric:tabular-nums}.ah-ekstrem-teks.min{fill:var(--ah-baik)}.ah-ekstrem-teks.max{fill:var(--ah-buruk)}.ah-halo{fill:var(--ah-garis);opacity:.18;animation:ah-denyut 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ah-denyut{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.32;transform:scale(1.18)}}.ah-ujung-rentang{fill:var(--ah-pita)}@media (prefers-reduced-motion: reduce){.ah-garis-harga{animation:none;stroke-dashoffset:0}.ah-halo{animation:none}}.ah-acuan{stroke:var(--text-muted);stroke-width:1.4;stroke-dasharray:5 4;opacity:.75}.ah-acuan-teks,.ah-sumbu-teks{font-size:9.5px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.ah-acuan-teks{font-weight:700;fill:var(--brand-black)}.ah-grid{stroke:var(--erp-garis);stroke-width:1}.ah-grid.dasar{stroke:var(--erp-garis-tebal)}.ah-titik-harga{fill:var(--surface);stroke:var(--ah-garis);stroke-width:2;transition:r .15s ease}.ah-titik-akhir{fill:var(--ah-indeks);stroke:var(--surface);stroke-width:2}.ah-titik-aktif{fill:var(--surface);stroke:var(--ah-garis);stroke-width:3}.ah-bidik{stroke:var(--brand-black);stroke-width:1;stroke-dasharray:3 3;opacity:.3}.ah-rentang-aktif{stroke:var(--ah-pita);stroke-width:3.5;stroke-linecap:round;opacity:.95}.ah-sumbu-x{display:flex;justify-content:space-between;margin-top:6px;font-size:.68rem;color:var(--text-muted);min-width:460px}.ah-sumbu-x span{flex:1;text-align:center;white-space:nowrap;overflow:hidden}.ah-sumbu-x span.aktif{color:var(--brand-black);font-weight:700}.ah-tooltip{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:var(--r-sm);background:var(--brand-charcoal);color:#fff;box-shadow:var(--shadow-md);pointer-events:none;z-index:2}.ah-tooltip .ah-tt-label{font-size:.68rem;opacity:.75}.ah-tooltip .ah-tt-val{font-size:.94rem;font-variant-numeric:tabular-nums}.ah-tooltip .ah-tt-sub{font-size:.68rem;opacity:.8;font-variant-numeric:tabular-nums}.ah-tooltip .ah-tt-selisih{margin-top:3px;padding-top:4px;border-top:1px solid rgba(255,255,255,.16);font-size:.68rem;font-weight:700;color:var(--ah-pita);font-variant-numeric:tabular-nums}.ah-tooltip.melayang{top:0;right:auto;transform:translate(14px,-50%);min-width:168px;animation:ah-tooltip-masuk .14s ease-out}.ah-tooltip.melayang.kiri{transform:translate(calc(-100% - 14px),-50%)}@keyframes ah-tooltip-masuk{0%{opacity:0}to{opacity:1}}.ah-legenda{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--erp-garis);font-size:.71rem;color:var(--text-muted)}.ah-legenda-item{display:inline-flex;align-items:center;gap:7px}.ah-legenda-item i{display:inline-block;flex-shrink:0;border-radius:2px}.ah-legenda-item .tanda-garis{width:16px;height:3px;background:var(--ah-garis);border-radius:999px}.ah-legenda-item .tanda-pita{width:16px;height:11px;background:color-mix(in srgb,var(--ah-pita) 30%,transparent);border-block:1px solid color-mix(in srgb,var(--ah-pita) 60%,transparent)}.ah-legenda-item .tanda-acuan{width:16px;height:0;border-top:2px dashed var(--brand-indigo);border-radius:0}.ah-satu-titik{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px dashed var(--erp-garis-tebal);border-radius:var(--r-sm);text-align:center}.ah-satu-titik .ah-satu-label{font-size:.74rem;color:var(--text-muted)}.ah-satu-titik .ah-satu-nilai{font-size:1.4rem;font-weight:750;font-variant-numeric:tabular-nums}.ah-satu-titik .ah-satu-catatan{font-size:.76rem;color:var(--text-muted);line-height:1.5}.ah-spark{display:block;margin:0 auto;overflow:visible}.ah-spark polyline{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.ah-spark.naik polyline{stroke:var(--ah-buruk)}.ah-spark.naik circle{fill:var(--ah-buruk)}.ah-spark.turun polyline{stroke:var(--ah-baik)}.ah-spark.turun circle{fill:var(--ah-baik)}.ah-spark-kosong{color:var(--text-muted)}.ah-sorot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ah-sorot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ah-sorot-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0}.ah-sorot-item+.ah-sorot-item{border-top:1px solid var(--erp-garis)}.ah-sorot-nama{min-width:0;display:flex;flex-direction:column;gap:3px}.ah-sorot-judul{font-size:.8rem;font-weight:600;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-sorot-nilai{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ah-sorot-angka{font-size:.86rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.ah-sorot-angka.hemat{color:var(--ah-sorot)}.ah-sorot-angka.periksa{color:var(--ah-janggal);font-size:.76rem}.ah-sorot-angka.nada-bahaya{color:var(--ah-buruk)}.ah-sorot-angka.nada-sukses{color:var(--ah-baik)}.ah-sorot-angka.nada-netral{color:var(--text-muted)}.ah-sorot-sub{font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ah-pt,.ah-kode,.ah-satuan{display:inline-flex;align-items:center;padding:1px 6px;border-radius:5px;font-size:.66rem;font-weight:650;letter-spacing:.02em;white-space:nowrap}.ah-pt{background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo)}.ah-kode{background:var(--surface-3);color:var(--text-muted);font-family:var(--font-mono)}.ah-satuan{background:transparent;color:var(--text-muted);padding-left:0}.ah-lencana-terbaik{display:inline-flex;align-items:center;margin-right:7px;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--brand-gold) 22%,transparent);color:#7a5600;font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .ah-lencana-terbaik{color:var(--brand-gold)}.ah-lencana-janggal{display:inline-flex;margin-left:7px;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--ah-janggal) 16%,transparent);color:var(--ah-janggal);font-size:.64rem;font-weight:700;white-space:nowrap}.ah-pemberitahuan{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--erp-garis-tebal);border-left:3px solid var(--brand-indigo);border-radius:var(--r-sm);background:var(--surface-2);font-size:.79rem;color:var(--text-muted);line-height:1.5}.ah-tautan{border:0;background:none;padding:0;color:var(--brand-indigo);font-size:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ah-tautan:hover{color:var(--brand-indigo-dark)}.ah-hemat{color:var(--ah-sorot);font-weight:700}.ah-metodologi{border:1px solid var(--erp-garis);border-radius:var(--r-sm);background:var(--surface-2);font-size:.78rem}.ah-metodologi summary{padding:10px 15px;cursor:pointer;font-weight:650;color:var(--text-muted);-webkit-user-select:none;user-select:none}.ah-metodologi summary:hover{color:var(--brand-black)}.ah-metodologi ul{margin:0;padding:0 18px 14px 34px;color:var(--text-muted);line-height:1.65}.ah-detail{display:flex;flex-direction:column;gap:18px;padding:18px}.ah-detail-kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding-bottom:16px;border-bottom:2px solid var(--erp-garis)}.ah-detail-identitas{min-width:0}.ah-detail-judul{margin:0 0 9px;font-size:1.3rem;font-weight:780;color:var(--brand-black);line-height:1.2;letter-spacing:-.015em}.ah-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.ah-detail-harga{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ah-detail-harga-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:650}.ah-detail-harga-nilai{font-size:1.55rem;font-weight:780;font-variant-numeric:tabular-nums;color:var(--brand-black);line-height:1.1}.ah-detail-harga-nilai small{font-size:.8rem;font-weight:600;color:var(--text-muted)}.ah-detail-delta{display:flex;align-items:baseline;gap:6px;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.ah-detail-delta small{font-size:.68rem;font-weight:500;color:var(--text-muted)}.ah-detail-delta.nada-bahaya{color:var(--ah-buruk)}.ah-detail-delta.nada-sukses{color:var(--ah-baik)}.ah-detail-delta.nada-netral{color:var(--text-muted)}.ah-rekomendasi{display:flex;gap:13px;padding:15px 18px;border-radius:var(--r-md);border:1px solid var(--erp-garis-tebal);border-left:4px solid var(--brand-indigo);background:linear-gradient(100deg,color-mix(in srgb,var(--brand-indigo) 7%,var(--surface)),var(--surface) 65%)}.ah-rekomendasi.nada-bahaya{border-left-color:var(--ah-buruk)}.ah-rekomendasi.nada-sukses{border-left-color:var(--ah-baik)}.ah-rekom-ikon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px;color:var(--brand-indigo)}.ah-rekom-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:.86rem;line-height:1.55;color:var(--brand-black)}.ah-rekom-list li{min-width:0}.ah-rekom-teks{display:inline}.ah-senama{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border:1px dashed var(--erp-garis-tebal);border-radius:var(--r-sm);font-size:.76rem;color:var(--text-muted);line-height:1.5}.ah-senama-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-family:var(--font-mono);font-size:.7rem;color:var(--brand-black);cursor:pointer}.ah-senama-chip:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.ah-angka-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));gap:12px;align-items:stretch}.ah-angka{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-width:0}.ah-angka.sorot{border-color:color-mix(in srgb,var(--ah-sorot) 35%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--ah-sorot) 6%,var(--surface)),var(--surface) 70%)}.ah-angka .ah-angka-sub{margin-top:auto}.ah-angka-sup{display:block;font-weight:650;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ah-angka-label{font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.ah-angka-nilai{font-size:1.05rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--brand-black);line-height:1.25}.ah-angka-nilai small{font-size:.7rem;font-weight:600;color:var(--text-muted)}.ah-angka-nilai.baik{color:var(--ah-baik)}.ah-angka-nilai.buruk{color:var(--ah-buruk)}.ah-angka-sub{font-size:.685rem;color:var(--text-muted);line-height:1.45;min-width:0}.ah-info-bungkus{position:relative;display:inline-flex;vertical-align:middle;margin-left:5px}.ah-info-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.ah-info-btn:hover{background:var(--surface-hover);color:var(--brand-indigo)}.ah-info-btn.aktif{background:var(--brand-indigo);color:#fff}.ah-info-btn:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:1px}.ah-info-panel{position:fixed;z-index:9701;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:11px;width:min(460px,100vw - 32px);max-height:min(80vh,620px);overflow-y:auto;padding:15px 17px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);text-align:left;white-space:normal;font-weight:400;text-transform:none;letter-spacing:normal;cursor:default}.ah-info-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9700;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ah-info-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ah-info-kepala strong{font-size:.92rem;font-weight:750;line-height:1.35;color:var(--brand-black)}.ah-info-tutup{flex-shrink:0;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:1.15rem;line-height:1;cursor:pointer}.ah-info-tutup:hover{background:var(--surface-hover);color:var(--brand-black)}.ah-info-ringkas{display:block;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.ah-info-langkah{display:flex;flex-direction:column;border:1px solid var(--erp-garis);border-radius:var(--r-sm);overflow:hidden}.ah-info-baris{display:grid;grid-template-columns:20px 1fr auto;align-items:baseline;gap:9px;padding:8px 11px;font-size:.755rem;line-height:1.45}.ah-info-baris+.ah-info-baris{border-top:1px solid var(--erp-garis)}.ah-info-baris.hasil{background:color-mix(in srgb,var(--brand-indigo) 8%,transparent)}.ah-info-baris.hasil .ah-info-nilai{color:var(--brand-indigo);font-weight:800}.ah-info-baris.hasil .ah-info-no{background:var(--brand-indigo);color:#fff}.ah-info-no{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:.64rem;font-weight:800}.ah-info-label{color:var(--text-muted);min-width:0}.ah-info-nilai{text-align:right;font-weight:700;color:var(--brand-black);font-variant-numeric:tabular-nums}.ah-info-arti{display:block;padding:11px 13px;border-radius:var(--r-sm);background:var(--surface-2);border-left:3px solid var(--brand-indigo);font-size:.775rem;line-height:1.65;color:var(--brand-black)}.ah-info-arti strong{display:block;margin-bottom:4px;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-indigo)}.ah-po-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ah-po-modal{position:fixed;z-index:9801;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(880px,100vw - 32px);max-height:min(88vh,820px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.ah-po-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--erp-garis);background:var(--surface-2)}.ah-po-judul{display:flex;flex-direction:column;gap:5px;min-width:0}.ah-po-judul strong{font-family:var(--font-mono);font-size:1rem;font-weight:750;color:var(--brand-black);word-break:break-all}.ah-po-label{font-size:.66rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ah-po-lencana{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ah-po-tutup{flex-shrink:0;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer}.ah-po-tutup:hover{background:var(--surface-hover);color:var(--brand-black)}.ah-po-isi{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.ah-po-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 18px;margin:0}.ah-po-info>div{min-width:0}.ah-po-info dt{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.ah-po-info dd{margin:3px 0 0;font-size:.83rem;font-weight:600;color:var(--brand-black);line-height:1.4;overflow-wrap:anywhere}.ah-po-info dd small{font-weight:500;color:var(--text-muted)}.ah-po-info dd.mono{font-family:var(--font-mono);font-size:.78rem}.ah-po-approval{padding-top:14px;border-top:1px solid var(--erp-garis)}.ah-po-tabel-bungkus{overflow-x:auto}.ah-po-tabel{min-width:560px}.ah-po-tabel td{vertical-align:top;padding-block:10px}.ah-po-barang{display:block;font-weight:650;color:var(--brand-black);white-space:normal}.ah-po-barang-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px}.ah-po-konversi{font-size:.66rem;color:var(--text-muted)}.ah-po-setara{display:block;font-size:.68rem;font-weight:500;color:var(--text-muted)}.ah-po-baris-sorot{background:color-mix(in srgb,var(--brand-indigo) 8%,transparent)!important}.ah-po-baris-sorot td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.ah-po-total{align-self:flex-end;width:min(340px,100%);display:flex;flex-direction:column;gap:6px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.ah-po-total-baris{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:.79rem;color:var(--text-muted)}.ah-po-total-baris strong{font-weight:700;color:var(--brand-black);font-variant-numeric:tabular-nums}.ah-po-total-baris strong.kurang{color:var(--ah-baik)}.ah-po-total-baris.utama{margin-top:3px;padding-top:8px;border-top:1px solid var(--erp-garis-tebal);font-size:.86rem;color:var(--brand-black);font-weight:650}.ah-po-total-baris.utama strong{font-size:1.02rem}.ah-po-catatan{margin:0;padding:10px 13px;border-radius:var(--r-sm);background:var(--surface-2);border-left:3px solid var(--brand-indigo);font-size:.76rem;line-height:1.6;color:var(--text-muted)}.ah-po-catatan strong{color:var(--brand-black)}.ah-po-catatan.tolak{border-left-color:var(--ah-buruk);background:color-mix(in srgb,var(--ah-buruk) 7%,transparent);color:var(--ah-buruk)}.ah-po-kaki{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--erp-garis);background:var(--surface-2)}.ah-po-kaki-info{font-size:.76rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ah-po-kaki-tutup{height:34px;padding:0 18px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.79rem;font-weight:650;cursor:pointer}.ah-po-kaki-tutup:hover{background:var(--surface-hover)}.ah-waspada{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--ah-janggal) 40%,transparent);border-left:4px solid var(--ah-janggal);border-radius:var(--r-md);background:color-mix(in srgb,var(--ah-janggal) 8%,var(--surface))}.ah-waspada-ikon{flex-shrink:0;display:flex;padding-top:1px;color:var(--ah-janggal)}.ah-waspada-isi{flex:1;min-width:0}.ah-waspada-isi strong{display:block;font-size:.87rem;font-weight:700;color:var(--brand-black);line-height:1.4}.ah-waspada-isi p{margin:5px 0 0;font-size:.79rem;line-height:1.6;color:var(--text-muted)}.ah-waspada-isi p strong{display:inline;font-size:inherit;color:var(--brand-black)}.ah-waspada-tombol{flex-shrink:0;align-self:center;height:34px;padding:0 15px;border:0;border-radius:var(--r-sm);background:var(--ah-janggal);color:#fff;font-family:inherit;font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer}.ah-waspada-tombol:hover{filter:brightness(1.08)}.ah-waspada-tombol:focus-visible{outline:2px solid var(--brand-black);outline-offset:2px}[data-theme=dark] .ah-waspada-tombol{color:#241a06}.ah-penggaris{display:flex;flex-direction:column;gap:16px}.ah-penggaris-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.ah-penggaris-kalimat{flex:1 1 300px;margin:0;font-size:.83rem;line-height:1.6;color:var(--brand-black)}.ah-penggaris-rel{position:relative;margin:30px 0 26px;height:10px}.ah-penggaris-jalur{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,var(--ah-baik),var(--ah-pita) 55%,var(--ah-buruk));opacity:.75}.ah-penggaris-rata{position:absolute;top:-5px;transform:translate(-50%)}.ah-penggaris-rata-garis{display:block;width:2px;height:20px;margin:0 auto;border-radius:2px;background:var(--brand-black);opacity:.55}.ah-penggaris-rata-label{position:absolute;top:22px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.66rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ah-penggaris-tanda{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.ah-penggaris-tanda .ah-penggaris-bulat{width:18px;height:18px;border-radius:50%;background:var(--surface);border:4px solid var(--text-muted);box-shadow:var(--shadow-sm)}.ah-penggaris-tanda .ah-penggaris-nilai{position:absolute;bottom:20px;white-space:nowrap;padding:2px 9px;border-radius:999px;background:var(--brand-charcoal);color:#fff;font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums}.ah-penggaris-tanda.nada-sukses .ah-penggaris-bulat{border-color:var(--ah-baik)}.ah-penggaris-tanda.nada-bahaya .ah-penggaris-bulat{border-color:var(--ah-buruk)}.ah-penggaris-tanda.nada-menunggu .ah-penggaris-bulat{border-color:var(--ah-pita)}.ah-penggaris-ujung{display:flex;justify-content:space-between;gap:12px}.ah-penggaris-ujung>span{display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}.ah-penggaris-ujung .ah-penggaris-kanan{text-align:right}.ah-penggaris-ujung strong{font-size:.82rem;font-weight:700;color:var(--brand-black)}.ah-penggaris-ujung small{font-size:.68rem;color:var(--text-muted)}.ah-penggaris-ujung .ah-penggaris-kiri strong{color:var(--ah-baik)}.ah-penggaris-ujung .ah-penggaris-kanan strong{color:var(--ah-buruk)}.ah-saring-riwayat{display:flex;flex-wrap:wrap;gap:6px}.ah-saring-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.73rem;font-weight:650;white-space:nowrap;cursor:pointer}.ah-saring-chip:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.ah-saring-chip.aktif{border-color:var(--brand-black);background:var(--brand-black);color:var(--surface)}.ah-saring-chip.janggal{border-color:color-mix(in srgb,var(--ah-janggal) 45%,transparent);color:var(--ah-janggal)}.ah-saring-chip.janggal.aktif{background:var(--ah-janggal);border-color:var(--ah-janggal);color:#fff}.ah-saring-jml{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.66rem;font-weight:750}.ah-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;border-radius:5px;font-size:.63rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.ah-tag.murah{background:color-mix(in srgb,var(--ah-baik) 16%,transparent);color:var(--ah-baik)}.ah-tag.mahal{background:color-mix(in srgb,var(--ah-buruk) 14%,transparent);color:var(--ah-buruk)}.ah-tag.janggal{background:color-mix(in srgb,var(--ah-janggal) 18%,transparent);color:var(--ah-janggal)}.ah-tag.terbaru{background:color-mix(in srgb,var(--brand-indigo) 13%,transparent);color:var(--brand-indigo)}.ah-sel-harga{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px}.ah-sel-supplier{max-width:240px;overflow:hidden;text-overflow:ellipsis}.ah-baris-sebab td{padding-top:0!important;padding-bottom:10px!important;border-bottom:1px solid var(--erp-garis);background:color-mix(in srgb,var(--ah-janggal) 7%,transparent);font-size:.74rem;line-height:1.55;color:var(--ah-janggal);white-space:normal!important}.ah-sebab-ikon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:7px;border-radius:50%;background:var(--ah-janggal);color:#fff;font-size:.66rem;font-weight:900;vertical-align:-2px}.ah-riwayat-kosong{text-align:center!important;padding:20px!important;color:var(--text-muted)}.ah-supplier{display:flex;flex-direction:column;gap:13px}.ah-sup-baris{display:flex;flex-direction:column;gap:5px}.ah-sup-baris.terbaik .ah-sup-harga{color:var(--ah-baik)}.ah-sup-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ah-sup-nama{min-width:0;font-size:.82rem;font-weight:600;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-sup-harga{flex-shrink:0;font-size:.88rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--brand-black)}.ah-sup-harga small{font-size:.7rem;font-weight:500;color:var(--text-muted)}.ah-sup-rel{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.ah-sup-isi{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ah-pita),var(--ah-buruk));transition:width .35s ease}.ah-sup-kaki{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ah-sup-acuan{color:var(--ah-baik);font-weight:650}.ah-sup-selisih{color:var(--ah-buruk);font-weight:600}.ah-sup-rugi{color:var(--ah-buruk)}.ah-tabel-bungkus{overflow-x:auto}.ah-tabel-bungkus.ah-riwayat{max-height:460px;overflow-y:auto}.ah-tabel{width:100%;min-width:640px;font-size:.78rem;border-collapse:collapse}.ah-tabel th,.ah-tabel td{padding:8px 11px;border-bottom:1px solid var(--erp-garis);text-align:left;white-space:nowrap}.ah-tabel th{position:sticky;top:0;background:var(--erp-kepala);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);z-index:1}.ah-tabel td{font-variant-numeric:tabular-nums}.ah-tabel .kanan{text-align:right}.ah-tabel tbody tr:nth-child(2n){background:var(--erp-zebra)}.ah-tabel .ah-baris-terbaik,.ah-tabel .ah-baris-terendah{background:color-mix(in srgb,var(--ah-baik) 7%,transparent)!important}.ah-tabel .ah-baris-tertinggi{background:color-mix(in srgb,var(--ah-buruk) 6%,transparent)!important}.ah-tabel .ah-baris-anomali{background:color-mix(in srgb,var(--ah-janggal) 10%,transparent)!important}.ah-tabel .ah-baris-anomali td{border-bottom:0}.ah-tabel .ah-baris-anomali td:first-child,.ah-tabel .ah-baris-sebab td:first-child{box-shadow:inset 3px 0 0 var(--ah-janggal)}.ah-info-bungkus.pada-nilai{margin-left:0}.ah-sel-info{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 5px;margin:-2px -5px;border:0;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer;transition:background .15s ease;border-bottom:1px dashed color-mix(in srgb,var(--text-muted) 45%,transparent);border-radius:6px 6px 0 0}.ah-sel-info:hover,.ah-sel-info.aktif{background:color-mix(in srgb,var(--brand-indigo) 10%,transparent);border-bottom-color:var(--brand-indigo)}.ah-sel-info:hover .ah-sel-info-ikon,.ah-sel-info.aktif .ah-sel-info-ikon{opacity:1;color:var(--brand-indigo)}.ah-sel-info:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:1px}.ah-sel-info-ikon{display:inline-flex;flex-shrink:0;opacity:.28;color:var(--text-muted);transition:opacity .15s ease,color .15s ease}.ah-sel-kosong{color:var(--text-muted)}.ah-acuan-teks-sel{color:var(--ah-baik);font-weight:650}.ah-selisih{color:var(--ah-buruk)}.ah-selisih small{color:var(--text-muted)}.ah-tautan-po{border:0;background:none;padding:0;font-family:var(--font-mono);font-size:.74rem;color:var(--brand-indigo);cursor:pointer}.ah-tautan-po:hover{text-decoration:underline}.ah-layar .cell-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.ah-layar .cell-stack.kanan{align-items:flex-end;text-align:right}.ah-layar .cell-stack.tengah{align-items:center;text-align:center}.ah-layar .cell-utama{font-size:.83rem;font-weight:650;line-height:1.35;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ah-layar .cell-angka{font-size:.86rem;font-weight:700;line-height:1.3;color:var(--brand-black);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.ah-layar .cell-angka.kuat{font-size:.92rem}.ah-layar .cell-angka.redup{color:var(--text-muted);font-weight:600}.ah-layar .cell-sub{display:flex;align-items:center;gap:5px;font-size:.685rem;line-height:1.3;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ah-layar .ah-jml-supplier{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:7px;background:var(--surface-3);color:var(--text-muted);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.ah-layar .ah-jml-supplier.banding{background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo)}.ah-layar .erp-action-btn{flex-shrink:0}.ah-layar tbody td{padding-block:9px;vertical-align:middle}.ah-btn-rincian{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.75rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.ah-btn-rincian svg{transition:transform .18s ease}.ah-btn-rincian:hover{border-color:var(--brand-indigo);background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));color:var(--brand-indigo)}.ah-btn-rincian:hover svg{transform:translate(2px)}.ah-btn-rincian:focus-visible{outline:2px solid var(--brand-indigo);outline-offset:2px}@media (max-width: 1180px){.ah-kpi-grid,.ah-sorot-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.ah-layar,.ah-detail{gap:14px;padding:12px}.ah-memuat{min-height:240px;padding:30px 16px}.ah-periode-bar,.ah-lingkup{flex-direction:column;align-items:stretch}.ah-lingkup-tab{width:100%}.ah-lingkup-btn{flex:1;padding:9px 12px}.ah-lingkup .ah-pilih-barang{flex:1 1 auto}.ah-barang-terpilih{width:100%;justify-content:space-between}.ah-kpi{padding:13px 14px}.ah-kpi-nilai{font-size:1.3rem}.ah-sorot-grid{grid-template-columns:1fr}.ah-panel-kepala{padding:13px 14px 10px}.ah-panel-isi{padding:13px 14px 15px}.ah-panel-catatan{font-size:.72rem}.ah-tooltip,.ah-tooltip.melayang{position:static;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:8px;transform:none;min-width:0}.ah-tooltip .ah-tt-selisih{border-top:0;padding-top:0;margin-top:0}.ah-ekstrem-teks,.ah-acuan-rata-teks{display:none}.ah-detail-kepala{flex-direction:column}.ah-detail-harga{align-items:flex-start}.ah-detail-judul{font-size:1.08rem}.ah-detail-harga-nilai{font-size:1.3rem}.ah-rekomendasi{padding:13px 14px}.ah-rekom-list{font-size:.81rem}.ah-waspada{flex-wrap:wrap}.ah-waspada-isi{flex:1 1 100%;order:2}.ah-waspada-tombol{order:3;width:100%;height:38px}.ah-penggaris-rel{margin:34px 0 30px}.ah-penggaris-ujung strong{font-size:.78rem}.ah-saring-riwayat{width:100%}.ah-sel-supplier{max-width:160px}.ah-info-panel{top:auto;bottom:12px;left:12px;right:12px;width:auto;transform:none;max-height:70vh}.ah-info-baris{grid-template-columns:18px 1fr;row-gap:3px}.ah-info-baris .ah-info-nilai{grid-column:2;text-align:left}.ah-po-modal{top:0;left:0;right:0;bottom:0;width:auto;max-height:none;transform:none;border-radius:0;border:0}.ah-po-kepala,.ah-po-kaki{padding:13px 15px}.ah-po-isi{padding:15px;gap:14px}.ah-po-total{align-self:stretch;width:auto}}@media (max-width: 480px){.ah-kpi-grid{grid-template-columns:1fr}.ah-napas{font-size:.86rem;gap:8px}}.lacak-cari{display:flex;align-items:center;gap:10px;margin-block-end:18px;flex-wrap:wrap}.lacak-cari-input{position:relative;display:flex;align-items:center;flex:1;min-inline-size:260px;max-inline-size:520px}.lacak-cari-input svg{position:absolute;inset-inline-start:14px;color:var(--brand-muted)}.lacak-cari-input input{inline-size:100%;block-size:44px;padding:0 38px 0 42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.9rem;font-weight:600}.lacak-cari-input input:focus{outline:none;border-color:var(--brand-red)}.lacak-cari-input input::placeholder{font-weight:500;color:var(--brand-muted)}.lacak-cari-hapus{position:absolute;inset-inline-end:12px;background:none;border:none;font-size:1.2rem;line-height:1;color:var(--brand-muted);cursor:pointer}.lacak-tempel{display:inline-flex;align-items:center;gap:7px;block-size:44px;padding:0 15px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.lacak-tempel:hover{background:var(--surface-hover);color:var(--brand-black)}.lacak-catatan-klip{display:flex;align-items:center;gap:7px;margin:-10px 0 18px;font-size:.75rem;color:var(--brand-muted)}.lacak-catatan-klip svg{flex:0 0 auto}.lacak-catatan-klip strong{color:var(--brand-black)}.lacak-kosong{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;border-radius:16px;border:1px dashed var(--border);background:var(--surface);text-align:center}.lacak-kosong svg{color:var(--brand-muted);opacity:.5}.lacak-kosong h3{margin:0;font-size:1rem;font-weight:800;color:var(--brand-black)}.lacak-kosong p{margin:0;max-inline-size:560px;font-size:.84rem;line-height:1.6;color:var(--brand-muted)}.lacak-kosong.kecil{padding:36px 20px;border:none;background:transparent}.lacak-kepala{padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-block-end:14px}.lacak-kode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block-end:14px}.lacak-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 18px}.lacak-meta>div{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.lacak-meta span{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--brand-muted);text-transform:uppercase}.lacak-meta strong{font-size:.85rem;font-weight:750;color:var(--brand-black);overflow-wrap:anywhere}.lacak-meta em{font-style:normal;font-weight:600;color:var(--brand-muted)}.lacak-alasan{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--border)}.lacak-alasan span{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--brand-muted);text-transform:uppercase}.lacak-alasan p{margin:4px 0 0;font-size:.84rem;line-height:1.55;color:var(--brand-black)}.lacak-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-block-end:16px}.lacak-kartu{display:flex;flex-direction:column;gap:7px;padding:15px 17px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.lacak-kartu .label{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.lacak-kartu .nilai{font-size:1.45rem;font-weight:850;line-height:1.1;color:var(--brand-black);font-variant-numeric:tabular-nums}.lacak-kartu .nilai em{font-style:normal;font-size:.78rem;font-weight:650;color:var(--brand-muted)}.lacak-kartu .nilai.nominal{font-size:1.15rem;overflow-wrap:anywhere}.lacak-kartu .ket{font-size:.73rem;line-height:1.45;color:var(--brand-muted)}.lacak-kartu.siaga{border-color:color-mix(in srgb,var(--brand-gold) 55%,var(--border))}.lacak-kartu.aman{border-color:color-mix(in srgb,#10b981 40%,var(--border))}.lacak-meter{display:flex;block-size:9px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--brand-black) 8%,var(--surface))}.lacak-meter .ruas{block-size:100%;transition:inline-size .4s ease}.lacak-meter .ruas.diterima{background:#10b981}.lacak-meter .ruas.jalan{background:var(--brand-gold)}.lacak-meter .ruas.belum{background:color-mix(in srgb,var(--brand-muted) 40%,transparent)}.lacak-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.68rem;color:var(--brand-muted)}.lacak-legenda span{display:inline-flex;align-items:center;gap:5px}.lacak-legenda i{inline-size:9px;block-size:9px;border-radius:3px;flex:0 0 auto}.lacak-legenda i.t-diterima{background:#10b981}.lacak-legenda i.t-jalan{background:var(--brand-gold)}.lacak-legenda i.t-belum{background:color-mix(in srgb,var(--brand-muted) 40%,transparent)}.lacak-persen{display:flex;justify-content:space-between;gap:8px;margin-block-start:4px;font-size:.66rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-tabel{inline-size:100%}.lacak-tabel thead th{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-3);padding:10px 12px;vertical-align:bottom}.lacak-tabel thead th small{display:block;font-size:.62rem;font-weight:600;text-transform:none;letter-spacing:0;opacity:.75}.lacak-tabel tbody td{padding:11px 12px;font-size:.8rem;border-block-end:1px solid var(--border);vertical-align:top}.lacak-tabel tr.baris-siaga td:first-child{box-shadow:inset 3px 0 0 var(--brand-gold)}.lacak-tabel tr.baris-tolak td:first-child{box-shadow:inset 3px 0 0 var(--brand-red)}.lacak-tabel .satuan{font-size:.68rem;color:var(--brand-muted);font-weight:600}.lacak-tabel .barang-nama{min-inline-size:175px}.lacak-tfoot td{background:var(--surface-2);padding:12px;font-variant-numeric:tabular-nums;vertical-align:middle}.lacak-tfoot td.angka{text-align:end;white-space:nowrap}.lacak-num-siaga{color:#a67c00}[data-theme=dark] .lacak-num-siaga{color:var(--brand-gold)}.lacak-num-tolak{color:#b30100}[data-theme=dark] .lacak-num-tolak{color:#ff8a87}.lacak-num-aman{color:#059669;font-weight:700}[data-theme=dark] .lacak-num-aman{color:#34d399}.lacak-po-tautan{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:6px}.lacak-po-chip{padding:2px 7px;border-radius:6px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;background:var(--surface-3);color:var(--brand-muted)}.lacak-po-chip.sukses{background:#10b98124;color:#047857}.lacak-po-chip.bahaya{background:#fd01001f;color:#b30100}.lacak-po-chip.revisi{background:#f5b8002e;color:#a67c00}.lacak-po-daftar,.lacak-terima-daftar{display:flex;flex-direction:column;gap:12px}.lacak-po-kendali{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:12px}.lacak-po-kendali>span{font-size:.75rem;font-weight:700;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-po-kendali>div{display:flex;gap:6px}.lacak-po-kendali button{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.lacak-po-kendali button:hover:not(:disabled){background:var(--surface-hover);color:var(--brand-black)}.lacak-po-kendali button:disabled{opacity:.45;cursor:default}.lacak-po.disorot{border-color:var(--brand-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 16%,transparent)}.lacak-po.disorot>header{background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface-2))}.lacak-po-dicari{padding:3px 9px;border-radius:999px;background:var(--brand-indigo);color:#fff;font-size:.64rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.lacak-po{border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.lacak-po>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px;cursor:pointer;background:var(--surface-2)}.lacak-po>header:hover{background:var(--surface-hover)}.lacak-po.terbuka>header{border-block-end:1px solid var(--border)}.lacak-po.tutup{opacity:.9}.lacak-po-kiri,.lacak-po-kanan{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lacak-po-kanan .nilai{font-weight:850;font-variant-numeric:tabular-nums;color:var(--brand-black)}.lacak-po-kanan .progres{font-size:.72rem;font-weight:700;color:var(--brand-muted)}.lacak-po-isi{display:flex;flex-direction:column;gap:14px;padding:16px}.lacak-po-bayar{align-self:flex-end;inline-size:min(360px,100%);display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.lacak-po-bayar>div{display:flex;justify-content:space-between;gap:12px;font-size:.79rem}.lacak-po-bayar span{color:var(--brand-muted)}.lacak-po-bayar strong{font-variant-numeric:tabular-nums;color:var(--brand-black)}.lacak-po-bayar .puncak{padding-block-start:7px;border-block-start:1px solid var(--border)}.lacak-po-bayar .puncak strong{font-size:.95rem;font-weight:850}.lacak-po-bayar .tagihan strong{color:var(--brand-red);font-weight:850}.lacak-terima-po{border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.lacak-terima-po>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2);border-block-end:1px solid var(--border)}.lacak-terima-po>header .pemasok{font-size:.8rem;font-weight:700;color:var(--brand-black)}.lacak-terima-po>header .sisa{margin-inline-start:auto;font-size:.74rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-terima-po>header em{font-style:normal;color:#a67c00;font-weight:700}.lacak-terima-po>.lacak-tp-daftar{display:flex;flex-direction:column;gap:14px;padding:14px 16px}.lacak-tp{border:1px solid var(--border);border-inline-start:3px solid color-mix(in srgb,var(--brand-indigo) 55%,var(--border));border-radius:12px;overflow:hidden;background:var(--surface)}.lacak-tp-kepala{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface-2);border-block-end:1px solid var(--border)}.lacak-tp-judul{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lacak-tp-urut{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 13%,transparent);color:var(--brand-indigo);font-size:.7rem;font-weight:850;letter-spacing:.02em;white-space:nowrap}.lacak-tp-urut em{font-style:normal;font-weight:700;opacity:.7}.lacak-tp-total{margin-inline-start:auto;font-size:.74rem;font-weight:700;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-tp-total em{font-style:normal;color:#b30100}[data-theme=dark] .lacak-tp-total em{color:#ff8a87}.lacak-tp-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.74rem;color:var(--brand-muted)}.lacak-tp-meta strong{color:var(--brand-black);font-weight:700}.lacak-tp>.tabel-scroll{border:0;border-radius:0}.lacak-jejak{list-style:none;margin:0;padding:4px 0 0 6px;display:flex;flex-direction:column}.lacak-jejak li{position:relative;display:flex;gap:14px;padding:0 0 18px}.lacak-jejak li:before{content:"";position:absolute;inset-inline-start:5px;inset-block:14px 0;inline-size:2px;background:var(--border)}.lacak-jejak li:last-child{padding-block-end:0}.lacak-jejak li:last-child:before{display:none}.lacak-jejak .titik{flex:0 0 auto;inline-size:12px;block-size:12px;border-radius:50%;margin-block-start:3px;background:var(--brand-muted);box-shadow:0 0 0 3px var(--surface);z-index:1}.lacak-jejak li.nada-sukses .titik{background:#10b981}.lacak-jejak li.nada-bahaya .titik{background:var(--brand-red)}.lacak-jejak li.nada-revisi .titik{background:var(--brand-gold)}.lacak-jejak li.nada-menunggu .titik{background:var(--brand-indigo)}.lacak-jejak .isi{display:flex;flex-direction:column;gap:3px;min-inline-size:0;flex:1}.lacak-jejak .baris-atas{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.lacak-jejak .baris-atas strong{font-size:.85rem;font-weight:800;color:var(--brand-black)}.lacak-jejak .baris-bawah{display:flex;gap:12px;flex-wrap:wrap;font-size:.74rem;color:var(--brand-muted)}.lacak-jejak .baris-bawah em{font-style:normal}.lacak-jejak .baris-bawah .waktu{font-variant-numeric:tabular-nums}.lacak-jejak .ket{margin:4px 0 0;padding:7px 10px;border-radius:8px;background:var(--surface-2);font-size:.76rem;line-height:1.5;color:var(--brand-black)}.lacak-lingkup{padding:2px 7px;border-radius:6px;font-family:var(--font-mono);font-size:.64rem;font-weight:700;background:var(--surface-3);color:var(--brand-muted)}.lacak-lingkup.po{background:#6366f11f;color:var(--brand-indigo)}.lacak-fokus{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:13px 16px;margin-block-end:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-indigo) 35%,var(--border));background:color-mix(in srgb,var(--brand-indigo) 6%,var(--surface))}.lacak-fokus>svg{flex:0 0 auto;margin-block-start:1px;color:var(--brand-indigo)}.lacak-fokus>span{flex:1;min-inline-size:240px;font-size:.8rem;line-height:1.6;color:var(--brand-black)}.lacak-fokus strong{font-weight:800}.lacak-fokus button{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--brand-indigo);background:transparent;color:var(--brand-indigo);font-family:inherit;font-size:.75rem;font-weight:750;cursor:pointer;white-space:nowrap}.lacak-fokus button:hover{background:color-mix(in srgb,var(--brand-indigo) 12%,transparent)}.lacak-daftar{border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;margin-block-end:16px}.lacak-daftar>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;background:var(--surface-2)}.lacak-daftar>header:hover{background:var(--surface-hover)}.lacak-daftar.terbuka>header{border-block-end:1px solid var(--border)}.lacak-daftar-judul{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-inline-size:0}.lacak-daftar-judul svg{color:var(--brand-muted);flex:0 0 auto}.lacak-daftar-judul strong{font-size:.9rem;font-weight:800;color:var(--brand-black)}.lacak-daftar-hitung{padding:2px 9px;border-radius:999px;background:var(--surface-3);color:var(--brand-muted);font-size:.7rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.lacak-daftar-isi{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.lacak-filter{display:flex;align-items:flex-end;gap:10px 14px;flex-wrap:wrap}.lacak-filter>label{display:flex;flex-direction:column;gap:5px;min-inline-size:150px}.lacak-filter>label>span{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lacak-filter>label>input{block-size:38px;padding:0 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.82rem;font-weight:600}.lacak-filter>label>input:focus{outline:none;border-color:var(--brand-red)}.lacak-filter-cabang{min-inline-size:230px;flex:1 1 230px}.lacak-filter-cari{flex:1 1 200px}.lacak-filter-aksi{display:flex;align-items:flex-end;padding-block-end:1px}.stokis-tampilkan-batal{flex:0 0 auto;margin-inline-start:auto;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.72rem;font-weight:750;cursor:pointer;white-space:nowrap}.stokis-tampilkan-batal:hover{background:var(--surface-hover);color:var(--brand-black)}.lacak-tabel tbody tr.baris-terpilih td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.lacak-tabel tbody tr.baris-terpilih td{background:color-mix(in srgb,var(--brand-indigo) 6%,transparent)}.lacak-kode{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--brand-black)}.lacak-lacak-baris{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.7rem;font-weight:750;cursor:pointer;white-space:nowrap}.lacak-lacak-baris:hover:not(:disabled){background:var(--brand-indigo);border-color:var(--brand-indigo);color:#fff}.lacak-lacak-baris:disabled{opacity:.4;cursor:default}.lacak-lacak-baris.sibuk{opacity:1;border-color:var(--brand-indigo);background:color-mix(in srgb,var(--brand-indigo) 12%,transparent);color:var(--brand-indigo)}.lacak-lacak-baris .spin{inline-size:11px;block-size:11px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:nexvia-spin .7s linear infinite;flex:0 0 auto}.lacak-tabel tbody tr.baris-sibuk td:first-child{box-shadow:inset 3px 0 0 var(--brand-indigo)}.lacak-tabel tbody tr.baris-sibuk td{background:color-mix(in srgb,var(--brand-indigo) 8%,transparent)}.lacak-muat-lagi{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lacak-muat-lagi>span{font-size:.74rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-muat-lagi button{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.74rem;font-weight:750;cursor:pointer}.lacak-muat-lagi button:hover{background:var(--surface-hover)}.lacak-paginasi{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding-block-start:4px}.lacak-paginasi-perpage{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--brand-muted);font-weight:650;white-space:nowrap}.lacak-paginasi-perpage select{padding:4px 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.lacak-paginasi-info{font-size:.74rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.lacak-paginasi-info strong{color:var(--brand-black);font-weight:700}.lacak-paginasi-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;max-inline-size:100%;background:var(--surface-3, rgba(0, 0, 0, .03));padding:4px;border-radius:10px;border:1px solid var(--border)}.lacak-paginasi-nav button{block-size:30px;min-inline-size:30px;padding:0 9px;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;border:0;background:transparent;color:var(--brand-muted);font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lacak-paginasi-nav button:hover:not(:disabled){background:var(--surface-hover);color:var(--brand-black)}.lacak-paginasi-nav button:disabled{opacity:.35;cursor:not-allowed}.lacak-paginasi-nav button.active{background:var(--brand-indigo);color:#fff}.lacak-paginasi-ellipsis{display:inline-grid;place-items:center;min-inline-size:22px;color:var(--brand-muted);font-size:.76rem}@media (max-width: 720px){.lacak-paginasi{justify-content:center;text-align:center}.lacak-paginasi-info{order:3;flex:1 1 100%;text-align:center}}.lacak-umur{padding:3px 10px;border-radius:999px;background:var(--surface-3);color:var(--brand-muted);font-size:.7rem;font-weight:750;font-variant-numeric:tabular-nums}.lacak-alasan.tolak{border-block-start-color:color-mix(in srgb,var(--brand-red) 40%,var(--border))}.lacak-alasan.tolak span{color:var(--brand-red)}.lacak-alasan.tolak p{color:var(--brand-black)}.stokis-tak-cocok{margin-block-start:6px;padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--brand-gold) 16%,transparent);color:#a67c00;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums}[data-theme=dark] .stokis-tak-cocok{color:var(--brand-gold)}.stokis-relasi{padding:2px 8px;border-radius:6px;background:var(--surface-3);color:var(--brand-muted);font-size:.66rem;font-weight:750;white-space:nowrap}.lacak-lipat{flex:0 0 auto;margin-inline-start:auto;padding:3px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.7rem;font-weight:750;cursor:pointer;white-space:nowrap}.lacak-lipat:hover{background:var(--surface-hover);color:var(--brand-black)}.lacak-rute{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;padding:13px 15px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.lacak-rute-titik{flex:1 1 200px;display:flex;flex-direction:column;gap:3px;min-inline-size:0}.lacak-rute-titik .peran{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lacak-rute-titik strong{font-size:.88rem;font-weight:800;color:var(--brand-black);overflow-wrap:anywhere}.lacak-rute-titik.tujuan strong{color:var(--brand-indigo)}.lacak-rute-panah{display:flex;align-items:center;color:var(--brand-muted);opacity:.6}.lacak-tahap{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:8px}.lacak-tahap-item{flex:1 1 150px;display:flex;flex-direction:column;gap:2px;padding:8px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);min-inline-size:0}.lacak-tahap-item strong{font-size:.8rem;font-weight:750;color:var(--brand-black);overflow-wrap:anywhere}.lacak-tahap-item .lacak-tahap-label{font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lacak-tahap-item .lacak-tahap-waktu{font-size:.7rem;color:var(--brand-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lacak-tahap-item.lewat{border-inline-start:3px solid #10b981}.lacak-tahap-item.nanti{opacity:.72;border-style:dashed}.lacak-tahap-item.batal{border-inline-start:3px solid var(--brand-red);opacity:.72}.lacak-seksi{border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;margin-block-end:16px}.lacak-seksi>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;background:var(--surface-2);border-block-end:1px solid var(--border)}.lacak-seksi h2{margin:0;font-size:.92rem;font-weight:850;color:var(--brand-black)}.lacak-seksi-ikon{display:inline-flex;color:var(--brand-indigo);flex:0 0 auto}.lacak-seksi-hitung{padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 13%,transparent);color:var(--brand-indigo);font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.lacak-seksi-ket{margin:0;padding:10px 16px;border-block-end:1px solid var(--border);background:var(--surface);font-size:.76rem;line-height:1.55;color:var(--brand-muted)}.lacak-seksi-isi{display:flex;flex-direction:column;gap:14px;padding:14px 16px}.lacak-ringkas{display:flex;gap:14px 22px;flex-wrap:wrap;padding:13px 15px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.lacak-ringkas-meter{flex:1 1 260px;display:flex;flex-direction:column;gap:7px;min-inline-size:0}.lacak-ringkas-angka{flex:2 1 380px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;min-inline-size:0}.lacak-ringkas-angka>div{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.lacak-ringkas-angka span{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lacak-ringkas-angka strong{font-size:.82rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lacak-bar{display:block;block-size:5px;margin-block-start:5px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--brand-black) 8%,var(--surface))}.lacak-bar>span{display:block;block-size:100%;background:#10b981;transition:inline-size .4s ease}.lacak-linimasa{list-style:none;margin:0;padding:2px 0 0 8px;display:flex;flex-direction:column}.lacak-linimasa>li{position:relative;padding:0 0 26px 26px}.lacak-linimasa>li:before{content:"";position:absolute;inset-inline-start:5px;inset-block:12px 0;inline-size:2px;background:var(--border)}.lacak-linimasa>li:last-child{padding-block-end:0}.lacak-linimasa>li:last-child:before{display:none}.lacak-linimasa-titik{position:absolute;inset-inline-start:0;inset-block-start:6px;inline-size:12px;block-size:12px;border-radius:50%;background:var(--brand-muted);box-shadow:0 0 0 3px var(--surface);z-index:1}li.nada-sukses .lacak-linimasa-titik{background:#10b981}li.nada-bahaya .lacak-linimasa-titik{background:var(--brand-red)}li.nada-revisi .lacak-linimasa-titik{background:var(--brand-gold)}li.nada-menunggu .lacak-linimasa-titik{background:var(--brand-indigo)}.lacak-linimasa-pemisah{display:flex;align-items:center;gap:9px;margin-block-end:9px}.lacak-linimasa-pemisah:after{content:"";flex:1 1 auto;min-inline-size:30px;block-size:0;border-block-start:1px dashed var(--erp-garis-tebal)}.lacak-linimasa-urut{flex:0 0 auto;padding:4px 11px;border-radius:999px;background:var(--brand-indigo);color:#fff;font-size:.68rem;font-weight:850;letter-spacing:.03em;white-space:nowrap}.lacak-linimasa-label{flex:0 0 auto;display:inline-block;padding:4px 11px;border-radius:999px;background:var(--surface-3);color:var(--brand-black);font-size:.7rem;font-weight:850;letter-spacing:.03em}li.nada-sukses .lacak-linimasa-label{background:#10b98129;color:#047857}li.nada-bahaya .lacak-linimasa-label{background:#fd01001f;color:#b30100}li.nada-revisi .lacak-linimasa-label{background:#f5b80033;color:#a67c00}li.nada-menunggu .lacak-linimasa-label{background:color-mix(in srgb,var(--brand-indigo) 13%,transparent);color:var(--brand-indigo)}.lacak-linimasa-isi{display:flex;flex-direction:column;gap:12px;padding:13px 15px;border-radius:12px;border:1px solid var(--border);border-inline-start:3px solid var(--border);background:var(--surface)}li.nada-sukses .lacak-linimasa-isi{border-inline-start-color:#10b981}li.nada-menunggu .lacak-linimasa-isi{border-inline-start-color:var(--brand-indigo)}li.nada-revisi .lacak-linimasa-isi{border-inline-start-color:var(--brand-gold)}li.nada-bahaya .lacak-linimasa-isi{border-inline-start-color:var(--brand-red)}li.disorot .lacak-linimasa-isi{border-color:var(--brand-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 16%,transparent)}.lacak-linimasa-dari{flex:0 1 auto;min-inline-size:0;font-size:.72rem;font-weight:700;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lacak-linimasa-kepala{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.lacak-linimasa-kepala strong{font-size:.88rem;font-weight:800;color:var(--brand-black)}.lacak-linimasa-kepala>span:not([class]){font-size:.78rem;color:var(--brand-muted)}.lacak-linimasa-waktu{font-size:.7rem;color:var(--brand-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lacak-linimasa-ket{margin:0;padding:8px 11px;border-radius:9px;background:var(--surface-2);font-size:.78rem;line-height:1.55;color:var(--brand-black)}.lacak-linimasa-akhir .lacak-linimasa-titik{background:var(--brand-muted)}.lacak-lot{display:flex;flex-direction:column;gap:4px;margin-block-start:7px}.lacak-lot-item{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:4px 8px;border-radius:7px;border-inline-start:3px solid var(--border);background:var(--surface-2);font-size:.68rem}.lacak-lot-item code{font-family:var(--font-mono);font-weight:700;color:var(--brand-black)}.lacak-lot-item em{font-style:normal;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.lacak-lot-item b{font-weight:650;color:var(--brand-muted)}.lacak-lot-item.expired{border-inline-start-color:var(--brand-red)}.lacak-lot-item.expired b{color:#b30100;font-weight:800}[data-theme=dark] .lacak-lot-item.expired b{color:#ff8a87}.lacak-lot-item.segera{border-inline-start-color:var(--brand-gold)}.lacak-lot-item.segera b{color:#a67c00;font-weight:800}[data-theme=dark] .lacak-lot-item.segera b{color:var(--brand-gold)}.lacak-lot-item.aman{border-inline-start-color:color-mix(in srgb,#10b981 55%,var(--border))}@media (max-width: 720px){.lacak-filter>label,.lacak-filter .lacak-filter-cabang,.lacak-filter .lacak-filter-cari{flex:1 1 100%;min-inline-size:0}.lacak-filter .lacak-filter-aksi{inline-size:100%}.lacak-rute-panah{inline-size:100%;justify-content:center;transform:rotate(90deg)}.lacak-tahap-item{flex:1 1 100%}.lacak-linimasa>li{padding-inline-start:20px}.lacak-linimasa-pemisah{flex-wrap:wrap}.lacak-linimasa-pemisah:after{min-inline-size:100%}.lacak-linimasa-isi{padding:11px 12px}.lacak-seksi-isi{padding:12px}}.lacak-tabel tr.baris-dicoret{background:color-mix(in srgb,var(--brand-red) 5%,transparent)}.lacak-tabel tr.baris-dicoret td:nth-child(2) strong{text-decoration:line-through}.lacak-tabel tr.baris-dicoret td:nth-child(2) strong .lacak-lencana-coret{text-decoration:none}.lacak-tabel tr.baris-dilewati{opacity:.66}.lacak-lencana-coret{margin-inline-start:8px;font-size:.62rem;vertical-align:middle}.lacak-tabel .lacak-alasan-coret{margin-block-start:6px;padding:6px 9px;border-inline-start:3px solid var(--brand-red);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--brand-red) 15%,var(--surface));font-size:.72rem;line-height:1.55;color:var(--brand-black)}.lacak-tabel .lacak-alasan-coret strong{color:var(--brand-red)}.lacak-tabel .lacak-catatan-baris{margin-block-start:5px;padding:5px 8px;border-radius:7px;border-inline-start:2px solid var(--border);background:color-mix(in srgb,var(--surface),var(--brand-black) 3%);font-size:.68rem;line-height:1.45;color:var(--brand-muted);white-space:normal}.lacak-tabel .lacak-catatan-baris.awas{border-inline-start-color:#b45309;background:color-mix(in srgb,var(--surface),#b45309 8%);color:var(--brand-black)}.lacak-tabel .lacak-tgl-ketik{margin-block-start:2px;font-size:.66rem;line-height:1.25;white-space:nowrap;color:var(--brand-muted)}.quran-page{display:flex;flex-direction:column;gap:18px;animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.quran-detail-page{padding-bottom:90px;gap:16px}.quran-hero{position:relative;overflow:hidden;border-radius:16px;padding:28px 32px;background:linear-gradient(105deg,#170406,#2c0507 16%,#560809,#930b0d,#cc0e0c 76%,#f10a05 90%,#fd0100);border:1px solid rgba(255,255,255,.08);color:#fff}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.6) 0 1.5px,transparent 1.5px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.4) 0 1.5px,transparent 1.5px);background-size:26px 26px,34px 34px}.quran-hero .hero-inner{position:relative;display:flex;align-items:center;gap:18px}.quran-hero .hero-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff}.quran-hero .hero-arab{font-family:Amiri,serif;font-size:1.4rem;font-weight:700;line-height:1;display:block;margin-bottom:4px;color:#ffe9a8}.quran-hero h1{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:#fff}.quran-hero p{margin:4px 0 0;font-size:.82rem;color:#ffffffc7}.quran-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;background:var(--surface);border:1.5px solid var(--input-border);border-radius:12px;transition:all .18s ease}.search-box svg{color:var(--brand-muted);flex-shrink:0}.search-box:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 4px #ff6b351a}.search-box input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.92rem;color:var(--brand-black);min-width:0;text-overflow:ellipsis}.search-box input::placeholder{color:var(--brand-muted)}.search-box .search-clear{width:20px;height:20px;border:0;border-radius:50%;background:var(--brand-muted);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.search-box .search-clear:hover{background:var(--brand-red)}.filter-chips{display:flex;gap:8px}.q-chip{padding:0 16px;height:48px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s ease}.q-chip:hover{border-color:var(--brand-red);color:var(--brand-red)}.q-chip.active{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.surah-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.surah-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--brand-red);transform:scaleY(0);transition:transform .2s ease}.surah-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -8px #ff6b3547;border-color:#ff6b3566}.surah-card:hover:before{transform:scaleY(1)}.surah-card:hover .sc-arab{color:var(--brand-red)}.surah-card:hover .sc-star{stroke:var(--brand-red)}.sc-number{position:relative;flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;color:var(--brand-muted)}.sc-number .sc-star{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--brand-line);stroke-width:1.5}.sc-number span{position:relative;font-size:.86rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.sc-body{flex:1;min-width:0}.sc-latin{font-size:.95rem;font-weight:800;color:var(--brand-black);line-height:1.2}.sc-meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:.7rem;font-weight:600;color:var(--brand-muted)}.sc-meta .sc-dot{opacity:.5}.sc-tempat{font-weight:700}.sc-tempat.mekah{color:#b45309}.sc-tempat.madinah{color:var(--brand-red)}.sc-arti{margin-top:5px;font-size:.76rem;color:var(--brand-muted);font-style:italic}.sc-arab{flex-shrink:0;font-family:Amiri,serif;font-size:1.55rem;font-weight:700;color:var(--brand-black);line-height:1;transition:color .18s ease}.state-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--brand-muted);text-align:center}.state-card svg{color:var(--brand-line)}.state-card strong{color:var(--brand-black)}.state-card.error svg{color:#ef4444}.skeleton{height:78px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border:1px solid var(--border);border-radius:12px;cursor:default}@keyframes shimmer{to{background-position:-200% 0}}.surah-hero{position:relative;overflow:hidden;border-radius:16px;padding:30px 24px 28px;background:radial-gradient(62% 125% at 50% 52%,rgba(26,3,4,.62) 0%,transparent 74%),linear-gradient(105deg,#170406,#2c0507 16%,#560809,#930b0d,#cc0e0c 76%,#f10a05 90%,#fd0100);border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center}.hero-back{position:absolute;inset-block-start:16px;inset-inline-start:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;transition:background .18s ease}.hero-back:hover{background:#ffffff42}.hero-center{position:relative}.hero-num{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb8}.surah-hero .hero-arab{font-family:Amiri,serif;font-size:2.6rem;font-weight:700;line-height:1.3;margin:6px 0 2px;color:#ffe9a8}.surah-hero h1{margin:4px 0 0;font-size:1.4rem;font-weight:800}.hero-arti{font-size:.84rem;color:#fffc;font-style:italic;margin-top:2px}.hero-chips{display:flex;justify-content:center;gap:8px;margin-top:14px}.hchip{padding:4px 13px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:.7rem;font-weight:700;letter-spacing:.03em}.hchip.mekah{background:#fbbf2438;border-color:#fbbf2466;color:#fde68a}.qari-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;position:sticky;inset-block-start:78px;z-index:20}.qari-left{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.05em}.qari-left svg{color:var(--brand-red)}.qari-select{flex:1;min-width:0;height:40px;padding:0 12px;border:1.5px solid var(--input-border);border-radius:9px;background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.qari-select:focus{outline:none;border-color:var(--brand-red)}.play-full-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:9px;background:var(--brand-red);color:#fff;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s ease}.play-full-btn:hover{background:var(--brand-red-dark)}.bismillah{text-align:center;font-family:Amiri,serif;font-size:2rem;font-weight:700;color:var(--brand-black);padding:18px 12px}.ayat-list{display:flex;flex-direction:column;gap:10px}.ayat{display:flex;gap:16px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ayat.active{border-color:#ff6b3580;box-shadow:0 6px 22px -8px #ff6b354d;background:linear-gradient(180deg,rgba(255,107,53,.04),transparent 60%)}.ayat.active .ayat-star{stroke:var(--brand-red);fill:#ff6b3514}.ayat.active .ayat-play{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.ayat-side{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;width:46px}.ayat-num{position:relative;width:44px;height:44px;display:grid;place-items:center}.ayat-num .ayat-star{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--brand-line);stroke-width:1.4}.ayat-num span{position:relative;font-size:.8rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.ayat-play{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--brand-red);cursor:pointer;display:grid;place-items:center;transition:all .18s ease}.ayat-play:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.ayat-body{flex:1;min-width:0}.ayat-arab{margin:0;font-family:Amiri,serif;font-size:1.95rem;line-height:2.4;text-align:right;direction:rtl;color:var(--brand-black);font-weight:400}.qword{display:inline-block;border-radius:8px;padding:0 4px;transition:color .2s ease,background .2s ease}.qword+.qword{margin-inline-start:.18em}.qword.read{color:var(--brand-red);opacity:.55}.qword.now{color:#fff;background:var(--brand-red);box-shadow:0 4px 12px -2px #ff6b3573}.ayat-latin{margin:12px 0 0;font-size:.86rem;line-height:1.6;color:var(--brand-red);font-style:italic}.ayat-id{margin:8px 0 0;font-size:.9rem;line-height:1.65;color:var(--brand-muted)}.surah-nav{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.nav-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--brand-black);transition:all .18s ease}.nav-btn:hover{border-color:var(--brand-red);box-shadow:0 6px 18px -8px #ff6b354d}.nav-btn:hover svg{color:var(--brand-red)}.nav-btn svg{color:var(--brand-muted);flex-shrink:0}.nav-btn.next{text-align:right}.nav-meta{display:flex;flex-direction:column;line-height:1.2}.nav-lbl{font-size:.66rem;font-weight:700;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.06em}.nav-name{font-size:.9rem;font-weight:800;color:var(--brand-black);margin-top:2px}.player{position:fixed;inset-block-end:18px;inset-inline:clamp(16px,50% - 360px,280px) 28px;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(135deg,#2a0205,#fd0100);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 16px 40px -8px #ff6b3566;color:#fff;animation:slideUp .28s cubic-bezier(.16,1,.3,1) both}@keyframes slideUp{0%{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}.player-toggle{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--brand-red);cursor:pointer;display:grid;place-items:center;transition:transform .15s ease}.player-toggle:hover{transform:scale(1.06)}.player-info{flex:1;min-width:0}.player-title{font-size:.82rem;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar{height:6px;border-radius:3px;background:#ffffff40;cursor:pointer;overflow:hidden}.player-prog{height:100%;background:#ffe9a8;border-radius:3px;transition:width .1s linear}.player-time{flex-shrink:0;font-size:.72rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#ffffffd9}.player-close{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:0;background:#ffffff29;color:#fff;cursor:pointer;display:grid;place-items:center}.player-close:hover{background:#ffffff4d}@media (max-width: 1024px){.player{inset-inline:16px 16px}.qari-bar{inset-block-start:70px}}@media (max-width: 600px){.quran-hero{padding:22px 20px}.surah-grid{grid-template-columns:1fr}.quran-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-box{width:100%;flex:none;height:52px}.search-box input{font-size:16px}.filter-chips{gap:8px}.filter-chips .q-chip{flex:1;padding:0 8px;height:46px;font-size:.8rem}.surah-hero .hero-arab{font-size:2.1rem}.ayat{padding:16px 14px;gap:10px}.ayat-arab{font-size:1.6rem;line-height:2.1}.qari-bar{flex-wrap:wrap}.qari-select{order:3;flex-basis:100%}.nav-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.pengumuman-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8500;display:grid;place-items:center;padding:20px;background:#0a0c149e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pengumuman-latar-masuk .28s ease-out}@keyframes pengumuman-latar-masuk{0%{opacity:0}to{opacity:1}}.pengumuman-kartu{inline-size:min(560px,100%);max-block-size:min(86dvh,760px);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 24px 70px #00000059;animation:pengumuman-kartu-masuk .34s cubic-bezier(.22,1,.36,1)}@keyframes pengumuman-kartu-masuk{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.pengumuman-pita{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:radial-gradient(420px 160px at 15% -40%,rgba(255,107,53,.55),transparent 65%),linear-gradient(135deg,var(--brand-red),#b0170a);color:#fff}.pengumuman-lencana{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:#ffffff2e;font-size:11.5px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.pengumuman-tutup{inline-size:32px;block-size:32px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background .15s ease}.pengumuman-tutup:hover{background:#ffffff47}.pengumuman-isi{flex:1;min-block-size:0;overflow-y:auto;padding:20px 22px 6px}.pengumuman-isi h2{margin:0 0 6px;font-size:21px;font-weight:750;line-height:1.3;color:var(--text)}.pengumuman-ringkasan{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--brand-red);font-weight:600}.pengumuman-foto{display:block;inline-size:100%;block-size:auto;max-block-size:300px;margin-block-end:16px;border-radius:12px;object-fit:cover;background:var(--surface-3)}.pengumuman-teks{margin:0;font-size:14px;line-height:1.75;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.pengumuman-keterangan{margin:14px 0 0;padding:10px 13px;border-radius:10px;background:color-mix(in srgb,var(--brand-gold) 14%,transparent);border-inline-start:3px solid var(--brand-gold);font-size:12.5px;line-height:1.65;color:var(--text)}.pengumuman-ttd{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:18px 0 2px;padding-block-start:14px;border-block-start:1px dashed var(--border)}.pengumuman-hormat{font-size:12.5px;color:var(--text-muted)}.pengumuman-nama{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--text)}.pengumuman-nama svg{color:var(--brand-red)}.pengumuman-kaki{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px 18px;border-block-start:1px solid var(--border)}.pengumuman-berlaku{font-size:11.5px;color:var(--text-muted)}.pengumuman-ok{flex-shrink:0;padding:10px 20px;border:0;border-radius:999px;background:var(--brand-red);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #fd010047;transition:transform .14s ease,box-shadow .14s ease}.pengumuman-ok:hover{transform:translateY(-1px);box-shadow:0 6px 18px #fd010057}.pengumuman-ok:active{transform:none}.pita-pembaruan{position:fixed;inset-block-end:16px;inset-inline-start:50%;transform:translate(-50%);z-index:8500;display:flex;align-items:center;gap:11px;max-inline-size:calc(100vw - 32px);padding:11px 14px 11px 16px;border-radius:999px;background:var(--brand-black);color:#fff;box-shadow:0 12px 34px #00000052;animation:pita-pembaruan-masuk .34s cubic-bezier(.22,1,.36,1)}.pita-pembaruan .pita-teks{font-size:12.5px;line-height:1.5}.pita-pembaruan .pita-teks strong{font-weight:700}.pita-pembaruan>button{flex-shrink:0;padding:6px 14px;border:0;border-radius:999px;background:var(--brand-red);color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:filter .14s ease}.pita-pembaruan>button:hover{filter:brightness(1.12)}.pita-putar{flex-shrink:0;inline-size:15px;block-size:15px;border:2px solid rgba(255,255,255,.28);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .7s linear infinite}@keyframes pita-pembaruan-masuk{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.foto-aman-muat{display:grid;place-items:center;inline-size:100%;border-radius:12px;background:color-mix(in srgb,var(--brand-black) 6%,transparent)}.foto-aman-putar{inline-size:20px;block-size:20px;border:2.5px solid color-mix(in srgb,var(--brand-black) 15%,transparent);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.foto-aman-galat{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--brand-red) 9%,transparent)}.foto-aman-galat span{font-size:12px;color:var(--text-muted);line-height:1.55}.foto-aman-galat button{padding:4px 12px;border:1px solid var(--brand-red);border-radius:999px;background:transparent;color:var(--brand-red);font-family:inherit;font-size:11.5px;font-weight:650;cursor:pointer}.pengumuman-sel{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.pengumuman-sel strong{font-size:13.5px;font-weight:650}.pengumuman-sel-ket{font-size:12px;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pengumuman-sel-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.pengumuman-tanda{display:inline-flex;align-items:center;gap:3px;color:var(--brand-red);font-weight:600}.pengumuman-sasaran{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.sasaran-chip{padding:2px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:11px;font-weight:600;max-inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sasaran-chip.semua{background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red)}.pengumuman-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:11.5px;font-weight:650;cursor:pointer;transition:filter .14s ease}.pengumuman-status:hover:not(:disabled){filter:brightness(.94)}.pengumuman-status:disabled{opacity:.55;cursor:progress}.pengumuman-status .pulse-dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}.pengumuman-status.draft{background:var(--surface-3);color:var(--text-muted)}.pengumuman-status.terbit{background:color-mix(in srgb,var(--brand-gold) 18%,transparent);color:#7a5600}.pengumuman-status.terbit.tayang{background:color-mix(in srgb,#2fbf71 18%,transparent);color:#16794a}.pengumuman-saring{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-3)}.pengumuman-saring button{padding:5px 13px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.pengumuman-saring button.aktif{background:var(--surface);color:var(--brand-red);box-shadow:var(--shadow-sm)}.pengumuman-foto-isian{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.pengumuman-foto-pratinjau{inline-size:100%;max-inline-size:380px}.pengumuman-foto-pratinjau img,.pengumuman-foto-pratinjau .foto-aman-muat,.pengumuman-foto-pratinjau .foto-aman-galat{inline-size:100%;block-size:auto;max-block-size:220px;border-radius:10px;object-fit:cover}.pengumuman-foto-pratinjau>button{margin-block-start:6px;padding:4px 12px;border:1px solid var(--brand-red);border-radius:999px;background:transparent;color:var(--brand-red);font-family:inherit;font-size:11.5px;font-weight:650;cursor:pointer}.pengumuman-foto-kosong{margin:0;font-size:12.5px;color:var(--text-muted)}.pengumuman-foto-pilih{display:inline-flex;cursor:pointer}.pengumuman-foto-pilih input{display:none}.pengumuman-foto-pilih span{padding:8px 16px;border:1px dashed var(--border);border-radius:999px;color:var(--text);font-size:12.5px;font-weight:600;transition:border-color .14s ease,color .14s ease}.pengumuman-foto-pilih:hover span{border-color:var(--brand-red);color:var(--brand-red)}.pengumuman-galat{margin:0;font-size:11.5px;color:var(--brand-red)}.btn-terbitkan{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border:0;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--brand-red),#b0170a);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #fd010042;transition:transform .14s ease,opacity .14s ease}.btn-terbitkan:hover:not(:disabled){transform:translateY(-1px)}.btn-terbitkan:disabled{opacity:.55;cursor:not-allowed}.sasaran-blok{padding:14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.sasaran-blok+.sasaran-blok{margin-block-start:14px}.sasaran-kepala{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-block-end:8px}.sasaran-kepala strong{font-size:13.5px;font-weight:650}.sasaran-mode{display:inline-flex;gap:6px}.sasaran-pil{padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:11.5px;font-weight:650;cursor:pointer}.sasaran-pil.aktif{border-color:transparent;background:var(--brand-red);color:#fff;cursor:default}.sasaran-catatan{margin:0 0 10px;font-size:11.5px;line-height:1.6;color:var(--text-muted)}.sasaran-cari{inline-size:100%;margin-block-end:8px;padding:8px 12px;border:1px solid var(--input-border);border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-size:12.5px;outline:none}.sasaran-cari:focus{border-color:var(--brand-red)}.sasaran-daftar{display:flex;flex-wrap:wrap;gap:6px;max-block-size:220px;overflow-y:auto;padding-inline-end:2px}.sasaran-butir{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.sasaran-butir input{accent-color:var(--brand-red);cursor:pointer}.sasaran-butir.aktif{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));color:var(--brand-red);font-weight:600}.sasaran-kosong{margin:0;padding:10px 2px;font-size:12px;color:var(--text-muted)}.sasaran-bersih{margin-block-start:10px;padding:0;border:0;background:transparent;color:var(--brand-red);font-family:inherit;font-size:11.5px;font-weight:650;text-decoration:underline;cursor:pointer}@media (max-width: 520px){.pengumuman-latar{padding:12px}.pengumuman-kartu{max-block-size:92dvh}.pengumuman-isi{padding:16px 16px 4px}.pengumuman-isi h2{font-size:18px}.pengumuman-kaki{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 16px}.pengumuman-ok{inline-size:100%}.pengumuman-berlaku{text-align:center}.sasaran-daftar{max-block-size:180px}}@media (prefers-reduced-motion: reduce){.pengumuman-latar,.pengumuman-kartu,.pita-pembaruan{animation:none}.pengumuman-ok:hover,.btn-terbitkan:hover:not(:disabled){transform:none}}.resto-saring{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-3)}.resto-saring button{padding:5px 13px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.resto-saring button.aktif{background:var(--surface);color:var(--brand-red);box-shadow:var(--shadow-sm)}.resto-klasifikasi{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;line-height:1;border:1px solid transparent}.resto-klasifikasi.b2b{background:#4f46e51a;color:#4338ca;border-color:#4f46e538}[data-theme=dark] .resto-klasifikasi.b2b{background:#818cf82e;color:#a5b4fc;border-color:#818cf866}.resto-klasifikasi.b2c{background:#d977061f;color:#b45309;border-color:#d977063d}[data-theme=dark] .resto-klasifikasi.b2c{background:#fbbf242e;color:#fcd34d;border-color:#fbbf2466}.resto-pemasok{display:inline-flex;align-items:center;gap:6px}.resto-pemasok .panah{flex-shrink:0;color:var(--text-muted)}.resto-periode .rentang{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.resto-saran-area{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:8px}.resto-saran-area button{padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}.resto-saran-area button:hover{border-color:var(--brand-red);color:var(--brand-red)}.resto-baris{display:flex;align-items:baseline;gap:12px;padding-block:7px;border-block-end:1px solid var(--erp-garis);font-size:.82rem}.resto-baris:last-child{border-block-end:0}.resto-baris .label{flex:0 0 132px;color:var(--text-muted);font-weight:600}.resto-baris .nilai{flex:1;min-inline-size:0;font-weight:600;overflow-wrap:anywhere}.rs-halaman{--rs-r: 16px}.rs-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 22px;margin-block-end:16px;border:1px solid var(--border);border-radius:var(--rs-r);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--brand-red) 8%,transparent) 0%,transparent 60%),var(--surface);box-shadow:var(--shadow-sm)}.rs-hero .rs-hero-kiri{display:flex;align-items:center;gap:14px;min-inline-size:0}.rs-hero h1{margin:0;font-size:1.32rem;font-weight:800;letter-spacing:-.01em}.rs-hero p{margin:3px 0 0;font-size:.82rem;color:var(--text-muted)}.rs-hero p code{font-size:.76rem;padding:1px 6px;border-radius:6px;background:var(--surface-3)}.rs-hero-ikon{display:grid;place-items:center;inline-size:48px;block-size:48px;flex-shrink:0;border-radius:14px;color:#fff;background:linear-gradient(140deg,var(--brand-red),var(--brand-red-dark));box-shadow:0 6px 16px color-mix(in srgb,var(--brand-red) 32%,transparent)}.rs-hero-angka{display:flex;gap:10px}.rs-hero-angka>div{min-inline-size:74px;padding:9px 14px;border-radius:12px;background:var(--surface-3);text-align:center}.rs-hero-angka>div strong{display:block;font-size:1.15rem;font-weight:800;line-height:1.1}.rs-hero-angka>div span{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.rs-saring{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-end:16px}.rs-cari{display:flex;align-items:center;gap:9px;flex:1 1 280px;min-inline-size:0;padding:0 14px;block-size:44px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.rs-cari:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 14%,transparent)}.rs-cari input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem}.rs-cari input:focus{outline:none}.rs-cari input::placeholder{color:var(--text-muted)}.rs-cari>button{flex-shrink:0;inline-size:22px;block-size:22px;border:0;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:15px;line-height:1;cursor:pointer}.rs-cari>button:hover{color:var(--brand-red)}.rs-pil{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface-3)}.rs-pil button{padding:7px 15px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.rs-pil button.aktif{background:var(--surface);color:var(--brand-red);box-shadow:var(--shadow-sm)}.rs-daftar{display:flex;flex-direction:column;gap:14px}.rs-kartu{padding:18px 20px;border:1px solid var(--border);border-radius:var(--rs-r);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .18s,border-color .18s}.rs-kartu:hover{border-color:color-mix(in srgb,var(--brand-red) 26%,var(--border));box-shadow:var(--shadow-md)}.rs-kartu.arsip{background:var(--surface-2)}.rs-kartu.arsip .rs-monogram{filter:grayscale(1);opacity:.65}.rs-kartu-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.rs-monogram{display:grid;place-items:center;inline-size:46px;block-size:46px;flex-shrink:0;border-radius:13px;color:#fff;font-size:.94rem;font-weight:800;letter-spacing:.02em}.rs-monogram.b2b{background:linear-gradient(140deg,#6366f1,#4338ca)}.rs-monogram.b2c{background:linear-gradient(140deg,#f59e0b,#b45309)}.rs-judul{flex:1 1 240px;min-inline-size:0}.rs-judul h2{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 6px;font-size:1.06rem;font-weight:800;letter-spacing:-.01em}.rs-kode{padding:2px 8px;border-radius:7px;background:var(--surface-3);color:var(--text-muted);font-size:.7rem;font-weight:700}.rs-keping-baris{display:flex;flex-wrap:wrap;gap:6px}.rs-keping{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;font-weight:600}.rs-keping svg{flex-shrink:0;opacity:.7}.rs-tanda{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.rs-fakta-baris{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:16px}.rs-fakta{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--erp-garis)}.rs-fakta-ikon{display:grid;place-items:center;inline-size:30px;block-size:30px;flex-shrink:0;border-radius:9px;background:color-mix(in srgb,var(--brand-red) 10%,transparent);color:var(--brand-red)}.rs-fakta-teks{min-inline-size:0;display:flex;flex-direction:column;gap:1px}.rs-fakta-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.rs-fakta-nilai{font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.rs-fakta-sub{font-size:.72rem;color:var(--text-muted);overflow-wrap:anywhere}.rs-toggle{display:inline-flex;align-items:center;gap:7px;margin-block-start:14px;padding:7px 14px 7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}.rs-toggle svg{transition:transform .18s}.rs-toggle.buka svg{transform:rotate(180deg)}.rs-toggle:hover{border-color:var(--brand-red);color:var(--brand-red)}.rs-kosong-orang{margin:12px 0 0;padding:12px 14px;border-radius:11px;border:1px dashed var(--border);color:var(--text-muted);font-size:.78rem}.rs-orang-daftar{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.rs-orang{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--erp-garis)}.rs-avatar{display:grid;place-items:center;inline-size:34px;block-size:34px;flex-shrink:0;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:.74rem;font-weight:800}.rs-orang-utama{flex:1 1 160px;min-inline-size:0;display:flex;flex-direction:column;gap:1px}.rs-orang-nama{font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.rs-orang-sub{font-size:.72rem;color:var(--text-muted);overflow-wrap:anywhere}.rs-orang-akun{flex:0 1 190px;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.rs-orang-akun code{font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.rs-akun-tanda{font-size:.68rem;font-weight:700}.rs-akun-tanda.ok{color:#1f7a32}.rs-akun-tanda.blokir{color:#d23b36}.rs-akun-tanda.kosong{color:var(--text-muted);font-weight:600}[data-theme=dark] .rs-akun-tanda.ok{color:#6ee7a0}[data-theme=dark] .rs-akun-tanda.blokir{color:#ff9b97}.rs-orang-kanan{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-inline-start:auto}.rs-orang-masuk{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.rs-kosong{padding:44px 24px;border:1px dashed var(--border);border-radius:var(--rs-r);background:var(--surface);text-align:center}.rs-kosong h3{margin:14px 0 5px;font-size:1rem;font-weight:800}.rs-kosong p{margin:0;font-size:.82rem;color:var(--text-muted)}.rs-kosong-ikon{display:inline-grid;place-items:center;inline-size:62px;block-size:62px;border-radius:50%;background:var(--surface-3);color:var(--text-muted)}.iv-catatan{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;margin-block-end:16px;border:1px solid color-mix(in srgb,#4f46e5 20%,transparent);border-radius:13px;background:color-mix(in srgb,#4f46e5 6%,var(--surface));color:var(--text)}.iv-catatan svg{flex-shrink:0;margin-block-start:1px;color:#4f46e5}.iv-catatan p{margin:0;font-size:.82rem;line-height:1.55}[data-theme=dark] .iv-catatan{border-color:#818cf852;background:#818cf81a}[data-theme=dark] .iv-catatan svg{color:#a5b4fc}.iv-stat-baris{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block-end:16px}.iv-stat{position:relative;overflow:hidden;padding:16px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .18s,border-color .18s}.iv-stat:hover{box-shadow:var(--shadow-md)}.iv-stat strong{display:block;font-size:1.62rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.iv-stat.nada-ungu{--iv-w: #4f46e5}.iv-stat.nada-hijau{--iv-w: #1f7a32}.iv-stat.nada-merah{--iv-w: var(--brand-red)}.iv-stat.nada-jingga{--iv-w: #b45309}[data-theme=dark] .iv-stat.nada-ungu{--iv-w: #a5b4fc}[data-theme=dark] .iv-stat.nada-hijau{--iv-w: #6ee7a0}[data-theme=dark] .iv-stat.nada-jingga{--iv-w: #fcd34d}.iv-stat-ikon{display:grid;place-items:center;inline-size:34px;block-size:34px;margin-block-end:10px;border-radius:10px;background:color-mix(in srgb,var(--iv-w) 12%,transparent);color:var(--iv-w)}.iv-stat-label{display:block;margin-block-start:3px;font-size:.8rem;font-weight:700}.iv-stat-hint{display:block;margin-block-start:1px;font-size:.71rem;color:var(--text-muted)}.iv-sebaran-baris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block-end:16px}.iv-panel{padding:18px 20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.iv-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:14px}.iv-panel-head h2{margin:0;font-size:.98rem;font-weight:800;letter-spacing:-.01em}.iv-panel-head>span,.iv-panel-head>div>span{display:block;margin-block-start:2px;font-size:.73rem;color:var(--text-muted)}.iv-tautan{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.74rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}.iv-tautan:hover{border-color:var(--brand-red);color:var(--brand-red)}.iv-kosong-kecil{margin:0;padding:14px;border:1px dashed var(--border);border-radius:11px;color:var(--text-muted);font-size:.79rem}.iv-sebaran{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.iv-sebaran-atas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-block-end:6px}.iv-sebaran-label{font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.iv-sebaran-angka{font-size:.82rem;font-weight:800;white-space:nowrap}.iv-sebaran-angka small{font-weight:600;font-size:.71rem;color:var(--text-muted)}.iv-bar{block-size:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.iv-bar-isi{display:block;block-size:100%;border-radius:999px;transition:inline-size .35s ease}.iv-bar-isi.nada-0{background:linear-gradient(90deg,#6366f1,#4338ca)}.iv-bar-isi.nada-1{background:linear-gradient(90deg,#f59e0b,#b45309)}.iv-bar-isi.nada-2{background:linear-gradient(90deg,#10b981,#047857)}.iv-bar-isi.nada-3{background:linear-gradient(90deg,#ec4899,#be185d)}.iv-resto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.iv-resto>li{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--erp-garis);border-radius:12px;background:var(--surface-2)}.iv-resto .rs-monogram{inline-size:38px;block-size:38px;border-radius:11px;font-size:.8rem}.iv-resto-utama{flex:1 1 180px;min-inline-size:0}.iv-resto-nama{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.iv-resto-sub{display:block;margin-block-start:2px;font-size:.72rem;color:var(--text-muted);overflow-wrap:anywhere}.iv-resto-stokis{display:inline-flex;align-items:center;gap:6px;flex:0 1 200px;min-inline-size:0;font-size:.76rem;color:var(--text-muted);overflow-wrap:anywhere}.iv-resto-stokis svg{flex-shrink:0;opacity:.7}.iv-resto-kanan{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}.iv-resto-periode{font-size:.71rem;color:var(--text-muted);white-space:nowrap}.pic-kontak{flex:1 1 210px;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.pic-kontak-nama{font-size:.8rem;font-weight:700;overflow-wrap:anywhere}.pic-kontak-tautan{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.72rem}.pic-kontak-tautan a,.pic-kontak-tautan>span{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);text-decoration:none;overflow-wrap:anywhere}.pic-kontak-tautan a svg,.pic-kontak-tautan>span svg{flex-shrink:0;opacity:.75}.pic-kontak-tautan a:hover{color:var(--brand-red);text-decoration:underline}@media (max-width: 640px){.pic-kontak{flex-basis:100%;padding-inline-start:50px}.iv-stat-baris{grid-template-columns:repeat(2,minmax(0,1fr))}.iv-sebaran-baris{grid-template-columns:1fr}.iv-resto>li{flex-wrap:wrap;row-gap:8px}.iv-resto-stokis,.iv-resto-kanan{flex-basis:100%;margin-inline-start:0;justify-content:flex-start;padding-inline-start:50px}.rs-fakta-baris{grid-template-columns:1fr}.rs-hero-angka{inline-size:100%}.rs-hero-angka>div{flex:1;min-inline-size:0}.rs-tanda{margin-inline-start:0}.rs-orang{flex-wrap:wrap;row-gap:8px}.rs-orang-akun{flex-basis:100%;padding-inline-start:46px}.rs-orang-kanan{flex-direction:row;align-items:center;inline-size:100%;justify-content:space-between;margin-inline-start:0;padding-inline-start:46px}.resto-saring{inline-size:100%;overflow-x:auto}.resto-saring button{flex:1 0 auto}.resto-saran-area{max-block-size:92px;overflow-y:auto}.resto-baris{flex-direction:column;gap:2px}.resto-baris .label{flex:none;font-size:.72rem}}.prs-pita{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:.85rem;line-height:1.5;margin-block-end:14px}.prs-pita svg{flex:0 0 auto;margin-block-start:2px}.prs-pita strong{font-weight:700}.prs-pita.info{background:color-mix(in srgb,var(--surface),var(--brand-blue, #2471a3) 8%);border-inline-start:3px solid var(--brand-blue, #2471a3);color:var(--brand-text, inherit)}.prs-pita.awas{background:color-mix(in srgb,var(--surface),#dc3545 10%);border-inline-start:3px solid #dc3545;color:var(--brand-text, inherit)}.prs-catatan{display:grid;gap:10px}.prs-catatan-baris{padding:11px 13px;border-radius:10px;background:var(--erp-kepala, rgba(0, 0, 0, .03));border-inline-start:3px solid var(--brand-green, #2e7d32)}.prs-catatan-baris.tolak{border-inline-start-color:#dc3545}.prs-catatan-kepala{display:flex;align-items:center;gap:8px;margin-block-end:3px}.prs-catatan-kepala strong{font-size:.86rem}.prs-catatan-meta{font-size:.74rem;color:var(--brand-muted)}.prs-catatan-isi{margin-block-start:6px;font-size:.84rem;line-height:1.5;white-space:pre-wrap}.prs-baris-tolak{opacity:.62}.prs-baris-tolak .nama-utama{text-decoration:line-through}.prs-sj-daftar{display:grid;gap:12px}.prs-sj{border:1px solid var(--erp-garis, rgba(0, 0, 0, .1));border-radius:12px;overflow:hidden;background:var(--surface)}.prs-sj-kepala{padding:11px 13px;background:var(--erp-kepala, rgba(0, 0, 0, .03));border-block-end:1px solid var(--erp-garis, rgba(0, 0, 0, .08))}.prs-sj-kode{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.prs-sj-kode code{font-size:.86rem;font-weight:700;letter-spacing:.01em}.prs-sj-meta,.prs-sj-driver{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-block-start:5px;font-size:.75rem;color:var(--brand-muted)}.prs-sj-tabel{font-size:.82rem}.prs-sj-tabel th,.prs-sj-tabel td{padding-block:7px}.prs-sj-catatan{padding:10px 13px;border-block-start:1px solid var(--erp-garis, rgba(0, 0, 0, .08));font-size:.8rem;line-height:1.5;display:grid;gap:4px}.prs-jejak-sistem{opacity:.66}.prs-jejak-sistem .jejak-judul{font-weight:600}.prs-baris-form{display:grid;grid-template-columns:1fr 150px 150px auto;gap:10px;align-items:end;padding:11px 12px;border:1px solid var(--erp-garis, rgba(0, 0, 0, .1));border-radius:10px;background:var(--surface)}.prs-baris-form+.prs-baris-form{margin-block-start:9px}.prs-baris-form.ditolak{opacity:.6}.prs-baris-nama{min-inline-size:0}.prs-baris-nama .utama{font-weight:600;font-size:.88rem;overflow-wrap:anywhere}.prs-baris-nama .sub{font-size:.73rem;color:var(--brand-muted);margin-block-start:2px}.prs-acuan{display:flex;flex-wrap:wrap;gap:10px;font-size:.74rem;color:var(--brand-muted);margin-block-start:4px}.prs-acuan strong{color:var(--brand-text, inherit)}.prs-acuan .kurang{color:#dc3545;font-weight:700}.prs-hapus-baris{border:1px solid var(--erp-garis, rgba(0, 0, 0, .14));background:transparent;color:#dc3545;border-radius:8px;inline-size:34px;block-size:34px;cursor:pointer;display:grid;place-items:center}.prs-hapus-baris:hover{background:color-mix(in srgb,var(--surface),#dc3545 10%)}.prs-tambah-baris{display:flex;margin-block-start:12px}.prs-total{display:flex;flex-wrap:wrap;gap:16px;padding:12px 14px;border-radius:10px;background:var(--erp-kepala, rgba(0, 0, 0, .03));margin-block-start:12px}.prs-total>div{display:grid;gap:2px}.prs-total .label{font-size:.72rem;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.03em}.prs-total .nilai{font-size:1.05rem;font-weight:700}.prs-total.prs-total-resto{gap:10px}.prs-total.prs-total-resto>div{flex:1 1 0;min-inline-size:0;padding:10px 12px;border-radius:9px;background:var(--surface);border:1px solid var(--border)}.prs-total.prs-total-resto .nilai{font-size:1.35rem;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums}.prs-tabel-keputusan .prs-kol-aksi{inline-size:1%;white-space:nowrap;text-align:end}.prs-tabel-keputusan tr.prs-baris-dicoret{background:color-mix(in srgb,var(--brand-red) 4%,transparent)}.prs-tabel-keputusan tr.prs-baris-dicoret .nama-utama{text-decoration:line-through;opacity:.7}.prs-tabel-keputusan tr.prs-baris-dicoret .satuan{opacity:.7}.prs-tabel-keputusan tr.prs-baris-alasan>td{border-block-start:0;padding-block-start:0}.prs-alasan-isi{display:grid;gap:7px;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--brand-red) 30%,transparent);background:color-mix(in srgb,var(--brand-red) 5%,var(--surface))}.prs-alasan-ket{font-size:.76rem;line-height:1.6;color:var(--brand-muted)}.lap-rincian{padding:12px 14px;background:var(--erp-kepala, rgba(0, 0, 0, .02));border-radius:10px}.lap-rincian-ket{margin-block-start:10px;margin-block-end:0;font-size:.82rem;line-height:1.5}.lap-rincian .erp-tabel tr.baris-dicoret td{background:color-mix(in srgb,var(--brand-red) 7%,var(--surface))}.lap-rincian .erp-tabel tr.baris-dicoret:hover td{background:color-mix(in srgb,var(--brand-red) 11%,var(--surface))}.lap-rincian .erp-tabel tr.baris-dicoret .nama-utama{text-decoration:line-through}.lap-rincian .erp-tabel tr.baris-dicoret .nama-utama .lap-lencana-coret{text-decoration:none}.lap-rincian .erp-tabel tr.baris-dilewati{opacity:.66}.lap-lencana-coret{margin-inline-start:8px;font-size:.64rem;vertical-align:middle}.lap-alasan-coret{margin-block-start:6px;padding:7px 10px;border-inline-start:3px solid var(--brand-red);border-radius:0 7px 7px 0;background:color-mix(in srgb,var(--brand-red) 15%,var(--surface));font-size:.76rem;line-height:1.6;color:var(--brand-black)}.lap-alasan-coret strong{color:var(--brand-red)}.lap-rincian-judul{display:flex;align-items:center;gap:8px;margin-block-end:9px;font-size:.82rem;font-weight:750;color:var(--brand-black)}.lap-rincian-judul small{font-weight:500;font-size:.72rem;color:var(--brand-muted)}.lap-rincian-nomor{display:grid;place-items:center;inline-size:22px;block-size:22px;border-radius:7px;background:color-mix(in srgb,var(--brand-red, #dc3545) 14%,transparent);color:color-mix(in srgb,var(--brand-red, #dc3545) 85%,var(--brand-black));font-family:var(--font-mono);font-size:.64rem;font-weight:800}.lap-sj-daftar{display:grid;gap:11px}.lap-sj{border:1px solid var(--erp-garis, rgba(0, 0, 0, .1));border-inline-start:3px solid var(--brand-green, #2e7d32);border-radius:11px;overflow:hidden;background:var(--surface)}.lap-sj.jalan{border-inline-start-color:#b45309}.lap-sj-kepala{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--erp-kepala, rgba(0, 0, 0, .03));border-block-end:1px solid var(--erp-garis, rgba(0, 0, 0, .08))}.lap-sj-kepala code{font-size:.82rem;font-weight:700}.lap-sj-urut{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted)}.lap-sj-hari{font-size:.7rem;color:var(--brand-muted)}.lap-sj-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1px;background:var(--erp-garis, rgba(0, 0, 0, .08));border-block-end:1px solid var(--erp-garis, rgba(0, 0, 0, .08))}.lap-sj-meta>div{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--surface);min-inline-size:0}.lap-sj-meta span{font-size:.62rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.lap-sj-meta strong{font-size:.8rem;overflow-wrap:anywhere}.lap-sj-meta em{font-style:normal;font-weight:500;color:var(--brand-muted)}.lap-sj-tabel{font-size:.8rem}.lap-sj-tabel th,.lap-sj-tabel td{padding-block:7px}.lap-sj-catatan{padding:9px 12px;border-block-start:1px solid var(--erp-garis, rgba(0, 0, 0, .08));font-size:.78rem;line-height:1.5;display:grid;gap:3px}.lap-sj .erp-tabel tr.baris-dicoret{opacity:.6}.lap-sj .erp-tabel tr.baris-dicoret .nama-utama{text-decoration:line-through}.lap-ekspor-progres{margin-block-end:16px;padding:14px 16px;border:1px solid var(--erp-garis);border-radius:12px;background:var(--surface)}.lap-ekspor-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:8px}.lap-ekspor-judul{font-size:.82rem;font-weight:750;color:var(--brand-black)}.lap-ekspor-angka{font-size:.9rem;font-weight:800;color:var(--brand-red);font-variant-numeric:tabular-nums}.lap-ekspor-rel{block-size:8px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.lap-ekspor-isi{block-size:100%;inline-size:0;border-radius:999px;background:linear-gradient(90deg,var(--brand-red),#f97316);transition:inline-size .4s ease}.lap-ekspor-isi.bergerak{inline-size:35%;animation:lap-ekspor-geser 1.1s ease-in-out infinite}@keyframes lap-ekspor-geser{0%{transform:translate(-100%)}to{transform:translate(300%)}}.lap-ekspor-ket{margin:8px 0 0;font-size:.72rem;color:var(--brand-muted)}.lap-ekspor-ket em{font-style:normal;font-weight:700;color:var(--brand-black)}@media (prefers-reduced-motion: reduce){.lap-ekspor-isi.bergerak{animation:none;inline-size:100%;opacity:.5}}@media (max-width: 640px){.prs-baris-form{grid-template-columns:1fr;gap:8px}.prs-tambah-baris>button{inline-size:100%;justify-content:center}.prs-hapus-baris{inline-size:100%}.prs-total{gap:12px}.prs-total>div{flex:1 1 40%}.prs-sj-tabel{font-size:.78rem}}.ko-halaman{display:flex;flex-direction:column;gap:16px}.ko-status{position:relative;overflow:hidden;border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #0000000a;animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.ko-status:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;background:var(--ko-nada)}.ko-status.terkunci{--ko-nada: var(--brand-red)}.ko-status.bebas{--ko-nada: #10b981}.ko-status-atas{display:flex;align-items:flex-start;gap:18px;padding:22px 24px 18px}.ko-ikon{display:grid;place-items:center;flex:0 0 auto;inline-size:56px;block-size:56px;border-radius:16px;background:color-mix(in srgb,var(--ko-nada) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--ko-nada) 26%,transparent);color:var(--ko-nada)}.ko-status-teks{min-inline-size:0;flex:1 1 auto}.ko-status-baris{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ko-judul{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--brand-black)}.ko-pil{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:color-mix(in srgb,var(--ko-nada) 11%,transparent);border:1px solid color-mix(in srgb,var(--ko-nada) 26%,transparent);color:var(--ko-nada);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.ko-subjudul{margin:5px 0 0;font-size:.82rem;color:var(--brand-muted);line-height:1.45}.ko-alasan{margin:16px 24px 0;padding:14px 16px;border-radius:var(--erp-r-dalam);background:color-mix(in srgb,var(--ko-nada) 4%,var(--surface-2));border:1px solid color-mix(in srgb,var(--ko-nada) 16%,transparent);border-inline-start:3px solid var(--ko-nada)}.ko-alasan-label{display:block;margin-block-end:5px;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--ko-nada) 78%,var(--brand-muted))}.ko-alasan-isi{margin:0;font-size:.95rem;font-weight:650;line-height:1.55;color:var(--brand-black);overflow-wrap:anywhere}.ko-meta{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:16px 0 0;background:var(--erp-garis);border-block-start:1px solid var(--erp-garis)}.ko-meta-sel{display:flex;align-items:flex-start;gap:10px;padding:14px 24px;background:var(--surface);min-inline-size:0}.ko-meta-sel>svg{flex:0 0 auto;margin-block-start:2px;color:var(--brand-muted);opacity:.8}.ko-meta-isi{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.ko-meta-label{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.ko-meta-nilai{font-size:.85rem;font-weight:700;color:var(--brand-black);overflow-wrap:anywhere}.ko-meta-lama{font-size:.74rem;font-weight:800;color:var(--ko-nada)}.ko-kaki{display:flex;align-items:flex-start;gap:10px;padding:14px 24px 16px;border-block-start:1px solid var(--erp-garis);background:var(--surface-2);font-size:.8rem;line-height:1.55;color:var(--brand-muted)}.ko-kaki>svg{flex:0 0 auto;margin-block-start:2px;opacity:.75}.ko-kaki strong{color:var(--brand-black)}.ko-panel{border-radius:var(--erp-r);background:var(--surface);border:1px solid var(--erp-garis-tebal);box-shadow:0 1px 3px #00000008;overflow:hidden;animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .08s both}.ko-panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-block-end:1px solid var(--erp-garis);background:var(--erp-kepala)}.ko-panel-judul{margin:0;font-size:.95rem;font-weight:800;letter-spacing:-.01em;color:var(--brand-black)}.ko-panel-sub{margin:3px 0 0;font-size:.76rem;color:var(--brand-muted)}.ko-hitung{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-indigo) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-indigo) 18%,transparent);color:var(--brand-indigo);font-size:.72rem;font-weight:800;white-space:nowrap}.ko-panel-saring{display:flex;flex-direction:column;gap:6px;padding:14px 20px;border-block-end:1px solid var(--erp-garis);background:var(--surface-2)}.ko-panel-hint{margin:0;font-size:.74rem;line-height:1.5;color:var(--brand-muted)}.ko-panel-nota{display:flex;align-items:flex-start;gap:9px;margin:14px 20px 0;padding:10px 13px;border-radius:var(--erp-r-dalam);background:color-mix(in srgb,var(--brand-indigo) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-indigo) 18%,transparent);font-size:.78rem;line-height:1.5;color:var(--brand-muted)}.ko-panel-nota>svg{flex:0 0 auto;margin-block-start:2px;opacity:.8}.ko-panel-nota strong{color:var(--brand-black)}.ko-panel-kaki{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 20px;border-block-start:1px solid var(--erp-garis);background:var(--surface-2)}.ko-panel-info{font-size:.78rem;color:var(--brand-muted)}.ko-panel-info strong{color:var(--brand-black);font-weight:700}.ko-pg{display:flex;gap:8px}.ko-pg-btn{padding:7px 14px;border-radius:var(--erp-r-dalam);border:1px solid var(--border);background:var(--surface);color:var(--brand-black);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease}.ko-pg-btn:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand-black)}.ko-pg-btn:disabled{opacity:.45;cursor:not-allowed}.ko-jejak{position:relative;margin:0;padding:20px 20px 20px 0;list-style:none}.ko-jejak-baris{position:relative;display:grid;grid-template-columns:56px 1fr;gap:0 14px;padding-block-end:20px}.ko-jejak-baris:last-child{padding-block-end:0}.ko-jejak-baris:not(:last-child):before{content:"";position:absolute;inset-block-start:22px;inset-block-end:-2px;inset-inline-start:43px;inline-size:2px;background:var(--erp-garis-tebal)}.ko-titik{grid-column:1;justify-self:end;display:grid;place-items:center;inline-size:26px;block-size:26px;margin-block-start:6px;border-radius:50%;background:var(--surface);border:2px solid color-mix(in srgb,var(--ko-titik-nada) 45%,transparent);color:var(--ko-titik-nada);--ko-titik-nada: #10b981}.ko-titik.aktif{--ko-titik-nada: var(--brand-red)}.ko-jejak-isi{grid-column:2;display:flex;flex-direction:column;gap:6px;min-inline-size:0;padding-block-start:2px}.ko-jejak-kepala{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ko-jejak-durasi{font-size:.74rem;font-weight:700;color:var(--brand-muted)}.ko-jejak-alasan{margin:0;font-size:.87rem;font-weight:650;line-height:1.5;color:var(--brand-black);overflow-wrap:anywhere}.ko-jejak-catatan{margin:0;font-size:.79rem;line-height:1.5;color:var(--brand-muted);overflow-wrap:anywhere}.ko-jejak-catatan strong{color:var(--brand-black);font-weight:700}.ko-jejak-pelaku{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.75rem;color:var(--brand-muted)}.ko-jejak-pelaku svg{opacity:.7;flex:0 0 auto}.ko-jejak-pelaku b{color:var(--brand-black);font-weight:700}.ko-panah{opacity:.5;font-weight:800}.ko-kosong{display:flex;flex-direction:column;align-items:center;gap:7px;padding:40px 24px;text-align:center}.ko-kosong .ko-kosong-ikon{display:grid;place-items:center;inline-size:52px;block-size:52px;margin-block-end:4px;border-radius:50%;background:color-mix(in srgb,var(--brand-black) 4%,var(--surface));border:1px solid var(--erp-garis);color:var(--brand-muted)}.ko-kosong h4{margin:0;font-size:.92rem;font-weight:800;color:var(--brand-black)}.ko-kosong p{margin:0;max-inline-size:44ch;font-size:.81rem;line-height:1.55;color:var(--brand-muted)}.kod-detail{display:flex;flex-direction:column;gap:14px}.kod-kepala{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kod-durasi{font-size:.8rem;font-weight:700;color:var(--brand-muted)}.kod-kutipan{padding:12px 14px;border-radius:var(--erp-r-dalam);background:color-mix(in srgb,var(--kod-nada) 4%,var(--surface-2));border:1px solid color-mix(in srgb,var(--kod-nada) 15%,transparent);border-inline-start:3px solid var(--kod-nada)}.kod-kutipan.bahaya{--kod-nada: var(--brand-red)}.kod-kutipan.sukses{--kod-nada: #10b981}.kod-kutipan.menunggu{--kod-nada: #f59e0b}.kod-kutipan-label{display:block;margin-block-end:5px;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--kod-nada) 75%,var(--brand-muted))}.kod-kutipan-isi{margin:0;font-size:.88rem;font-weight:650;line-height:1.55;color:var(--brand-black);overflow-wrap:anywhere}.kod-kutipan-isi.kosong{font-weight:500;font-style:italic;color:var(--brand-muted)}.kod-petak-grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));background:var(--erp-garis);border:1px solid var(--erp-garis);border-radius:var(--erp-r-dalam);overflow:hidden}.kod-petak{display:flex;flex-direction:column;gap:3px;padding:11px 13px;background:var(--surface);min-inline-size:0}.kod-petak-label{font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-muted)}.kod-petak-nilai{font-size:.84rem;font-weight:700;color:var(--brand-black);overflow-wrap:anywhere}.kod-petak-nilai.bahaya{color:var(--brand-red)}.kod-petak-nilai.sukses{color:#047857}@media (max-width: 640px){.ko-status-atas{gap:14px;padding:18px 16px 14px}.ko-ikon{inline-size:44px;block-size:44px;border-radius:13px}.ko-ikon svg{inline-size:22px;block-size:22px}.ko-judul{font-size:1.02rem}.ko-alasan{margin-inline:16px}.ko-meta-sel,.ko-kaki,.ko-panel-kepala,.ko-panel-saring,.ko-panel-kaki{padding-inline:16px}.ko-panel-nota{margin-inline:16px}.ko-panel-kaki{align-items:stretch}.ko-pg{inline-size:100%}.ko-pg-btn{flex:1 1 auto}.ko-jejak{padding-inline:16px 16px}.ko-jejak-baris{grid-template-columns:26px 1fr;gap:0 12px}.ko-jejak-baris:not(:last-child):before{inset-inline-start:12px}.ko-titik{justify-self:start}}.dsk-detail{display:flex;flex-direction:column;gap:16px}.dsk-keterangan-dok{margin-block:12px 0;font-size:.85rem;color:var(--brand-black);padding:10px 12px;border-radius:var(--erp-r-dalam);background:var(--surface-2);border:1px solid var(--erp-garis)}.dsk-tabel-bungkus{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dsk-tabel{inline-size:100%;min-inline-size:720px}.dsk-tabel th small{display:block;font-size:.63rem;font-weight:550;letter-spacing:0;text-transform:none;color:var(--brand-muted);margin-block-start:2px}.dsk-tabel tfoot td{font-weight:700;background:var(--erp-kepala);border-block-start:2px solid var(--erp-garis-tebal)}.dsk-barang{display:flex;flex-direction:column;gap:3px;min-inline-size:190px}.dsk-barang strong{font-size:.87rem;font-weight:650;color:var(--brand-black)}.dsk-barang .mono{font-family:var(--font-mono);font-size:.72rem;color:var(--brand-muted)}.dsk-ref{font-size:.72rem;color:var(--brand-muted);line-height:1.35}.dsk-ref.awas{color:#b91c1c;font-weight:600}.dsk-catatan{font-size:.74rem;color:var(--brand-muted);font-style:italic;line-height:1.35}.dsk-satuan{font-size:.74rem;color:var(--brand-muted)}.dsk-satuan-kecil{display:block;font-size:.68rem;color:var(--brand-muted);font-weight:500}.dsk-net{font-variant-numeric:tabular-nums}.dsk-net.minus{color:var(--brand-indigo-dark);font-weight:700}.dsk-baris-awas>td{background:#ef44440b}.dsk-rumus{margin-block:12px 0;padding:11px 13px;border-radius:var(--erp-r-dalam);border:1px dashed var(--erp-garis-tebal);background:var(--surface-2);font-size:.78rem;line-height:1.55;color:var(--brand-muted)}.dsk-rumus strong{color:var(--brand-black)}.dsk-rumus em{color:var(--brand-black);font-style:normal;font-weight:600}.dsk-meja-baris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dsk-meja{border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r-dalam);background:var(--surface);overflow:hidden;border-inline-start:3px solid var(--brand-line)}.dsk-meja.setuju{border-inline-start-color:#10b981}.dsk-meja.tolak{border-inline-start-color:#ef4444}.dsk-meja.belum{border-inline-start-color:var(--brand-gold)}.dsk-meja>header{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--erp-kepala);border-block-end:1px solid var(--erp-garis)}.dsk-meja>header>div{flex:1 1 auto;min-inline-size:0}.dsk-meja>header strong{display:block;font-size:.87rem;font-weight:700;color:var(--brand-black)}.dsk-meja>header small{display:block;font-size:.72rem;color:var(--brand-muted);line-height:1.35}.dsk-meja-urut{flex:0 0 auto;inline-size:26px;block-size:26px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--brand-muted)}.dsk-meja-isi{margin:0;padding:12px 13px;display:flex;flex-direction:column;gap:8px}.dsk-meja-isi>div{display:flex;gap:10px;align-items:baseline}.dsk-meja-isi dt{flex:0 0 92px;font-size:.72rem;font-weight:650;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.04em}.dsk-meja-isi dd{margin:0;flex:1 1 auto;font-size:.84rem;color:var(--brand-black);line-height:1.45}.dsk-meja-isi .dsk-alasan dd{padding:8px 10px;border-radius:7px;background:#ef444412;color:#b91c1c;font-weight:550}.dsk-sel-harga{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.dsk-sel-harga strong{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.dsk-sel-harga span{font-size:.72rem;color:var(--brand-muted)}.dsk-aksi-baris{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dsk-nominal-sah{font-weight:700;color:var(--brand-black)}.dsk-nominal-belum{color:var(--brand-muted)}.dsk-tarif{font-variant-numeric:tabular-nums}.dsk-kosong{color:var(--brand-muted);font-size:.8rem}.dsk-lap-waktu{font-size:1.15rem;letter-spacing:-.01em}.dsk-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-block-end:16px}.dsk-ringkas-kartu{display:flex;flex-direction:column;gap:5px;padding:15px 17px;border-radius:var(--erp-r);border:1px solid var(--erp-garis-tebal);background:var(--surface);box-shadow:0 1px 3px #00000008}.dsk-ringkas-kunci{font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-muted)}.dsk-ringkas-nilai{font-size:1.5rem;font-weight:750;letter-spacing:-.02em;color:var(--brand-black);font-variant-numeric:tabular-nums;line-height:1.15}.dsk-ringkas-ket{font-size:.75rem;color:var(--brand-muted);line-height:1.4}.dsk-spanduk-total{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;margin-block-end:16px;border-radius:var(--erp-r);border:1px solid rgba(16,185,129,.3);background:#10b98112}.dsk-spanduk-total strong{display:block;font-size:.88rem;color:var(--brand-black);margin-block-end:3px}.dsk-spanduk-total p{margin:0;font-size:.78rem;line-height:1.5;color:var(--brand-muted)}.dsk-spanduk-total em{font-style:normal;font-weight:650;color:var(--brand-black)}.dsk-spanduk-total.meleset{border-color:#f5b80073;background:#f5b8001a}.dsk-spanduk-total.meleset .dsk-spanduk-angka{color:#a37500}.dsk-spanduk-angka{flex:0 0 auto;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#047857;font-variant-numeric:tabular-nums;line-height:1.2}.dsk-baris-daftar{display:flex;flex-direction:column;gap:12px}.dsk-baris-kartu{border:1px solid var(--erp-garis-tebal);border-radius:var(--erp-r);background:var(--surface);padding:13px 15px 15px}.dsk-baris-kartu.galat{border-color:#ef44448c;background:#ef444408}.dsk-baris-kartu>header{display:flex;align-items:center;justify-content:space-between;margin-block-end:10px}.dsk-baris-no{font-family:var(--font-mono);font-size:.75rem;font-weight:750;color:var(--brand-muted);letter-spacing:.04em}.dsk-baris-hapus{display:inline-grid;place-items:center;inline-size:28px;block-size:28px;border-radius:8px;border:1px solid var(--erp-garis-tebal);background:var(--surface);color:var(--brand-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.dsk-baris-hapus:hover{color:#b91c1c;border-color:#ef444473;background:#ef44440f}.dsk-baris-isi{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,.75fr) minmax(0,1fr);gap:10px;margin-block-end:10px}.dsk-baris-catatan{margin-block:8px 0;font-size:.75rem;line-height:1.45;color:var(--brand-muted)}.dsk-baris-catatan strong{color:var(--brand-black);font-weight:650}.dsk-galat-baris{margin:6px 0 0;font-size:.77rem;font-weight:600;color:#b91c1c}.dsk-ringkas-qty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-start:14px;padding:11px 14px;border-radius:var(--erp-r-dalam);background:var(--surface-2);border:1px solid var(--erp-garis)}.dsk-ringkas-qty span{font-size:.78rem;color:var(--brand-muted)}.dsk-ringkas-qty strong{font-size:.9rem;color:var(--brand-black);font-variant-numeric:tabular-nums}[data-theme=dark] .dsk-baris-awas>td{background:#ef444417}[data-theme=dark] .dsk-ref.awas,[data-theme=dark] .dsk-galat-baris{color:#fca5a5}[data-theme=dark] .dsk-meja-isi .dsk-alasan dd{background:#ef444424;color:#fca5a5}[data-theme=dark] .dsk-net.minus{color:#a5b4fc}[data-theme=dark] .dsk-spanduk-total{border-color:#10b98157;background:#10b9811a}[data-theme=dark] .dsk-spanduk-total.meleset{border-color:#f5b80066;background:#f5b8001c}[data-theme=dark] .dsk-spanduk-total.meleset .dsk-spanduk-angka{color:#fcd34d}[data-theme=dark] .dsk-spanduk-angka{color:#6ee7b7}@media (max-width: 860px){.dsk-baris-isi{grid-template-columns:repeat(2,minmax(0,1fr))}.dsk-meja-baris{grid-template-columns:minmax(0,1fr)}.dsk-ringkas-nilai{font-size:1.28rem}.dsk-meja-isi>div{flex-direction:column;gap:2px}.dsk-meja-isi dt{flex-basis:auto}}@media (max-width: 520px){.dsk-baris-isi{grid-template-columns:minmax(0,1fr)}}.chat-pengaturan{display:flex;flex-direction:column;gap:18px}.chat-pengaturan .chat-statistik{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.chat-pengaturan .stat-kartu{display:flex;flex-direction:column;gap:4px;min-inline-size:0;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-black) 3%,var(--surface)) 0%,var(--surface) 100%);box-shadow:0 1px 3px var(--shadow-color);transition:border-color .2s ease,box-shadow .2s ease}.chat-pengaturan .stat-kartu:hover{border-color:color-mix(in srgb,var(--brand-indigo) 30%,var(--border));box-shadow:0 6px 18px -8px var(--shadow-color)}.chat-pengaturan .stat-kartu.sorot{border-color:color-mix(in srgb,var(--brand-red) 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-red) 7%,var(--surface)) 0%,var(--surface) 100%)}.chat-pengaturan .stat-kartu.sorot .stat-angka{color:var(--brand-red)}.chat-pengaturan .stat-angka{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--brand-black);font-variant-numeric:tabular-nums}.chat-pengaturan .stat-label{font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.chat-pengaturan .stat-ket{margin-block-start:4px;font-size:.74rem;line-height:1.55;color:var(--brand-muted);overflow-wrap:anywhere}.chat-pengaturan .chat-setelan{padding:20px 22px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px var(--shadow-color)}.chat-pengaturan .chat-setelan>h2{margin:0 0 4px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--brand-black)}.chat-pengaturan .setelan-baris{display:flex;align-items:flex-start;gap:20px;padding-block:16px;border-block-start:1px solid var(--border)}.chat-pengaturan .setelan-baris:first-of-type{border-block-start:0}.chat-pengaturan .setelan-baris>label{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-inline-size:0;cursor:default}.chat-pengaturan .setelan-baris>label strong{font-size:.9rem;font-weight:700;color:var(--brand-black)}.chat-pengaturan .setelan-baris>label span{font-size:.78rem;line-height:1.6;color:var(--brand-muted)}.chat-pengaturan .setelan-baris>label b{color:var(--brand-black);font-weight:750}.chat-pengaturan .setelan-baris>input[type=number]{flex:0 0 auto;inline-size:130px;block-size:44px;padding-inline:14px;border:1.5px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--brand-black);font-family:var(--font-mono);font-size:.95rem;font-weight:600;text-align:end;transition:border-color .18s ease,box-shadow .18s ease}.chat-pengaturan .setelan-baris>input[type=number]:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-red) 12%,transparent)}.chat-pengaturan .sakelar{flex:0 0 auto;position:relative;inline-size:62px;block-size:34px;margin-block-start:4px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--brand-black) 18%,transparent);cursor:pointer;transition:background .2s ease}.chat-pengaturan .sakelar>span{position:absolute;inset-block-start:4px;inset-inline-start:4px;inline-size:26px;block-size:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s cubic-bezier(.16,1,.3,1)}.chat-pengaturan .sakelar.nyala{background:#10b981}.chat-pengaturan .sakelar.nyala>span{transform:translate(28px)}.chat-pengaturan .sakelar:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}.chat-pengaturan .setelan-catatan{margin:10px 0 0;font-size:.78rem;line-height:1.65;color:var(--brand-muted)}.chat-pengaturan .laporan-daftar{display:flex;flex-direction:column;gap:12px;margin-block-start:14px}.chat-pengaturan .laporan-kartu{padding:14px 16px;border-radius:12px;border:1px solid var(--border);border-inline-start:3px solid color-mix(in srgb,var(--brand-red) 55%,transparent);background:var(--surface-2)}.chat-pengaturan .laporan-kartu>header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chat-pengaturan .laporan-kartu>header>strong{font-size:.88rem;font-weight:750;color:var(--brand-black)}.chat-pengaturan .laporan-kartu>footer{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.chat-pengaturan .laporan-oleh{font-size:.74rem;color:var(--brand-muted)}.chat-pengaturan .laporan-lenyap{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand-gold) 18%,transparent);color:#a37500;font-size:.68rem;font-weight:700}.chat-pengaturan .laporan-isi{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:.85rem;line-height:1.6;color:var(--brand-black);white-space:pre-wrap;overflow-wrap:anywhere}.chat-pengaturan .laporan-alasan{margin:8px 0 0;font-size:.78rem;line-height:1.55;color:var(--brand-muted);overflow-wrap:anywhere}@media (max-width: 640px){.chat-pengaturan .chat-setelan{padding:16px}.chat-pengaturan .setelan-baris{flex-direction:column;align-items:stretch;gap:10px}.chat-pengaturan .setelan-baris>input[type=number]{inline-size:100%;text-align:start}.chat-pengaturan .sakelar{margin-block-start:0;align-self:flex-start}.chat-pengaturan .stat-angka{font-size:1.7rem}}.catatan-khusus{display:flex;flex-direction:column;gap:16px}.catatan-khusus .catatan-nota{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-indigo) 26%,transparent);background:color-mix(in srgb,var(--brand-indigo) 5%,var(--surface));font-size:.8rem;line-height:1.6;color:var(--brand-muted)}.catatan-khusus .catatan-nota>svg{flex:0 0 auto;margin-block-start:2px;color:var(--brand-indigo)}.catatan-khusus .catatan-nota strong{color:var(--brand-black);font-weight:750}.catatan-khusus .catatan-nota code{padding:1px 6px;border-radius:5px;background:var(--surface-hover);font-family:var(--font-mono);font-size:.74rem}.catatan-khusus .catatan-daftar{display:flex;flex-direction:column;gap:12px}.catatan-khusus .catatan-kartu{border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px var(--shadow-color);overflow:hidden;transition:border-color .2s ease}.catatan-khusus .catatan-kartu.buka{border-color:color-mix(in srgb,var(--brand-indigo) 32%,var(--border))}.catatan-khusus .catatan-kepala{inline-size:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;background:transparent;font-family:inherit;text-align:start;cursor:pointer;transition:background .15s ease}.catatan-khusus .catatan-kepala:hover{background:var(--surface-hover)}.catatan-khusus .catatan-kepala:focus-visible{outline:2px solid var(--brand-red);outline-offset:-2px}.catatan-khusus .ck-nomor{flex:0 0 auto;display:inline-grid;place-items:center;inline-size:28px;block-size:28px;border-radius:8px;background:var(--surface-3);font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--brand-muted)}.catatan-khusus .ck-ikon{flex:0 0 auto;display:inline-flex;color:var(--brand-indigo)}.catatan-khusus .ck-teks{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-inline-size:0}.catatan-khusus .ck-teks strong{font-size:.92rem;font-weight:750;color:var(--brand-black)}.catatan-khusus .ck-teks span{font-size:.76rem;line-height:1.5;color:var(--brand-muted)}.catatan-khusus .ck-tanggal{flex:0 0 auto;font-size:.7rem;color:var(--brand-muted);white-space:nowrap}.catatan-khusus .ck-panah{flex:0 0 auto;color:var(--brand-muted);transition:transform .2s ease}.catatan-khusus .catatan-kartu.buka .ck-panah{transform:rotate(180deg)}.catatan-khusus .catatan-badan{padding:4px 16px 18px;border-block-start:1px solid var(--border)}.catatan-khusus .catatan-blok+.catatan-blok{margin-block-start:16px}.catatan-khusus .cb-teks{margin:14px 0 0;font-size:.85rem;line-height:1.7;color:var(--brand-black)}.catatan-khusus .cb-poin{margin:14px 0 0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px;font-size:.82rem;line-height:1.6;color:var(--brand-black)}.catatan-khusus .cb-poin li::marker{color:var(--brand-indigo)}.catatan-khusus .cb-terminal{margin:14px 0 0;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface-3);overflow-x:auto;font-family:var(--font-mono);font-size:.74rem;line-height:1.65;color:var(--brand-black);white-space:pre}.catatan-khusus .cb-tabel{margin-block-start:14px}.catatan-khusus .cb-tabel td:first-child{white-space:nowrap}.catatan-khusus .cb-tabel tbody tr.redup td{color:var(--brand-muted)}.catatan-khusus .cb-catatan{margin:10px 0 0;padding-inline-start:12px;border-inline-start:2px solid var(--border);font-size:.76rem;line-height:1.65;color:var(--brand-muted)}@media (max-width: 640px){.catatan-khusus .ck-tanggal{display:none}.catatan-khusus .catatan-kepala{padding:12px;gap:10px}.catatan-khusus .catatan-badan{padding-inline:12px}.catatan-khusus .cb-terminal{font-size:.68rem}}:root{--chat-kertas: #f6f4ee;--chat-gelembung-lain: #ffffff;--chat-gelembung-saya: #ffe4df;--chat-gelembung-saya-teks: #18203a;--chat-garis: rgba(24, 32, 58, .08);--chat-glass-bg: rgba(255, 255, 255, .78);--chat-glass-border: rgba(255, 255, 255, .4);--chat-glow-red: rgba(253, 1, 0, .25);--chat-glow-indigo: rgba(99, 102, 241, .25);--chat-foto-lebar: 310px;--baris-avatar: 46px;--baris-padding: 14px;--baris-jarak: 12px}[data-theme=dark]{--chat-kertas: #0a1320;--chat-gelembung-lain: #142337;--chat-gelembung-saya: #3e1616;--chat-gelembung-saya-teks: #ffedeb;--chat-garis: rgba(255, 255, 255, .08);--chat-glass-bg: rgba(17, 32, 51, .82);--chat-glass-border: rgba(255, 255, 255, .08);--chat-glow-red: rgba(253, 1, 0, .35);--chat-glow-indigo: rgba(99, 102, 241, .35)}body[data-layar=chat] .main-area{block-size:100dvh;min-block-size:0}body[data-layar=chat] .content{display:flex;overflow:hidden;padding:0}body[data-layar=chat] .content>.page-fade{flex:1;min-inline-size:0;min-block-size:0;display:flex}.chat-halaman{flex:1;min-block-size:0;min-inline-size:0;display:flex;background:var(--surface);position:relative}.chat-daftar{inline-size:33%;min-inline-size:310px;max-inline-size:430px;flex-shrink:0;display:flex;flex-direction:column;min-block-size:0;background:var(--surface);border-inline-end:1px solid var(--chat-garis);position:relative;z-index:10}.daftar-judul{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 12px}.daftar-judul .daftar-judul-teks{display:flex;align-items:center;gap:8px}.daftar-judul .daftar-judul-teks h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(135deg,var(--text) 40%,var(--brand-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.daftar-judul .daftar-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.daftar-judul .daftar-tag .dot-live{inline-size:6px;block-size:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:chat-pulse-glow 2s infinite ease-in-out}.daftar-baru{inline-size:38px;block-size:38px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#b93a12);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--chat-glow-red);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.daftar-baru:hover{transform:scale(1.08) rotate(90deg);box-shadow:0 6px 18px var(--chat-glow-red)}.daftar-baru:active{transform:scale(.95)}.daftar-kepala{padding:0 14px 10px}.daftar-cari{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-3);border:1px solid transparent;border-radius:14px;color:var(--text-muted);transition:all .2s ease}.daftar-cari:focus-within{background:var(--surface);border-color:var(--brand-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 15%,transparent)}.daftar-cari input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:13.5px;outline:none}.daftar-cari input::placeholder{color:var(--text-muted);opacity:.75}.daftar-cari>button{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:2px;border-radius:50%}.daftar-cari>button:hover{color:var(--brand-red)}.daftar-saring{display:flex;gap:8px;padding:2px 14px 12px}.daftar-saring button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid transparent;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:all .2s ease}.daftar-saring button span{display:inline-grid;place-items:center;min-inline-size:18px;block-size:18px;padding:0 5px;border-radius:999px;background:#00000014;font-size:10.5px;font-variant-numeric:tabular-nums}.daftar-saring button:hover{background:var(--surface-hover);color:var(--text)}.daftar-saring button.aktif{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-red) 16%,transparent),color-mix(in srgb,var(--brand-red) 8%,transparent));border-color:color-mix(in srgb,var(--brand-red) 30%,transparent);color:var(--brand-red);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-red) 15%,transparent)}.daftar-saring button.aktif span{background:var(--brand-red);color:#fff}.daftar-isi{flex:1;min-block-size:0;overflow-y:auto;padding-block:6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.daftar-isi::-webkit-scrollbar{inline-size:5px}.daftar-isi::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.daftar-kosong{padding:36px 20px;text-align:center;color:var(--text-muted);font-size:13px}.chat-memuat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 20px;text-align:center}.chat-memuat span{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.2px}.chat-memuat .orb-glow{top:-14%;right:-14%;bottom:-14%;left:-14%;opacity:.7}.chat-memuat.rapat{gap:10px;padding:20px 14px}.chat-memuat.rapat span{font-size:11.5px}.chat-memuat.rapat .orb-glow{top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.6}.percakapan-baris{position:relative;inline-size:calc(100% - 16px);margin:4px 8px;display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid transparent;border-radius:16px;background:transparent;text-align:start;cursor:pointer;color:var(--text);transition:all .2s cubic-bezier(.16,1,.3,1)}.percakapan-baris:hover{background:var(--surface-2);border-color:var(--chat-glass-border);transform:translateY(-1px);box-shadow:0 4px 16px #0000000a}.percakapan-baris.aktif{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-red) 14%,transparent),color-mix(in srgb,var(--brand-red) 4%,transparent));border-color:color-mix(in srgb,var(--brand-red) 28%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--brand-red) 12%,transparent)}.percakapan-baris.aktif:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;inline-size:4px;border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--brand-red),#e11d48);box-shadow:0 0 10px var(--brand-red)}.percakapan-baris.nasional .baris-judul{color:var(--brand-red);font-weight:750}.percakapan-baris.belum{background:color-mix(in srgb,var(--brand-red) 4%,var(--surface-2));border-color:color-mix(in srgb,var(--brand-red) 14%,transparent)}.percakapan-baris.belum .baris-judul{font-weight:800;color:var(--text)}.percakapan-baris.belum .baris-cuplikan{color:var(--text);font-weight:600}.baris-avatar{position:relative;inline-size:44px;block-size:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-red) 20%,transparent),color-mix(in srgb,var(--brand-indigo) 15%,transparent));color:var(--brand-red);font-weight:800;font-size:15px;letter-spacing:.4px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand-red) 22%,transparent);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.percakapan-baris:hover .baris-avatar{transform:scale(1.08)}.baris-avatar.nasional{border-radius:14px;background:linear-gradient(135deg,#ff416c,#ff4b2b,#6366f1);color:#fff;box-shadow:0 4px 14px var(--chat-glow-red)}.titik-online{position:absolute;inset-block-end:1px;inset-inline-end:1px;inline-size:13px;block-size:13px;border-radius:50%;background:#22c55e;border:2.5px solid var(--surface);box-shadow:0 0 6px #22c55e99}.titik-online:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid #22c55e;animation:chat-pulse-glow 1.8s infinite ease-in-out}.baris-teks{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.baris-teks>*{min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baris-judul{font-size:14.5px;font-weight:650;line-height:1.35;letter-spacing:-.1px}.baris-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-inline-size:52px;padding-block-start:2px}.baris-tanda{display:flex;align-items:center;gap:5px;min-block-size:20px}.baris-waktu{flex-shrink:0;font-size:11.5px;line-height:1.4;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.baris-waktu.ada-baru{color:var(--brand-red);font-weight:700}.baris-cuplikan{font-size:12.5px;line-height:1.45;color:var(--text-muted)}.baris-cuplikan em{opacity:.7;font-style:italic}.baris-lencana{flex-shrink:0;min-inline-size:20px;block-size:20px;display:grid;place-items:center;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 3px 10px #ef444473}.baris-sebut{flex-shrink:0;display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11.5px;font-weight:850;line-height:1;box-shadow:0 3px 10px #f59e0b80}.percakapan-ket{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--text-muted);background:var(--surface-3);padding:2px 7px;border-radius:6px;margin-block-start:3px;max-inline-size:max-content;border:1px solid var(--chat-garis)}.chat-ruang{flex:1;min-inline-size:0;min-block-size:0;display:flex;flex-direction:column;background:var(--chat-kertas);position:relative}.chat-ruang.kosong{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand-red) 8%,var(--surface-3)),var(--surface-3) 70%);position:relative;overflow:hidden}.chat-ruang.kosong .ruang-hampa-glow{position:absolute;inline-size:380px;block-size:380px;border-radius:50%;background:radial-gradient(circle,var(--chat-glow-red) 0%,transparent 70%);pointer-events:none;filter:blur(40px);animation:chat-pulse-glow 4s infinite ease-in-out}.ruang-hampa{position:relative;z-index:2;max-inline-size:420px;padding:32px 24px;text-align:center;color:var(--text-muted);background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.ruang-hampa .hampa-icon-wrap{inline-size:80px;block-size:80px;margin:0 auto 16px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-red) 15%,transparent),color-mix(in srgb,var(--brand-indigo) 15%,transparent));color:var(--brand-red);box-shadow:0 8px 24px var(--chat-glow-red)}.ruang-hampa .hampa-badge{display:inline-block;padding:3px 10px;margin-block-end:12px;border-radius:999px;background:color-mix(in srgb,var(--brand-red) 12%,transparent);color:var(--brand-red);font-size:11px;font-weight:750;letter-spacing:.8px}.ruang-hampa h3{margin:0 0 10px;font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.4px}.ruang-hampa p{margin:0 0 20px;font-size:13px;line-height:1.65}.ruang-hampa p strong{color:var(--text)}.ruang-hampa .hampa-fitur{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ruang-hampa .hampa-fitur .fitur-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--surface-3);border:1px solid var(--chat-garis);font-size:11.5px;font-weight:600;color:var(--text)}.ruang-hampa .hampa-fitur .fitur-chip .dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--brand-red)}.ruang-hampa .hampa-fitur .fitur-chip .dot.gold{background:var(--brand-gold)}.ruang-hampa .hampa-fitur .fitur-chip .dot.indigo{background:var(--brand-indigo)}.ruang-kepala{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block-end:1px solid var(--chat-garis);box-shadow:0 4px 20px #00000008;z-index:20}.ruang-kembali{inline-size:38px;block-size:38px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.ruang-kembali:hover{background:var(--surface-hover)}.ruang-avatar{inline-size:42px;block-size:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#b93a12,#6366f1);color:#fff;font-weight:750;font-size:14px;box-shadow:0 4px 12px var(--chat-glow-red)}.ruang-judul{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:1px}.ruang-judul strong{font-size:16px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ruang-status{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ruang-status .status-online{display:inline-flex;align-items:center;gap:6px;color:#22c55e;font-weight:650}.ruang-status .status-online .dot-pulse{inline-size:7px;block-size:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:chat-pulse-glow 1.6s infinite ease-in-out}.sedang-mengetik{display:inline-flex;align-items:center;gap:4px;color:var(--brand-red);font-weight:650}.sedang-mengetik i{inline-size:4.5px;block-size:4.5px;border-radius:50%;background:currentColor;animation:chat-ketik 1.1s infinite ease-in-out}.sedang-mengetik i:nth-child(2){animation-delay:.15s}.sedang-mengetik i:nth-child(3){animation-delay:.3s;margin-inline-end:4px}@keyframes chat-ketik{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes chat-pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.ruang-sinyal.putus{inline-size:9px;block-size:9px;flex-shrink:0;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 10px var(--brand-gold);animation:chat-denyut 1.6s infinite ease-in-out}@keyframes chat-denyut{0%,to{opacity:.35}50%{opacity:1}}.ruang-bangun{flex-shrink:0;padding:6px 14px;border:1px solid var(--brand-red);border-radius:999px;background:transparent;color:var(--brand-red);font-size:12px;font-weight:650;font-family:inherit;cursor:pointer;transition:all .2s ease}.ruang-bangun:hover{background:var(--brand-red);color:#fff}.ruang-badan{flex:1;min-block-size:0;overflow-y:auto;padding:20px 7% 14px;display:flex;flex-direction:column;position:relative;background-color:var(--chat-kertas);background-image:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--brand-red) 4%,transparent) 0%,transparent 45%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--brand-indigo) 4%,transparent) 0%,transparent 45%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--brand-black) 2.5%,transparent) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--brand-black) 2.5%,transparent) 0 1px,transparent 1px 32px);background-size:100% 100%,100% 100%,32px 32px,32px 32px}.ruang-info,.ruang-awal{padding:18px 14px;text-align:center;font-size:12.5px;color:var(--text-muted)}.ruang-awal{font-size:11.5px;opacity:.85}.ruang-lebih{display:grid;place-items:center;padding-block-end:12px}.ruang-lebih button{padding:7px 18px;border:1px solid var(--chat-garis);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s ease}.ruang-lebih button:hover:not(:disabled){color:var(--brand-red);border-color:color-mix(in srgb,var(--brand-red) 30%,transparent);transform:translateY(-1px)}.ruang-lebih button:disabled{opacity:.6;cursor:default}.ruang-pemisah{display:grid;place-items:center;margin:20px 0 14px;position:relative}.ruang-pemisah span{padding:5px 16px;border-radius:999px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--chat-garis);color:var(--text-muted);font-size:11px;font-weight:750;box-shadow:0 2px 8px #0000000d;text-transform:uppercase;letter-spacing:.6px}.chat-sistem{margin:10px auto 20px;max-inline-size:620px}.chat-sistem p{margin:0;padding:10px 18px;border-radius:12px;background:color-mix(in srgb,var(--brand-gold) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-gold) 35%,transparent);color:var(--text);font-size:12.5px;line-height:1.65;text-align:center;box-shadow:0 2px 10px #0000000a}.chat-ke-dasar{position:absolute;inset-block-end:80px;inset-inline-end:24px;z-index:25;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--chat-glass-border);border-radius:999px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--brand-red);font-size:12px;font-weight:750;box-shadow:0 6px 20px #0000001f;cursor:pointer;animation:float-bounce 2s infinite ease-in-out;transition:all .2s ease}.chat-ke-dasar:hover{transform:translateY(-2px) scale(1.03);background:var(--surface);box-shadow:0 8px 24px var(--chat-glow-red)}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-baris{display:flex;gap:10px;align-items:flex-end;margin-block-start:14px}.chat-baris.rapat{margin-block-start:3px}.chat-baris.saya{flex-direction:row-reverse}.chat-avatar{inline-size:30px;block-size:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--brand-red);font-size:11.5px;font-weight:750;box-shadow:0 2px 6px #00000014}.chat-baris.rapat .chat-avatar{background:transparent;box-shadow:none}.chat-isi{position:relative;max-inline-size:min(600px,72%);display:flex;flex-direction:column;gap:3px}.chat-baris.saya .chat-isi{align-items:flex-end}.chat-nama{padding-inline-start:4px;font-size:12px;font-weight:700;color:var(--brand-red);max-inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-nama .nama-cabang{font-weight:500;color:var(--text-muted)}.chat-gelembung{position:relative;padding:9px 14px 7px;border-radius:16px;background:var(--chat-gelembung-lain);border:1px solid var(--chat-garis);box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.chat-baris.saya .chat-gelembung{background:var(--chat-gelembung-saya);color:var(--chat-gelembung-saya-teks);border-color:color-mix(in srgb,var(--brand-red) 20%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--brand-red) 12%,transparent)}.chat-baris:not(.rapat):not(.saya) .chat-gelembung{border-start-start-radius:4px}.chat-baris.saya:not(.rapat) .chat-gelembung{border-start-end-radius:4px}.chat-gelembung.berfoto{padding:4px 4px 5px}.chat-gelembung.memudar{opacity:.72}.chat-kutipan{display:flex;flex-direction:column;gap:2px;margin-block-end:6px;padding:6px 12px;border-inline-start:3px solid var(--brand-red);border-radius:8px;background:color-mix(in srgb,var(--brand-black) 6%,transparent);font-size:12px}.kutipan-nama{font-weight:750;color:var(--brand-red)}.kutipan-teks{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sebut{padding:1px 5px;border-radius:6px;background:color-mix(in srgb,var(--brand-red) 16%,transparent);color:var(--brand-red);font-weight:750}.chat-gelembung.disebut{border-inline-start:4px solid var(--brand-red);padding-inline-start:10px;box-shadow:0 0 16px var(--chat-glow-red)}.chat-gelembung.disebut.berfoto{padding-inline-start:4px}.pemilih-sebutan{position:absolute;inset-block-end:100%;inset-inline:12px;z-index:40;margin-block-end:8px;max-block-size:min(320px,42dvh);overflow-y:auto;padding:6px;border-radius:16px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-glass-border);box-shadow:var(--shadow-lg);animation:pop-in .16s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sebutan-item{display:flex;align-items:center;gap:10px;inline-size:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;text-align:start;cursor:pointer;transition:background .14s ease}.sebutan-item:hover,.sebutan-item:focus-visible{background:var(--surface-hover)}.sebutan-item.semua{border-block-end:1px solid var(--chat-garis);border-radius:10px 10px 0 0}.sebutan-avatar{flex-shrink:0;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:12px;font-weight:700}.sebutan-avatar.semua{background:var(--brand-red);color:#fff}.sebutan-avatar.online{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #22c55e}.sebutan-teks{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.sebutan-teks strong{font-size:13px;font-weight:700;color:var(--text)}.sebutan-teks small{font-size:11px;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sebutan-kabar{margin:0;padding:12px 10px;font-size:12px;color:var(--text-muted)}.sebutan-sambung{display:grid;place-items:center;block-size:34px}.sebutan-putar{inline-size:16px;block-size:16px;border:2px solid color-mix(in srgb,var(--brand-black) 15%,transparent);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.chat-foto{display:block;inline-size:var(--chat-foto-lebar);max-inline-size:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface-3);cursor:zoom-in;line-height:0;box-shadow:0 2px 8px #0000001a}.chat-foto img{display:block;inline-size:100%;block-size:auto;max-block-size:320px;object-fit:cover;transition:transform .3s ease}.chat-foto:hover img{transform:scale(1.02)}.chat-foto-muat{display:grid;place-items:center;inline-size:var(--chat-foto-lebar);max-inline-size:100%;max-block-size:320px;border-radius:12px;background:color-mix(in srgb,var(--brand-black) 7%,transparent)}.foto-putar{inline-size:22px;block-size:22px;border:2.5px solid color-mix(in srgb,var(--brand-black) 15%,transparent);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.chat-foto-galat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;inline-size:var(--chat-foto-lebar);max-inline-size:100%;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--brand-red) 9%,transparent);color:var(--brand-red)}.chat-foto-galat span{font-size:11.5px;line-height:1.5;color:var(--text-muted)}.chat-foto-galat button{padding:4px 12px;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--brand-red);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.chat-teks{margin:0;font-size:14px;line-height:1.55;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.chat-gelembung.berfoto .chat-teks{padding:6px 8px 2px}.chat-kaki{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-block-start:2px;font-size:10.5px;color:var(--text-muted)}.chat-gelembung.berfoto .chat-kaki{padding-inline-end:6px}.chat-umur{font-weight:650;font-style:italic;color:var(--brand-red);opacity:.85}.chat-jam{opacity:.8;font-variant-numeric:tabular-nums}.chat-disunting{font-style:italic;opacity:.65}.chat-disunting.oleh-lain{font-style:normal;font-weight:650;opacity:1;color:var(--brand-red)}.chat-reaksi{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:-6px;padding-inline:4px;position:relative;z-index:2}.reaksi-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--chat-garis);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:11.5px;font-family:inherit;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s ease}.reaksi-chip:hover{transform:scale(1.1)}.reaksi-chip.aktif{background:color-mix(in srgb,var(--brand-red) 16%,var(--surface));border-color:color-mix(in srgb,var(--brand-red) 40%,transparent);color:var(--brand-red);font-weight:750}.reaksi-chip .jml{font-variant-numeric:tabular-nums}.chat-alat{position:absolute;inset-block-start:-14px;inset-inline-end:4px;display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--chat-glass-border);box-shadow:0 4px 16px #0000001f;opacity:0;pointer-events:none;transition:all .16s ease;z-index:10}.chat-baris.saya .chat-alat{inset-inline-end:auto;inset-inline-start:4px}.chat-isi:hover .chat-alat,.chat-alat:focus-within{opacity:1;pointer-events:auto}.chat-alat .alat-buka{display:none}.chat-alat .alat-isi{display:flex;gap:2px}.chat-alat .alat-label{display:none}.chat-alat .alat-isi>button,.chat-alat .alat-emoji>button{inline-size:28px;block-size:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .14s ease}.chat-alat .alat-isi>button:hover,.chat-alat .alat-emoji>button:hover{background:var(--surface-hover);color:var(--brand-red);transform:scale(1.1)}.alat-emoji{position:relative}.emoji-lembar-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:flex;align-items:flex-end;background:#0a0c1473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:emoji-lembar-pudar .2s ease-out}@keyframes emoji-lembar-pudar{0%{opacity:0}to{opacity:1}}.emoji-lembar{inline-size:100%;max-block-size:62dvh;display:flex;flex-direction:column;gap:8px;padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px));border-start-start-radius:20px;border-start-end-radius:20px;background:var(--surface);box-shadow:0 -10px 34px #00000047;animation:emoji-lembar-naik .26s cubic-bezier(.22,1,.36,1)}.emoji-lembar .emoji-pop{position:static;inline-size:100%;max-inline-size:none;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;animation:none;overflow:visible}.emoji-lembar .emoji-ringkasan{flex-wrap:wrap;justify-content:center;gap:6px}.emoji-lembar .emoji-ringkasan button{min-inline-size:44px;min-block-size:44px;font-size:24px}.emoji-lembar .emoji-grid{grid-template-columns:repeat(6,1fr);max-block-size:40dvh}.emoji-lembar-pegangan{align-self:center;inline-size:38px;block-size:4px;flex-shrink:0;border-radius:999px;background:var(--border)}@keyframes emoji-lembar-naik{0%{transform:translateY(100%)}to{transform:translateY(0)}}.emoji-pop{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-end:0;z-index:50;padding:6px 8px;border-radius:999px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-glass-border);box-shadow:var(--shadow-lg);animation:pop-in .16s cubic-bezier(.34,1.56,.64,1);transition:all .2s ease;overflow:hidden}.chat-baris.saya .emoji-pop{inset-inline-end:auto;inset-inline-start:0}.emoji-pop.lebar{border-radius:20px;padding:12px;inline-size:310px;max-inline-size:88vw}.emoji-ringkasan{display:flex;align-items:center;gap:3px}.emoji-ringkasan button{inline-size:34px!important;block-size:34px!important;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;font-size:18px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .14s ease}.emoji-ringkasan button:hover{background:var(--surface-hover);transform:scale(1.32)}.emoji-ringkasan .emoji-tambah{inline-size:34px!important;block-size:34px!important;font-size:13px;color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 12%,transparent);margin-inline-start:3px}.emoji-ringkasan .emoji-tambah:hover{background:var(--brand-red);color:#fff;transform:scale(1.12)}.emoji-panel-lengkap{display:flex;flex-direction:column;gap:10px;inline-size:100%}.emoji-tab-bar{display:flex;align-items:center;gap:6px;border-block-end:1px solid var(--chat-garis);padding-block-end:8px;overflow-x:auto;scrollbar-width:none}.emoji-tab-bar::-webkit-scrollbar{display:none}.emoji-tab-bar .emoji-tab{inline-size:auto!important;block-size:auto!important;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .16s ease}.emoji-tab-bar .emoji-tab span{font-size:13.5px}.emoji-tab-bar .emoji-tab small{font-size:11px;font-weight:600}.emoji-tab-bar .emoji-tab:hover{background:var(--surface-hover);color:var(--text)}.emoji-tab-bar .emoji-tab.aktif{background:color-mix(in srgb,var(--brand-red) 16%,transparent);color:var(--brand-red);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-red) 20%,transparent)}.emoji-tab-bar .emoji-tutup-tab{inline-size:26px!important;block-size:26px!important;margin-inline-start:auto;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;border-radius:50%;flex-shrink:0}.emoji-tab-bar .emoji-tutup-tab:hover{background:var(--surface-hover);color:var(--brand-red)}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-block-size:160px;overflow-y:auto;overflow-x:hidden;padding:2px;scrollbar-width:thin;scrollbar-color:var(--chat-garis) transparent}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-thumb{background:var(--chat-garis);border-radius:4px}.emoji-grid button{inline-size:100%!important;block-size:auto!important;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:12px;background:var(--surface-3);font-size:20px;cursor:pointer;transition:transform .16s ease,background .16s ease}.emoji-grid button:hover{background:var(--surface-hover);transform:scale(1.2)}.komposer-emoji-wrap{position:relative}.komposer-emoji-btn{inline-size:44px;block-size:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),color .14s ease,background .14s ease}.komposer-emoji-btn:disabled{opacity:.4;cursor:not-allowed}.komposer-emoji-btn:not(:disabled):hover{background:var(--surface-hover);color:var(--brand-red);transform:scale(1.06)}.komposer-emoji-pop{position:absolute;inset-block-end:calc(100% + 10px);inset-inline-start:0;z-index:50;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;inline-size:280px;border-radius:18px;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-glass-border);box-shadow:var(--shadow-lg);animation:pop-in .16s ease-out}.komposer-emoji-pop button{inline-size:100%;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;font-size:20px;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .14s ease}.komposer-emoji-pop button:hover{background:var(--surface-hover);transform:scale(1.3)}.chat-komposer{position:relative;background:var(--chat-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block-start:1px solid var(--chat-garis);padding-block-end:env(safe-area-inset-bottom,0px);z-index:30}.komposer-balas,.komposer-foto{display:flex;align-items:center;gap:12px;padding:10px 18px;border-block-end:1px solid var(--chat-garis);background:var(--surface-2);animation:pop-in .16s ease-out}.komposer-balas>button,.komposer-foto>button{inline-size:28px;block-size:28px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px}.komposer-balas>button:hover,.komposer-foto>button:hover{background:var(--surface-hover);color:var(--brand-red)}.komposer-balas.menyunting{background:color-mix(in srgb,var(--brand-gold) 14%,var(--surface-2))}.komposer-balas.menyunting .balas-info{border-inline-start-color:var(--brand-gold)}.komposer-balas.menyunting .balas-nama{display:flex;align-items:center;gap:6px;color:var(--text)}.balas-info,.foto-info{flex:1;min-inline-size:0;display:flex;flex-direction:column;border-inline-start:3px solid var(--brand-red);padding-inline-start:12px}.balas-nama,.foto-info strong{font-size:12px;font-weight:700;color:var(--brand-red)}.balas-teks,.foto-info span{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.komposer-foto img{inline-size:48px;block-size:48px;flex-shrink:0;border-radius:10px;object-fit:cover}.komposer-habis{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-block-end:1px solid var(--chat-garis);background:color-mix(in srgb,var(--brand-red) 10%,transparent)}.komposer-habis strong{font-size:12.5px;color:var(--brand-red);font-weight:750}.komposer-habis span{font-size:11.5px;color:var(--text-muted);line-height:1.55}.komposer-baris{display:flex;align-items:flex-end;gap:10px;padding:10px 16px}.komposer-kamera,.komposer-kirim{inline-size:44px;block-size:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .14s ease,background .14s ease,box-shadow .2s ease}.komposer-kamera:disabled,.komposer-kirim:disabled{opacity:.4;cursor:not-allowed}.komposer-kamera:not(:disabled):active,.komposer-kirim:not(:disabled):active{transform:scale(.92)}.komposer-kamera{background:transparent;color:var(--text-muted)}.komposer-kamera:not(:disabled):hover{background:var(--surface-hover);color:var(--brand-red);transform:scale(1.06)}.komposer-kirim{background:linear-gradient(135deg,var(--brand-red),#b93a12);color:#fff;box-shadow:0 4px 16px var(--chat-glow-red)}.komposer-kirim:disabled{box-shadow:none;background:var(--surface-3);color:var(--text-muted)}.komposer-kirim:not(:disabled):hover{transform:scale(1.06);box-shadow:0 6px 20px var(--chat-glow-red)}.komposer-kirim.mengirim:disabled{opacity:1;background:var(--brand-red);color:#fff;cursor:progress;animation:kirim-denyut 1.1s ease-in-out infinite}@keyframes kirim-denyut{0%,to{box-shadow:0 0 #fd010073}70%{box-shadow:0 0 0 8px #fd010000}}.chat-komposer.mengirim .komposer-teks:disabled{color:var(--text);-webkit-text-fill-color:var(--text);opacity:1}.kirim-putar{inline-size:16px;block-size:16px;border:2px solid rgba(255,255,255,.4);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .6s linear infinite}.komposer-teks{flex:1;min-inline-size:0;max-block-size:140px;padding:12px 18px;border:1px solid transparent;border-radius:22px;background:var(--surface-3);color:var(--text);font-family:inherit;font-size:14px;line-height:1.45;resize:none;outline:none;transition:all .2s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.komposer-teks::-webkit-scrollbar{inline-size:6px}.komposer-teks::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.komposer-teks::-webkit-scrollbar-button{display:none}.komposer-teks::placeholder{color:var(--text-muted);opacity:.75}.komposer-teks:focus{background:var(--surface);border-color:var(--brand-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 18%,transparent)}.komposer-teks:disabled{opacity:.6;cursor:not-allowed}.cincin-kuota{position:relative;flex-shrink:0;display:grid;place-items:center}.cincin-kuota svg{display:block}.cincin-kuota .alur{stroke:var(--surface-3)}.cincin-kuota .isi{transition:stroke-dashoffset .45s cubic-bezier(.22,1,.36,1),stroke .3s ease}.cincin-kuota .angka{position:absolute;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.cincin-kuota.netral .isi{stroke:var(--brand-red)}.cincin-kuota.netral .angka{color:var(--text)}.cincin-kuota.menunggu .isi{stroke:var(--brand-gold)}.cincin-kuota.menunggu .angka{color:var(--brand-gold)}.cincin-kuota.bahaya{animation:chat-denyut 1.8s infinite ease-in-out}.cincin-kuota.bahaya .isi{stroke:var(--brand-red)}.cincin-kuota.bahaya .angka{color:var(--brand-red)}.foto-layar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:24px;background:#080a12eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;animation:pop-in .2s ease-out}.foto-layar img{max-inline-size:100%;max-block-size:90dvh;border-radius:14px;box-shadow:var(--shadow-lg);cursor:default}.foto-layar>button{position:absolute;inset-block-start:20px;inset-inline-end:24px;inline-size:42px;block-size:42px;border:0;border-radius:50%;background:#ffffff29;color:#fff;font-size:18px;cursor:pointer;transition:background .2s ease}.foto-layar>button:hover{background:#ffffff4d}.pemilih-penerima{display:flex;flex-direction:column;gap:14px}.penerima-cari{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-3);border:1px solid transparent;border-radius:14px;color:var(--text-muted);transition:all .2s ease}.penerima-cari:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 15%,transparent)}.penerima-cari input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:14px;outline:none}.penerima-info,.penerima-galat{margin:0;text-align:center;font-size:12.5px;color:var(--text-muted)}.penerima-galat{color:var(--brand-red)}.penerima-daftar{display:flex;flex-direction:column;max-block-size:min(420px,52dvh);overflow-y:auto;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.penerima-sambung{display:grid;place-items:center;block-size:40px}.penerima-baris{display:flex;align-items:center;gap:14px;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:start;cursor:pointer;transition:all .16s ease}.penerima-baris:hover{background:var(--surface-hover);transform:translate(2px)}.penerima-baris .penerima-chev{color:var(--text-muted);flex-shrink:0}.penerima-avatar{position:relative;inline-size:44px;block-size:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#b93a12);color:#fff;font-weight:750;font-size:15px;box-shadow:0 3px 10px var(--chat-glow-red)}.penerima-teks{flex:1;min-inline-size:0;display:flex;flex-direction:column}.penerima-teks strong{font-size:14px;font-weight:700}.penerima-teks span{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-lencana{position:absolute;inset-block-start:-3px;inset-inline-end:-3px;min-inline-size:18px;padding:0 5px;border-radius:999px;background:var(--brand-red);color:#fff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;border:2px solid var(--surface);font-variant-numeric:tabular-nums;box-shadow:0 2px 8px var(--chat-glow-red)}.chat-lencana.disebut{background:var(--brand-indigo);box-shadow:0 0 0 2px var(--brand-red)}@media (max-width: 1180px){.chat-daftar{inline-size:38%;min-inline-size:280px}.percakapan-ket{display:none}.ruang-badan{padding-inline:4%}.chat-isi{max-inline-size:80%}}@media (max-width: 768px){.chat-daftar{inline-size:100%;max-inline-size:none;min-inline-size:0;border-inline-end:0}.ruang-badan{padding:14px 12px 8px}.chat-isi{max-inline-size:88%}body[data-layar=chat] .content.content-mobil{padding-block-end:calc(70px + env(safe-area-inset-bottom,0px))}body[data-layar=chat] .content.content-mobil .chat-komposer{padding-block-end:0}.chat-alat{position:static;opacity:1;pointer-events:auto;padding:0;background:transparent;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.chat-alat .alat-buka{display:grid;place-items:center;position:absolute;inset-block-start:2px;inset-inline-end:2px;z-index:5;inline-size:24px;block-size:24px;border:0;border-radius:50%;background:color-mix(in srgb,var(--chat-gelembung-lain) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-muted);cursor:pointer;opacity:.6;transition:transform .18s ease,opacity .18s ease,color .18s ease}.chat-alat.terbuka .alat-buka{opacity:1;color:var(--brand-red);transform:rotate(180deg)}.chat-gelembung:not(.berfoto){padding-inline-end:30px}.chat-alat .alat-isi{position:absolute;inset-block-start:28px;inset-inline-start:2px;inset-inline-end:auto;z-index:40;flex-direction:column;align-items:stretch;gap:1px;min-inline-size:176px;max-inline-size:calc(100vw - 28px);padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--chat-garis);box-shadow:0 10px 30px #00000038;animation:pop-in .16s cubic-bezier(.34,1.56,.64,1)}.chat-baris.saya .chat-alat .alat-isi{inset-inline-start:auto;inset-inline-end:2px}.chat-alat:not(.terbuka) .alat-isi{display:none}.chat-alat .alat-isi>button,.chat-alat .alat-emoji>button{inline-size:100%;block-size:auto;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:9px 10px;border-radius:9px;background:transparent;box-shadow:none;color:var(--text)}.chat-alat .alat-isi>button:hover,.chat-alat .alat-isi>button:active,.chat-alat .alat-emoji>button:hover,.chat-alat .alat-emoji>button:active{background:var(--surface-hover);transform:none}.chat-alat .alat-emoji{inline-size:100%}.chat-alat .alat-label{display:block;font-size:13.5px;font-weight:550;white-space:nowrap}.chat-alat .alat-isi>button.bahaya{color:var(--brand-red)}.chat-alat .alat-isi>button.bahaya:hover,.chat-alat .alat-isi>button.bahaya:active{background:color-mix(in srgb,var(--brand-red) 10%,transparent)}.komposer-baris{padding:8px 10px}.komposer-teks{font-size:16px}.foto-layar{padding:14px}}@media (max-width: 520px){.chat-isi{max-inline-size:92%}.ruang-kepala{padding:10px 12px;gap:10px}.daftar-judul{padding:14px 14px 10px}.daftar-kepala{padding:0 12px 10px}:root{--baris-avatar: 42px;--baris-padding: 12px;--baris-jarak: 11px}.baris-avatar{font-size:14px}.chat-foto img{max-block-size:260px}}@media (prefers-reduced-motion: reduce){.sedang-mengetik i,.ruang-sinyal.putus,.cincin-kuota.bahaya,.komposer-kirim.mengirim:disabled,.chat-ke-dasar,.dot-live{animation:none}.cincin-kuota .isi{transition:none}}