.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{--bg-app: #0B1624;--bg-sidebar: #071019;--bg-card: #102033;--bg-input: #16283D;--bg-hover: #1B3450;--surface-1: #0F1C2E;--surface-2: #16283D;--surface-3: #1B3450;--border: rgba(37,64,91,.55);--border-md: #25405B;--amber: #16B8A6;--amber-soft: rgba(22,184,166,.15);--amber-text: #22C7B7;--teal: #16B8A6;--teal-hover: #22C7B7;--orange: #C8783A;--orange-bg: rgba(200,120,58,.14);--green: #2FA66A;--green-bg: rgba(47,166,106,.14);--red: #D35A55;--red-bg: rgba(211,90,85,.14);--blue: #4C8EDB;--blue-bg: rgba(76,142,219,.14);--yellow:#D9A441;--yellow-bg:rgba(217,164,65,.14);--text-1: #E7EEF5;--text-2: #A7B4C2;--text-3: #6F8192;--shadow-card: 0 2px 12px rgba(0,0,0,.35);--shadow-popup: 0 18px 50px rgba(0,0,0,.6);--shadow-lift: 0 12px 34px rgba(0,0,0,.28);--ease-out: cubic-bezier(.2, .72, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--motion-fast: .15s;--motion-med: .28s;--motion-slow: .52s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13.5px;background:var(--bg-app);color:var(--text-1);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.amber{color:var(--amber-text)}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.muted{color:var(--text-2)}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.auth-hidden{display:none!important}#app{display:flex;height:100vh}#main{flex:1;display:flex;flex-direction:column;min-width:0}#content{flex:1;overflow-y:auto;padding:22px}#app:not(.auth-hidden) #sidebar{animation:sidebarIn var(--motion-slow) var(--ease-spring) both}#app:not(.auth-hidden) #topbar{animation:topbarIn .42s var(--ease-out) both}#app:not(.auth-hidden) #content{animation:pageIn .52s var(--ease-out) both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}:focus-visible{outline:2px solid rgba(34,199,183,.75);outline-offset:3px}@keyframes pageIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes surfaceIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes topbarIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes loginReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr;background:linear-gradient(90deg,#071019fa,#0b1624f5),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 32px)}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:34px;padding:clamp(28px,5vw,64px);border-right:1px solid var(--border);background:#071019bd}.login-screen:not(.hidden) .login-brand{animation:loginReveal .42s var(--ease-out) both}.login-screen:not(.hidden) .login-form{animation:loginReveal .52s 80ms var(--ease-out) both}.login-screen:not(.hidden) .login-site-card{animation:surfaceIn .62s .16s var(--ease-spring) both}.login-brand{display:flex;align-items:center;gap:12px}.login-logo{width:42px;height:42px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 14px #2dd4bf38}.login-logo img{width:100%;height:100%;object-fit:contain;padding:3px}.login-brand-title{font-size:13px;font-weight:800;letter-spacing:.12em}.login-brand-sub{margin-top:3px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--amber-text)}.login-form{display:flex;flex-direction:column;gap:18px;max-width:390px}.login-kicker{margin-bottom:10px;color:var(--amber-text);font-family:JetBrains Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.login-form h1{font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:0;margin:0}.login-form p{margin-top:10px;color:var(--text-2);font-size:14px;line-height:1.55}.login-field{display:flex;flex-direction:column;gap:8px}.login-field span,.login-options{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.login-field input{width:100%;height:44px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);outline:none;padding:0 13px;color:var(--text-1);transition:border-color .16s ease,box-shadow .16s ease}.login-field input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #16b8a624}.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.login-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}.login-check input{accent-color:var(--amber)}.login-error{min-height:18px;color:var(--red);font-size:12px;font-weight:600}.login-submit{height:46px;border-radius:8px;background:var(--amber);color:#06241f;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;box-shadow:0 10px 24px #16b8a62e}.login-submit:hover{background:var(--teal-hover)}.login-side{min-width:0;display:grid;align-items:center;padding:clamp(28px,5vw,72px);background:linear-gradient(135deg,#10203359,#0710191f),repeating-linear-gradient(35deg,rgba(76,142,219,.06) 0 2px,transparent 2px 34px)}.login-site-card{width:min(520px,100%);border:1px solid var(--border);border-radius:8px;background:#102033d1;box-shadow:var(--shadow-card);padding:24px;position:relative;overflow:hidden}.login-site-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(34,199,183,.08) 45%,transparent 70%);transform:translate(-120%);animation:glowSweep 2.8s .8s var(--ease-out) both;pointer-events:none}.login-site-top{display:flex;align-items:center;gap:8px;color:var(--green);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;font-weight:800}.login-site-title{margin-top:18px;font-size:clamp(22px,3vw,34px);line-height:1.15;font-weight:800}.login-site-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.login-site-grid div{min-height:82px;border:1px solid var(--border);border-radius:8px;background:#0b1624b8;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.login-site-grid span{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.login-site-grid b{font-family:JetBrains Mono,monospace;font-size:24px;color:var(--amber-text)}@media(max-width:860px){.login-screen{grid-template-columns:1fr;overflow-y:auto}.login-panel{min-height:100vh;border-right:0}.login-side{display:none}.login-form{max-width:none}}#sidebar{width:220px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .22s ease;overflow:hidden}#sidebar.collapsed{width:68px}#sidebar.collapsed .nav-label,#sidebar.collapsed .logo-text,#sidebar.collapsed .sb-bottom-text{display:none}#sidebar.collapsed .sidebar-logo{padding:16px 12px;justify-content:center}#sidebar.collapsed .nav-item{padding:10px;justify-content:center;margin:2px 8px}#sidebar.collapsed .btn-collapse{justify-content:center;padding:8px 0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.logo-icon{width:34px;height:34px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 10px #2dd4bf40;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:contain;padding:2px}.logo-text{line-height:1.15}.logo-title{font-size:12px;font-weight:700;letter-spacing:.06em}.logo-sub{font-size:9.5px;color:var(--amber-text);letter-spacing:.14em;margin-top:2px;font-family:JetBrains Mono,monospace}.sidebar-nav{flex:1;padding:10px 6px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:8px;margin:0 6px;color:var(--text-2);font-size:13px;font-weight:500;position:relative;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease,border-color var(--motion-fast) ease;cursor:pointer;white-space:nowrap;border:1px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-1);transform:translate(2px)}.nav-item.active{background:var(--amber-soft);color:var(--amber-text);border-color:#22c7b72e;box-shadow:inset 0 0 0 1px #22c7b70d}.nav-item.active:before{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--amber);box-shadow:0 0 12px #22c7b773}.nav-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--motion-fast) ease}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{transform:scale(1.08)}.nav-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--bg-card);padding:5px 10px;border-radius:5px;font-size:11.5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:50;border:1px solid var(--border-md);color:var(--text-1)}#sidebar.collapsed .nav-item:hover .nav-tooltip{opacity:1}.sidebar-bottom{padding:10px;border-top:1px solid var(--border)}.btn-collapse{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;color:var(--text-2);font-size:11.5px;font-weight:500;background:transparent;transition:background .15s}.btn-collapse:hover{background:var(--bg-hover);color:var(--text-1)}.system-status{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#34d3990f;border:1px solid rgba(47,166,106,.2);border-radius:6px;font-size:10.5px;color:var(--green);letter-spacing:.06em;font-weight:600}.uptime{font-size:10px;color:var(--text-3);padding:0 12px;margin-top:4px;font-family:JetBrains Mono,monospace}.dot-green{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 #34d39966;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #34d39980}60%{box-shadow:0 0 0 6px #34d39900}}#topbar{height:60px;flex-shrink:0;background:var(--bg-app);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:18px}.breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.breadcrumb .crumb-link{color:var(--text-2);font-weight:500}.breadcrumb .crumb-sep{color:var(--text-3)}.breadcrumb .crumb-current{color:var(--amber-text);font-weight:600}.live-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-bg);color:var(--green);border:1px solid rgba(52,211,153,.25);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.1em;font-family:JetBrains Mono,monospace;margin-left:4px}.live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green);animation:pulse-dot 1.4s ease infinite}.search-bar{flex:1;max-width:460px;height:36px;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 14px}.search-bar input{flex:1;background:transparent;border:none;outline:none;font-size:12.5px;color:var(--text-1)}.search-bar input::placeholder{color:var(--text-3)}.kbd{font-family:JetBrains Mono,monospace;font-size:10px;border:1px solid var(--border-md);padding:1px 5px;border-radius:3px;color:var(--text-2)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:16px}.tb-weather{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-2)}.tb-weather .weather-icon{width:18px;height:18px}.tb-clock{text-align:right;line-height:1.1}.tb-clock .time{font-family:JetBrains Mono,monospace;font-weight:600;font-size:16px;color:var(--amber-text)}.tb-clock .date{font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--text-3);letter-spacing:.1em;margin-top:2px}.divider-v{width:1px;height:28px;background:var(--border)}.btn-bell{position:relative;width:36px;height:36px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-1);transition:all var(--motion-fast)}.btn-bell:hover{background:var(--bg-hover);border-color:var(--border-md);transform:translateY(-1px)}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;border-radius:999px;font-size:9.5px;font-weight:700;display:grid;place-items:center;font-family:JetBrains Mono,monospace;box-shadow:0 0 0 2px var(--bg-app)}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;transition:all var(--motion-fast)}.user-chip:hover{background:var(--bg-hover);border-color:var(--border-md);transform:translateY(-1px)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6f8192,#2a3550);display:grid;place-items:center;color:var(--amber-text);font-weight:700;font-size:11px;font-family:JetBrains Mono,monospace}.user-info{line-height:1.15}.user-name{font-size:12px;font-weight:600}.user-role{font-size:9.5px;color:var(--text-3);letter-spacing:.1em;font-family:JetBrains Mono,monospace}.btn-logout{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-2);display:grid;place-items:center;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.btn-logout:hover{background:var(--red-bg);color:var(--red);border-color:#d35a5559;transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease,transform var(--motion-med) ease}.card:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.card-padless{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.card-padless:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}.section-title{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}.section-title h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-1)}.section-title .tick{width:3px;height:14px;background:var(--amber);border-radius:1px}.section-title .count{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;background:var(--amber-soft);color:var(--amber-text);padding:2px 8px;border-radius:999px;border:1px solid rgba(217,164,65,.2)}.page{transform-origin:top center}.page.is-entering{animation:pageIn var(--motion-slow) var(--ease-out) both}.page.is-entering .page-header{animation:surfaceIn .42s var(--ease-out) both}.page.is-entering .stats-row .stat-card,.page.is-entering .card,.page.is-entering .card-padless,.page.is-entering .tbl-wrap,.page.is-entering .filter-bar,.page.is-entering .map-container,.page.is-entering .map-panel,.page.is-entering .fleet-panel,.page.is-entering .fleet-side,.page.is-entering .maint-stat,.page.is-entering .kanban-col,.page.is-entering .settings-nav,.page.is-entering .settings-content,.page.is-entering .prod-chart-wrap,.page.is-entering .laporan-form,.page.is-entering .laporan-preview,.page.is-entering .lap-kpi,.page.is-entering .shift-card{animation:surfaceIn .46s var(--ease-spring) both}.page.is-entering .stats-row .stat-card:nth-child(2),.page.is-entering .kanban-col:nth-child(2),.page.is-entering .lap-kpi:nth-child(2),.page.is-entering .shift-card:nth-child(2){animation-delay:55ms}.page.is-entering .stats-row .stat-card:nth-child(3),.page.is-entering .kanban-col:nth-child(3),.page.is-entering .lap-kpi:nth-child(3),.page.is-entering .shift-card:nth-child(3){animation-delay:.11s}.page.is-entering .stats-row .stat-card:nth-child(4),.page.is-entering .kanban-col:nth-child(4),.page.is-entering .lap-kpi:nth-child(4),.page.is-entering .shift-card:nth-child(4){animation-delay:165ms}.page.is-entering table.tbl tbody tr,.page.is-entering .fleet-item,.page.is-entering .notif-item{animation:rowIn .32s var(--ease-out) both}.page.is-entering table.tbl tbody tr:nth-child(2),.page.is-entering .fleet-item:nth-child(2){animation-delay:24ms}.page.is-entering table.tbl tbody tr:nth-child(3),.page.is-entering .fleet-item:nth-child(3){animation-delay:48ms}.page.is-entering table.tbl tbody tr:nth-child(4),.page.is-entering .fleet-item:nth-child(4){animation-delay:72ms}.page.is-entering table.tbl tbody tr:nth-child(5),.page.is-entering .fleet-item:nth-child(5){animation-delay:96ms}.page.is-entering table.tbl tbody tr:nth-child(6),.page.is-entering .fleet-item:nth-child(6){animation-delay:.12s}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;position:relative;z-index:20}.page-header h1{font-size:22px;font-weight:700;letter-spacing:.01em;color:var(--text-1)}.page-header .subtitle{font-size:12.5px;color:var(--text-2);margin-top:4px}.page-actions{display:flex;gap:8px}.page-header:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,rgba(34,199,183,.35),transparent 58%);opacity:.75}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;transition:border-color var(--motion-med) ease,transform var(--motion-med) ease,box-shadow var(--motion-med) ease;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-md);transform:translateY(-3px);box-shadow:var(--shadow-lift)}.stat-icon{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-text)}.stat-label{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:700;line-height:1.05;margin-bottom:6px;letter-spacing:-.01em}.stat-value .stat-of,.stat-value .stat-unit{font-size:16px;font-weight:500;color:var(--text-2);margin-left:2px}.stat-desc{font-size:11.5px;color:var(--text-2)}.stat-bar{margin-top:12px;height:4px;background:var(--bg-input);border-radius:999px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--amber);border-radius:999px;transition:width .8s ease}.badge-inline{display:inline-flex;align-items:center;gap:3px;background:var(--green-bg);color:var(--green);padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:600;margin-right:6px}.alert-bars{display:flex;gap:4px;margin-top:12px}.alert-bar{flex:1;height:5px;border-radius:2px;background:var(--bg-input)}.alert-bar.red{background:var(--red);box-shadow:0 0 4px var(--red)}.alert-bar.yellow{background:var(--yellow)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-beroperasi{background:var(--green-bg);color:var(--green)}.badge-idle{background:var(--blue-bg);color:var(--blue)}.badge-breakdown{background:var(--red-bg);color:var(--red);animation:blink 1.4s ease infinite}.badge-hold{background:#9d6ad124;color:#b98ae3}.badge-priority-critical{background:var(--red-bg);color:var(--red)}.badge-priority-high{background:var(--yellow-bg);color:var(--yellow)}.badge-priority-normal{background:var(--blue-bg);color:var(--blue)}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}.badge-green{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--green-bg);color:var(--green)}.badge-yellow{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--yellow-bg);color:var(--yellow)}.badge-red{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--red-bg);color:var(--red)}.badge-purple{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#9d6ad124;color:#b98ae3}.badge-blue{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--blue-bg);color:var(--blue)}.badge-gray{display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff12;color:var(--text-3)}.skeleton{background:var(--bg-card);border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:shimmer 1.4s ease infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-text.wide{width:75%}.skeleton-text.short{width:40%}.skeleton-block{height:48px;margin-bottom:10px;border-radius:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state-icon{width:48px;height:48px;color:var(--text-3);opacity:.5}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-2)}.empty-state-desc{font-size:12px;color:var(--text-3);line-height:1.6;max-width:300px}.loader-mf-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.loader-mf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.loader-mf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.loader-mf-id{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--amber)}.loader-mf-val{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.loader-mf-val.mf-green{color:var(--green)}.loader-mf-val.mf-yellow{color:var(--yellow)}.loader-mf-val.mf-red{color:var(--red)}.loader-mf-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.loader-mf-trucks{font-size:11px;color:var(--text-3);margin-top:6px}.bcm-vs-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.bcm-vs-item{display:flex;flex-direction:column;gap:2px}.bcm-vs-label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.bcm-vs-val{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.bcm-vs-sub{font-size:10.5px;color:var(--text-3)}.bcm-vs-gap.positive{color:var(--green)}.bcm-vs-gap.negative{color:var(--red)}.btn-hold{background:var(--yellow-bg);color:var(--yellow);border-color:var(--yellow)}.btn-hold:hover{background:#d9a44140}.btn-release{background:var(--green-bg);color:var(--green);border-color:var(--green)}.btn-release:hover{background:#2aae7440}.btn-recall{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.btn-recall:hover{background:#4c8edb40}.btn-wo{background:#ffffff0d;color:var(--text-2);border-color:var(--border-md)}.btn-wo:hover{background:#ffffff1a}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--bg-input);color:var(--text-1);border:1px solid var(--border);font-size:12.5px;font-weight:500;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.btn:hover{background:var(--bg-hover);border-color:var(--border-md);transform:translateY(-1px)}.btn:active,.btn-icon:active,.btn-bell:active,.btn-logout:active,.login-submit:active{transform:translateY(0) scale(.98)}.btn-sm{padding:5px 10px;font-size:11.5px;border-radius:6px}.btn-primary{background:var(--amber);color:#1c2333;font-weight:600;border:1px solid var(--amber);box-shadow:0 8px 20px #16b8a624}.btn-primary:hover{background:var(--amber-text);transform:translateY(-1px);box-shadow:0 12px 28px #16b8a638}.btn-outline{background:transparent;border:1px solid var(--border-md);color:var(--text-1)}.btn-outline:hover{border-color:var(--amber);color:var(--amber-text)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-icon{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:6px;background:transparent;color:var(--text-2);transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.btn-icon:hover{background:var(--bg-hover);color:var(--text-1);transform:translateY(-1px)}.btn-icon.danger:hover{color:var(--red)}.btn-full{width:100%;justify-content:center}.input,select.input,input.input{height:34px;padding:0 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-size:12.5px;outline:none;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #16b8a61f;background:#16283deb}select.input{padding-right:28px}input[type=date].input{font-family:JetBrains Mono,monospace}.filter-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filter-bar .search-bar{max-width:280px}.tbl-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-card);transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.tbl-wrap:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}table.tbl{width:100%;border-collapse:collapse}table.tbl thead{background:#00000026}table.tbl th{text-align:left;padding:12px 16px;font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}table.tbl td{padding:12px 16px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle}table.tbl tbody tr{transition:background var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}table.tbl tbody tr:hover{background:var(--bg-hover);cursor:pointer;box-shadow:inset 3px 0 #22c7b78c}table.tbl tbody tr:last-child td{border-bottom:none}.tbl-progress{display:flex;align-items:center;gap:8px;min-width:120px}.tbl-progress .bar{flex:1;height:4px;background:var(--bg-input);border-radius:999px;overflow:hidden}.tbl-progress .bar-fill{height:100%;background:var(--amber);border-radius:999px}.tbl-progress .bar-fill.over{background:var(--green)}.pagination{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text-2)}.pagination .page-num{min-width:28px;height:28px;padding:0 8px;border-radius:6px;display:grid;place-items:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-2);font-weight:600;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.pagination .page-num:hover{background:var(--bg-hover);color:var(--text-1);transform:translateY(-1px)}.pagination .page-num.active{background:var(--amber-soft);color:var(--amber-text);border-color:#f0a50066}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;padding:0 4px}.tab-btn{padding:12px 18px;font-size:12.5px;font-weight:600;color:var(--text-2);position:relative;display:inline-flex;align-items:center;gap:8px;transition:color var(--motion-fast) ease,background var(--motion-fast) ease;border-radius:8px 8px 0 0}.tab-btn:hover{color:var(--text-1);background:#ffffff06}.tab-btn.active{color:var(--amber-text)}.tab-btn.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--amber);border-radius:1px 1px 0 0}.dash-mid{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-bottom:22px}.map-container{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;height:540px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.map-container:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}.map-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.map-header h3{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.map-svg-wrap{flex:1;position:relative;background:radial-gradient(120% 80% at 50% 40%,#1f2a3f,#161d2e)}.map-svg-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(34,199,183,.045) 48%,transparent 68%);transform:translate(-120%)}.page.is-entering .map-svg-wrap:after{animation:glowSweep 1.8s .26s var(--ease-out) both}.map-svg-wrap>svg{position:absolute;inset:0;width:100%;height:100%}.map-tip{position:absolute;pointer-events:none;background:#161d2ef5;border:1px solid var(--border-md);border-radius:8px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:11px;min-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-popup);transform:translate(-50%,-120%);z-index:10}.map-legend{position:absolute;left:12px;bottom:12px;background:#161d2eeb;border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:11px}.map-legend .label{font-size:10px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-weight:600}.map-legend-item{display:flex;align-items:center;gap:6px;color:var(--text-2)}.lg-sw{width:9px;height:9px;border-radius:2px;flex-shrink:0;display:inline-block}.lg-line{width:16px;height:0;border-top:2px solid #FFC23D;flex-shrink:0;display:inline-block}.lg-sep{height:1px;background:var(--border);margin:5px 0}.fm-legend{inset:84px auto auto 10px;z-index:620;gap:3px;max-height:calc(100% - 96px);overflow:auto;box-shadow:0 6px 20px #0006}.fm-legend .label:not(:first-child){margin-top:2px}.buma-block-label{font:700 9.5px JetBrains Mono,monospace;color:#cff8f2;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;letter-spacing:.02em;text-align:center}.z-far .buma-block-label,.z-mid .buma-block-label{display:none}#btn-buma.active,#btn-routenet.active{background:#22c7b72e;border-color:#22c7b7;color:#5eead9}.rn-exca-mark{font-size:17px;line-height:24px;text-align:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));cursor:pointer}.rn-exca-label{font:800 10px JetBrains Mono,monospace;color:#ffe08a;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;letter-spacing:.04em;text-align:center}.z-far .rn-exca-label{display:none}.rn-draw-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:1000;width:360px;max-width:calc(100% - 24px);background:#0a121cf2;border:1px solid #22C7B7;border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 22px #00000080}.rn-draw-hint{font-size:11px;color:var(--text-2);line-height:1.5;display:block}.ra-auto{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;background:#22c7b712;border:1px solid rgba(34,199,183,.25);border-radius:10px}.ra-auto-label{font-weight:700;color:#5eead9;font-size:13px}.ra-auto select{min-width:200px;height:34px}.ra-auto-hint{font-size:11px;color:var(--text-3);margin-left:auto}.map-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.map-zoom{background:#161d2eeb;border:1px solid var(--border);border-radius:6px;overflow:hidden}.map-zoom button{display:block;width:30px;height:30px;font-size:16px;font-weight:600;color:var(--text-1)}.map-zoom button:first-child{border-bottom:1px solid var(--border)}.map-zoom button:hover{background:var(--bg-hover)}.map-fit{background:#161d2eeb;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:10.5px;color:var(--amber-text);font-weight:600}.selected-card{position:absolute;left:12px;top:12px;background:#161d2ef5;border:1px solid rgba(240,165,0,.4);border-radius:8px;padding:12px 14px;min-width:240px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-popup);z-index:5}.fleet-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px;display:flex;flex-direction:column;height:540px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.fleet-panel:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}.fleet-filter-pills{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.fp{padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.04em;background:var(--bg-input);color:var(--text-2);border:1px solid var(--border);transition:background var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.fp:hover{background:var(--bg-hover);color:var(--text-1);transform:translateY(-1px)}.fp.active{background:var(--amber-soft);color:var(--amber-text);border-color:#f0a50066}.fleet-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;min-height:0}.fleet-item{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;border-left:3px solid var(--text-3);cursor:pointer;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.fleet-item:hover{background:var(--bg-hover);transform:translate(2px);box-shadow:0 8px 18px #0000002e}.fleet-item.selected{background:#16b8a617;border-color:#22c7b77a;box-shadow:inset 0 0 0 1px #22c7b714}.fleet-item .top{display:flex;justify-content:space-between;align-items:center}.fleet-item .id{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--amber-text)}.fleet-item .op{color:var(--text-1);margin-left:8px}.fleet-item .meta{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2);margin-top:7px}.fleet-item .route{font-size:10.5px;color:var(--text-3);margin-top:4px}.fuel-bar{width:40px;height:4px;background:var(--bg-app);border-radius:999px;overflow:hidden}.fuel-bar .fill{height:100%;background:var(--green);border-radius:999px}.fuel-bar .fill.low{background:var(--yellow)}.fuel-bar .fill.crit{background:var(--red)}.maint-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.maint-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;transition:border-color var(--motion-med) ease,transform var(--motion-med) ease,box-shadow var(--motion-med) ease}.maint-stat:hover{border-color:var(--border-md);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.maint-stat-num{font-size:28px;font-weight:700;line-height:1}.maint-stat-label{font-size:11.5px;color:var(--text-2)}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kanban-col{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.kanban-col:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.badge-count{background:var(--bg-input);color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.kanban-cards{display:flex;flex-direction:column;gap:10px;min-height:100px}.kanban-card{background:var(--bg-input);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:8px;padding:12px 14px;transition:border-color var(--motion-fast) ease,transform var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.kanban-card:hover{border-color:var(--border-md);transform:translateY(-2px);background:var(--bg-hover);box-shadow:0 10px 22px #0003}.kanban-card.priority-critical{border-left-color:var(--red)}.kanban-card.priority-high{border-left-color:var(--yellow)}.kanban-card.priority-normal{border-left-color:var(--blue)}.kanban-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kanban-card-title{font-size:13px;font-weight:600;margin-bottom:8px}.kanban-card-meta{display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;font-family:JetBrains Mono,monospace;font-size:10.5px}.kanban-card-meta .k{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.kanban-card-meta .v{color:var(--text-2)}.kanban-progress{margin-top:10px}.kanban-progress .bar{height:5px;background:var(--bg-app);border-radius:999px;overflow:hidden}.kanban-progress .bar-fill{height:100%;background:var(--amber);border-radius:999px;transition:width .4s}.kanban-progress-label{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3);margin-bottom:4px;letter-spacing:.08em}.kanban-card-actions{display:flex;gap:6px;margin-top:10px}.kanban-card-actions .btn{flex:1;justify-content:center}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px;height:fit-content}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:7px;text-align:left;color:var(--text-2);font-size:13px;font-weight:500;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-1);transform:translate(2px)}.settings-nav-item.active{background:var(--amber-soft);color:var(--amber-text)}.settings-content{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px}.setting-panel h3{font-size:16px;margin-bottom:8px}.setting-panel-desc{color:var(--text-2);font-size:12.5px;margin-bottom:22px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:24px;border-bottom:1px solid var(--border)}.setting-item:last-of-type{border-bottom:none}.setting-label{font-size:13px;font-weight:600;margin-bottom:3px}.setting-desc{font-size:11.5px;color:var(--text-2)}.setting-input{min-width:180px}input[type=text].setting-input,input[type=email].setting-input,select.setting-input{height:34px;padding:0 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-1)}input[type=text].setting-input:disabled{opacity:.6;cursor:not-allowed}.toggle{position:relative;display:inline-block;width:42px;height:23px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-input);border-radius:999px;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:17px;height:17px;left:3px;bottom:3px;background:var(--text-2);border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--amber)}.toggle input:checked+.toggle-slider:before{transform:translate(19px);background:#fff}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.modal-box{position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border-md);border-radius:12px;width:620px;max-width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-popup);animation:modalIn .22s cubic-bezier(.2,.7,.2,1)}.modal-box.sm{width:480px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-header h3{font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px}.modal-body{padding:22px;overflow-y:auto}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.modal-info-item{padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px}.modal-info-item.full-width{grid-column:1 / -1}.modal-info-label{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-weight:600}.modal-info-value{font-size:14px;font-weight:500}.fuel-bar-bg{height:6px;background:var(--bg-app);border-radius:999px;overflow:hidden;margin-bottom:4px}.fuel-bar-fill{height:100%;border-radius:999px;transition:width .4s}.timeline{display:flex;flex-direction:column;gap:8px;margin-top:8px}.timeline-item{padding:8px 12px 8px 26px;background:var(--bg-input);border-radius:6px;font-size:12px;color:var(--text-2);position:relative}.timeline-item:before{content:"";position:absolute;left:10px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--bg-app);border:2px solid var(--text-3)}.timeline-item.done{color:var(--text-1)}.timeline-item.done:before{background:var(--green);border-color:var(--green)}.timeline-item.active{color:var(--amber-text);font-weight:600}.timeline-item.active:before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px var(--amber)}.form-group{margin-bottom:16px}.form-group>label{display:block;font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-group{display:flex;gap:8px}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:8px;flex:1;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--text-2);transition:all .15s}.radio-group input,.checkbox-group input{accent-color:var(--amber)}.radio-group label:has(input:checked),.checkbox-group label:has(input:checked){border-color:var(--amber);color:var(--amber-text)}.checkbox-group{display:flex;flex-direction:column;gap:6px}#notif-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:var(--bg-card);border-left:1px solid var(--border-md);box-shadow:var(--shadow-popup);z-index:900;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}#notif-panel.open{transform:translate(0)}.notif-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:890;opacity:0;pointer-events:none;transition:opacity .22s}.notif-overlay.open{opacity:1;pointer-events:auto}.notif-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notif-header h3{font-size:14px;font-weight:700}.notif-header .sub{font-size:11px;color:var(--text-2);font-family:JetBrains Mono,monospace;margin-top:3px}.notif-filter{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border)}.notif-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.notif-item{padding:14px;border-radius:8px;border:1px solid var(--border);border-left:4px solid var(--text-3);background:var(--bg-input);transition:opacity var(--motion-med) ease,transform var(--motion-fast) ease,border-color var(--motion-fast) ease}.notif-item:hover{transform:translate(-2px);border-color:var(--border-md)}.notif-item.severity-critical{border-left-color:var(--red);background:#f871710f}.notif-item.severity-warning{border-left-color:var(--yellow);background:#fbbf240f}.notif-item.severity-info{border-left-color:var(--blue);background:#60a5fa0f}.notif-item.read{opacity:.6}.notif-item-row{display:flex;gap:12px}.notif-icon-cell{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:#ffffff0d}.notif-sev-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-3)}.notif-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3)}.notif-title{font-weight:600;font-size:12.5px;margin-top:3px}.notif-desc{font-size:11.5px;color:var(--text-2);margin-top:4px;line-height:1.5}.notif-actions{display:flex;gap:5px;margin-top:10px}.prod-chart-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}#prod-canvas,#lap-canvas{width:100%;height:280px;display:block}.chart-legend{display:flex;gap:18px;padding-top:12px;border-top:1px solid var(--border);margin-top:12px;font-size:11.5px;color:var(--text-2)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend .sw{width:14px;height:4px;border-radius:2px}.shift-summary{display:flex;flex-direction:column;gap:10px}.shift-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;transition:border-color var(--motion-med) ease,transform var(--motion-med) ease,box-shadow var(--motion-med) ease}.shift-card:hover{border-color:var(--border-md);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.shift-card .label{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.shift-card .value{font-size:20px;font-weight:700;margin-top:4px;line-height:1}.shift-card .unit{font-size:11.5px;color:var(--text-2);margin-left:4px}.laporan-layout{display:grid;grid-template-columns:340px 1fr;gap:16px}.laporan-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.laporan-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:22px;min-height:460px;transition:border-color var(--motion-med) ease,box-shadow var(--motion-med) ease}.laporan-form,.lap-kpi{transition:border-color var(--motion-med) ease,transform var(--motion-med) ease,box-shadow var(--motion-med) ease}.laporan-form:hover,.laporan-preview:hover,.lap-kpi:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift)}.lap-kpi:hover{transform:translateY(-1px)}.preview-placeholder{display:grid;place-items:center;min-height:380px;text-align:center;color:var(--text-3);border:1px dashed var(--border-md);border-radius:8px}.preview-placeholder .icon-lg{font-size:36px;opacity:.5;margin-bottom:12px}.lap-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.lap-kpi{padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px}.lap-kpi .v{font-size:18px;font-weight:700}.lap-kpi .l{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-weight:600}.footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3);letter-spacing:.1em}.spinner{width:32px;height:32px;border:3px solid var(--bg-input);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-sm{font-size:11.5px}.vehicle-marker{cursor:pointer}.vehicle-marker:hover .marker-shape{filter:brightness(1.4)}.leaflet-map{width:100%;height:100%;background:#0f1626}.leaflet-container{font-family:inherit;background:#0f1626}.leaflet-control-attribution{background:#161d2ed9!important;color:var(--text-3)!important;font-size:9.5px!important;padding:1px 6px!important;border-radius:4px 0 0}.leaflet-control-attribution a{color:var(--amber-text)!important}.leaflet-control-zoom a{background:#161d2eeb!important;border:1px solid var(--border)!important;color:var(--text-1)!important;width:30px!important;height:30px!important;line-height:28px!important;font-size:16px!important;font-weight:600!important}.leaflet-control-zoom a:hover{background:var(--bg-hover)!important;color:var(--amber-text)!important}.leaflet-control-zoom{border:none!important;box-shadow:none!important}.leaflet-bar a:first-child{border-radius:6px 6px 0 0!important}.leaflet-bar a:last-child{border-radius:0 0 6px 6px!important}.leaflet-control-layers{background:#161d2ef2!important;border:1px solid var(--border)!important;border-radius:8px!important;color:var(--text-1)!important;box-shadow:var(--shadow-card)!important}.leaflet-control-layers-expanded{padding:10px 14px!important;font-size:12px!important}.leaflet-control-layers-base label,.leaflet-control-layers-overlays label{margin-bottom:4px!important;cursor:pointer}.leaflet-control-layers-separator{border-top-color:var(--border)!important}.leaflet-control-layers-toggle{background-image:none!important;background-color:#161d2eeb!important}.leaflet-control-layers-toggle:before{content:"⊟";display:block;text-align:center;line-height:30px;font-size:18px;color:var(--text-1)}.veh-marker-icon{background:transparent!important;border:none!important;display:grid;place-items:center;cursor:pointer;overflow:visible}.veh-icon-wrap{position:relative;width:36px;height:36px;display:grid;place-items:center;transition:transform var(--motion-fast) ease}.veh-marker-icon:hover .veh-icon-wrap{transform:translateY(-2px) scale(1.05)}.veh-icon-circle{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:10px;letter-spacing:.04em;border:2px solid #fff;box-shadow:0 2px 10px #000000a6,0 0 0 1px #00000080;z-index:2;position:relative;transition:box-shadow var(--motion-fast) ease,filter var(--motion-fast) ease}.veh-marker-icon:hover .veh-icon-circle{filter:brightness(1.08);box-shadow:0 8px 18px #000000ad,0 0 0 2px #22c7b747}.veh-sprite{position:relative;z-index:2;display:grid;place-items:center;transition:transform .45s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.veh-marker-icon .veh-svg{position:static;inset:auto;width:auto;height:auto;display:block}.veh-marker-icon:hover .veh-sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.7)) brightness(1.08)}.veh-marker-icon.veh-parked .veh-sprite{opacity:.55;filter:grayscale(.35) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.veh-id-pill{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);background:#070c16f7;color:#3bead6;padding:2px 7px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em;border:1px solid rgba(59,234,214,.35);text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none;z-index:3}.veh-marker-icon.selected .veh-id-pill{background:#f0a500f7;color:#0f1626;border-color:#ffd166}.z-mid .veh-icon-wrap{transform:scale(.78)}.z-far .veh-icon-wrap{transform:scale(.52)}.z-mid .veh-id-pill{font-size:10px}.z-far .veh-id-pill,.z-far .veh-load{display:none}.veh-payload{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-2px);background:#120d03f2;color:#ffde7a;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;line-height:1.4;padding:1px 5px;border-radius:4px;white-space:nowrap;border:1px solid rgba(255,200,80,.6);z-index:4;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.85)}.z-far .veh-payload{display:none}.veh-pulse{position:absolute;inset:0;border:2px solid #D35A55;border-radius:50%;animation:vehPulse 1.6s ease-out infinite;z-index:0}@keyframes vehPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2.4);opacity:0}}.veh-ring{position:absolute;inset:-6px;border:2px dashed #16B8A6;border-radius:50%;animation:spin 6s linear infinite;z-index:0}.leaflet-marker-icon.veh-marker-icon{transition:transform .5s linear}.leaflet-pan-anim .leaflet-marker-icon.veh-marker-icon,.leaflet-zoom-anim .leaflet-marker-icon.veh-marker-icon{transition:none!important}.leaflet-popup-content-wrapper{background:#161d2ef5!important;color:var(--text-1)!important;border:1px solid var(--border-md)!important;border-radius:8px!important;box-shadow:var(--shadow-popup)!important;padding:0!important}.leaflet-popup-content{margin:0!important;padding:12px 14px!important;min-width:200px;font-family:JetBrains Mono,monospace;font-size:11px}.leaflet-popup-tip{background:#161d2ef5!important;box-shadow:none!important}.leaflet-popup-close-button{color:var(--text-2)!important;padding:6px 8px!important}.leaflet-tooltip{background:#161d2ef5!important;border:1px solid var(--border-md)!important;color:var(--text-1)!important;box-shadow:var(--shadow-popup)!important;border-radius:6px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before{border-top-color:#161d2ef5!important;border-bottom-color:#161d2ef5!important}.zone-label{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--amber-text);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.95);pointer-events:none}.zone-label:before,.zone-label:after{display:none!important}.re-tool-btn{padding:6px 11px;border-radius:6px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.re-tool-btn:hover{background:var(--bg-hover);color:var(--text-1);transform:translateY(-1px)}.re-tool-btn.active{background:var(--amber-soft);color:var(--amber-text);border-color:#f0a50066}.re-tool-btn.danger:hover{color:var(--red);border-color:var(--red)}.re-chk{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-2);cursor:pointer;flex:1;justify-content:center}.re-chk input{accent-color:var(--amber)}.re-chk:has(input:checked){border-color:var(--amber);color:var(--amber-text);background:var(--amber-soft)}.re-wp-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}.re-wp-item:hover{transform:translate(2px);border-color:var(--border-md)}.re-wp-item.sel{border-color:var(--amber);background:#f0a5000f}.re-wp-no{width:24px;height:24px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px}.re-wp-body{flex:1;min-width:0}.re-wp-nama{flex:1;min-width:0;height:28px;padding:0 8px;background:var(--bg-app);border:1px solid var(--border);border-radius:5px;color:var(--text-1);font-size:12px;font-weight:500;outline:none}.re-wp-nama:focus{border-color:var(--amber)}.re-wp-tipe{height:28px;padding:0 6px;flex-shrink:0;background:var(--bg-app);border:1px solid var(--border);border-radius:5px;color:var(--text-2);font-size:10.5px;font-family:JetBrains Mono,monospace;outline:none}.re-coord{flex:1;min-width:0;height:26px;padding:0 6px;background:var(--bg-app);border:1px solid var(--border);border-radius:5px;color:var(--text-2);font-size:10.5px;font-family:JetBrains Mono,monospace;outline:none}.re-coord:focus{border-color:var(--amber);color:var(--text-1)}.re-wp-acts{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.re-seg-info{padding:2px 0 2px 34px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3);letter-spacing:.04em}.re-stat-box{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px}.re-stat-box{transition:border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.re-stat-box:hover{border-color:var(--border-md);transform:translateY(-1px)}.re-stat-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.re-stat-val{font-size:18px;font-weight:700;margin-top:3px;font-family:Plus Jakarta Sans,sans-serif}.re-ctx-item{padding:8px 12px;border-radius:5px;font-size:12.5px;color:var(--text-1);cursor:pointer;transition:background .12s}.re-ctx-item:hover{background:var(--bg-hover)}.re-ctx-item.danger{color:var(--red)}.re-ctx-item.danger:hover{background:var(--red-bg)}@keyframes re-flash{0%,to{opacity:0;r:14}50%{opacity:1;r:22}}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-card);border:1px solid var(--amber);color:var(--amber-text);padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:var(--shadow-popup);z-index:2000;opacity:0;pointer-events:none;transition:all .24s}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 4px}.kpi-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-left-width:3px;border-radius:8px;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.kpi-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000038}.kpi-chip .kpi-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;white-space:nowrap}.kpi-chip .kpi-val{font-size:15px;font-weight:700}.kpi-chip.kpi-good{border-left-color:var(--green)}.kpi-chip.kpi-good .kpi-val{color:var(--green)}@media(max-width:1100px){.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.qd-step{margin-bottom:16px}.qd-step-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-1);letter-spacing:.04em;margin-bottom:9px}.qd-step-no{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--amber-soft);color:var(--amber-text);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.qd-step-state{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--amber-text);font-weight:600}.qd-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:7px;max-height:168px;overflow-y:auto;padding-right:2px}.qd-chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 11px;text-align:left;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}.qd-chip:hover{border-color:var(--border-md);background:var(--bg-hover);transform:translateY(-1px)}.qd-chip:focus-visible{outline:2px solid var(--amber-text);outline-offset:1px}.qd-chip.selected{border-color:var(--amber-text);background:#16b8a61a;box-shadow:inset 0 0 0 1px #22c7b759}.qd-chip-id{font-size:12.5px;font-weight:700;color:var(--text-1)}.qd-chip.selected .qd-chip-id{color:var(--amber-text)}.qd-chip-sub{font-size:10.5px;color:var(--text-3);line-height:1.45}.qd-chip-auto{border-style:dashed;border-color:#22c7b773;grid-column:1 / -1}.qd-chip-auto .qd-chip-id{color:var(--amber-text)}.qd-mode-tag{display:inline-block;padding:1px 5px;margin-left:2px;border-radius:4px;background:var(--blue-bg);color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.qd-empty{grid-column:1 / -1;padding:18px;text-align:center;color:var(--text-3);font-size:11.5px;border:1px dashed var(--border);border-radius:8px}.qd-detail{border-top:1px solid var(--border);padding-top:10px}.qd-detail summary{cursor:pointer;font-size:11.5px;color:var(--text-3);list-style:none;-webkit-user-select:none;user-select:none}.qd-detail summary:before{content:"▸ ";color:var(--amber-text)}.qd-detail[open] summary:before{content:"▾ "}.qd-detail summary:hover{color:var(--text-2)}.qd-summary{flex:1;font-size:11.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-top:4px}.notif-dot-critical{background:var(--red);box-shadow:0 0 6px var(--red)}.notif-dot-warning{background:var(--yellow);box-shadow:0 0 5px #d9a44180}.notif-dot-info{background:var(--blue)}.notif-triage{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px;padding:7px 9px;background:#00000029;border:1px solid var(--border);border-radius:7px}.notif-triage-label{font-size:10px;color:var(--text-3);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.notif-code-chip{padding:3px 8px;border-radius:5px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;cursor:pointer;transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease,background var(--motion-fast) ease}.notif-code-chip:hover{border-color:var(--amber-text);color:var(--amber-text);background:#16b8a614}.notif-code-chip:focus-visible{outline:2px solid var(--amber-text);outline-offset:1px}.re-tool-btn{display:inline-flex;align-items:center;gap:5px}.re-tool-btn svg{flex:none}.re-tool-btn:focus-visible{outline:2px solid var(--amber-text);outline-offset:1px}.re-ctx-item{display:flex;align-items:center;gap:8px}.re-ctx-item svg{flex:none;opacity:.75}.btn:active{transform:translateY(0) scale(.985)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.triage-strip{margin-bottom:16px;border:1px solid var(--border);border-left:3px solid var(--red);border-radius:10px;background:var(--bg-card);padding:12px 14px}.triage-strip.is-empty{border-left-color:var(--green);padding:8px 14px}.triage-ok{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3)}.triage-ok-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green)}.triage-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.triage-title{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.triage-count{font-size:10.5px;font-weight:700;color:var(--red);background:var(--red-bg);border-radius:9px;padding:1px 8px}.triage-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.triage-card{border:1px solid var(--border);border-radius:8px;background:var(--bg-input);padding:10px 12px}.triage-card.sev-critical{border-left:3px solid var(--red)}.triage-card.sev-warning{border-left:3px solid var(--yellow)}.triage-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.triage-sev{font-size:9.5px;font-weight:700;letter-spacing:.08em}.sev-critical .triage-sev{color:var(--red)}.sev-warning .triage-sev{color:var(--yellow)}.triage-time{font-size:9.5px;color:var(--text-3)}.triage-card-title{font-size:12px;font-weight:600;color:var(--text-1);margin-bottom:8px;line-height:1.35}.triage-card-acts{display:flex;flex-wrap:wrap;gap:6px}.triage-btn{border:1px solid var(--border-md, var(--border));background:var(--bg-card);color:var(--text-2);border-radius:6px;font-size:10.5px;font-weight:600;padding:4px 9px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:border-color var(--duration-fast, .15s),color var(--duration-fast, .15s),background var(--duration-fast, .15s)}.triage-btn:hover{border-color:var(--amber-text, var(--amber));color:var(--text-1)}.triage-btn:focus-visible{outline:2px solid var(--amber-text, var(--amber));outline-offset:1px}.triage-btn.primary{background:#16b8a61f;border-color:#16b8a673;color:#22c7b7}.triage-btn.primary:hover{background:#16b8a633}.triage-btn.ghost{border-color:transparent;color:var(--text-3)}.triage-btn.ghost:hover{color:var(--text-1);border-color:var(--border)}.pop-actions{display:flex;gap:6px;margin-top:8px}.pop-act{flex:1;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e7eef5;border-radius:6px;font-size:10.5px;font-weight:600;padding:5px 6px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.pop-act:hover{border-color:#22c7b7;color:#22c7b7}.pop-act:focus-visible{outline:2px solid #22C7B7;outline-offset:1px}.pop-act-primary{background:#16b8a624;border-color:#16b8a680;color:#22c7b7}.pop-act-hold{border-color:#9d6ad180;color:#b98ae3}.pop-act-hold:hover{border-color:#b98ae3;color:#b98ae3}.bk-units{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bk-units:empty{margin-top:0}.bk-unit{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-3);border-radius:6px;font-size:10.5px;font-weight:600;padding:4px 9px;cursor:pointer;opacity:.45;transition:opacity var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}.bk-unit.on{opacity:1;border-color:#16b8a673;color:var(--text-1)}.bk-unit:focus-visible{outline:2px solid var(--amber-text, var(--amber));outline-offset:1px}.bk-unit-status{font-size:9px;letter-spacing:.06em;font-weight:700}.bd-root{display:flex;gap:14px;align-items:flex-start}.bd-rail{width:200px;flex-shrink:0;background:var(--bg-2, rgba(255,255,255,.03));border:1px dashed rgba(255,255,255,.14);border-radius:10px;max-height:calc(100vh - 210px);display:flex;flex-direction:column}.bd-rail-head{padding:10px 12px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--text-3);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between}.bd-rail-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.bd-rail-region{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--text-3);display:flex;justify-content:space-between;margin-bottom:5px}.bd-idle-chip{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:5px 8px;margin-bottom:4px;cursor:grab;color:inherit;font-size:11px}.bd-idle-chip:hover{border-color:var(--amber)}.bd-idle-chip:active{cursor:grabbing}.bd-rail-hint{font-size:10px;color:var(--text-3);line-height:1.5;padding-top:4px}.bd-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 210px);overflow-y:auto}.bd-region{background:var(--bg-2, rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}.bd-region-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.bd-region-head h3{font-size:13px;letter-spacing:.14em;color:var(--amber)}.bd-region-meta{font-size:10px;color:var(--text-3)}.bd-cov-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.bd-cov-chip{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;padding:4px 8px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-2)}.bd-queue{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:5px 8px;border-radius:6px;background:#22c7b70f;border:1px solid rgba(34,199,183,.18)}.bd-queue-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-3)}.bd-queue-item{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-family:JetBrains Mono,monospace;color:var(--text-2);padding:2px 6px;border-radius:5px;background:#ffffff0a}.bd-queue-item.next{background:var(--amber-soft);color:var(--amber-text);border:1px solid rgba(34,199,183,.4)}.bd-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bd-col-title{font-size:9.5px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.bd-col-muatan{color:var(--amber)}.bd-col-kosongan{color:var(--blue)}.bd-lane-row{display:flex;align-items:center;gap:6px;padding:3px 0}.bd-end{width:84px;flex-shrink:0;font-size:8.5px;font-weight:700;text-align:center;padding:4px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-end-start{background:#2fa66a29;color:var(--green)}.bd-end-finish{background:#d35a552e;color:#f0b9b6}.bd-meta{width:74px;flex-shrink:0;font-size:8px;color:var(--text-3);line-height:1.35}.bd-lane{position:relative;flex:1;min-width:0;height:24px;border-radius:5px;border:1px solid rgba(255,255,255,.09);background:#0000004d;box-shadow:inset 0 1px 3px #0006}.bd-arrow{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--text-3);opacity:.6}.bd-chip{position:absolute;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;border:none;cursor:grab;transition:left 2.4s linear;box-shadow:0 1px 3px #00000080}.bd-chip:active{cursor:grabbing}.bd-chip-loaded{background:var(--amber);color:#0f1626}.bd-chip-empty{background:var(--blue);color:#0f1626}.bd-chip-over{background:var(--red);color:#fff}.bd-empty{font-size:10px;color:var(--text-3);font-style:italic;padding:8px 4px}.dq-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}.dq-card{padding:14px}.dq-scroll{max-height:calc(100vh - 300px);overflow-y:auto}.dq-loss{margin-left:auto;font-size:9.5px;color:var(--text-3)}.dq-side{display:flex;flex-direction:column;gap:14px}.dq-smu{display:flex;flex-direction:column;gap:8px}.dq-smu-now{font-size:11px;color:var(--text-2)}.dq-edit{display:inline-flex;gap:5px;align-items:center}.dq-input{width:76px;padding:4px 6px;font-size:11px}.dq-input-wide{width:150px}.dq-audit .dq-scroll{max-height:340px}.dq-audit-row{padding:8px 10px;border-left:2px solid var(--amber);background:#ffffff08;border-radius:0 6px 6px 0;margin-bottom:6px}.dq-audit-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:2px}@media(max-width:1100px){.dq-grid,.bd-columns{grid-template-columns:1fr}}.prod-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}.prod-side{display:flex;flex-direction:column;gap:14px}.prod-hint{font-size:11px;color:var(--text-3);line-height:1.5;margin:0 0 10px}.prod-hint code{font-family:JetBrains Mono,monospace;background:#ffffff0f;padding:1px 5px;border-radius:4px;color:var(--text-2)}.prod-badge{font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:999px;text-transform:uppercase}.prod-badge.ok{background:var(--green-bg);color:var(--green)}.prod-badge.off{background:var(--yellow-bg);color:var(--yellow)}.prod-form{display:flex;flex-direction:column;gap:6px}.prod-form label{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.prod-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prod-form-row label{display:block;margin-bottom:4px}.prod-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;background:#ffffff08;border:1px solid var(--border);border-radius:10px}.prod-tb-label{font-weight:700;font-size:12px;color:var(--text-2)}.row-active{background:#22e0c80f}.pb-edit{background:#22e0c80d;border:1px solid rgba(34,224,200,.25);border-radius:10px;padding:12px}.pb-edit-head{font-size:12px;font-weight:700;margin-bottom:10px;display:flex;gap:8px;align-items:center}.pb-edit-grid,.pb-add-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.pb-edit-grid label,.pb-add-grid label,.pb-edit label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px}@media(max-width:900px){.pb-edit-grid,.pb-add-grid{grid-template-columns:1fr 1fr}}.bcm-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.bcm-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.bcm-stat-label{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.bcm-stat-val{font-size:24px;font-weight:700}.bcm-unit{font-size:11px;font-weight:600;color:var(--text-3)}.bcm-sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media(max-width:1100px){.prod-grid,.bcm-stat-row,.bcm-sync-grid{grid-template-columns:1fr}}.tgt-bar{height:7px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-bottom:3px}.tgt-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.ri-warn{background:var(--yellow-bg);border:1px solid var(--yellow);border-radius:8px;padding:8px 10px;font-size:10.5px;color:var(--yellow);margin-bottom:10px;line-height:1.5}.gf-panel{position:absolute;top:12px;right:12px;z-index:1000;width:252px;background:#0a121ced;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 22px #00000073}.gf-panel .flex.gap-2 .btn{white-space:nowrap}.gf-title{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-3);margin-bottom:8px;display:flex;justify-content:space-between}.gf-hint{font-size:10.5px;color:var(--text-3);line-height:1.5;margin-bottom:8px}.gf-item{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;padding:6px 8px;border-radius:6px;background:#ffffff0a;margin-bottom:4px}.gf-del{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:11px}.gf-del:hover{color:var(--red)}.gf-label-wrap{background:none;border:none}.gf-label{display:inline-block;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#e6edf5;background:#0c141ed1;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:2px 7px;white-space:nowrap}.gf-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.gf-color-lbl{font-size:10.5px;color:var(--text-3);letter-spacing:.04em}.gf-color-input{width:42px;height:26px;padding:2px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff0d;cursor:pointer}.gf-color-input::-webkit-color-swatch-wrapper{padding:0}.gf-color-input::-webkit-color-swatch{border:none;border-radius:4px}.gf-item-main{display:flex;align-items:center;gap:8px;min-width:0}.gf-swatch{flex:0 0 auto;width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 1px #0000004d}.gf-item-info{display:flex;flex-direction:column;min-width:0}.gf-item-name{font-size:11px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.gf-item-meta{font-size:9.5px;color:var(--text-3);letter-spacing:.02em}.rd-tools{display:flex;gap:6px;margin-bottom:8px}.rd-tool{flex:1;padding:6px 8px;border-radius:7px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease,background var(--motion-fast) ease}.rd-tool:hover{border-color:var(--border-md);color:var(--text-1)}.rd-tool.active{background:var(--amber-soft);border-color:var(--amber);color:var(--amber-text)}.fmd-lbl{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:4px;font-weight:600}.fmd-pick-head{display:flex;align-items:center;justify-content:space-between;margin:11px 0 5px}.fmd-pick-head>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.fmd-pick-all{background:transparent;border:none;color:var(--teal-hover);font-size:10.5px;font-weight:600;cursor:pointer;padding:2px 5px;border-radius:5px}.fmd-pick-all:hover{background:#22c7b71f}.fmd-units{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:3px;background:#0000002e;border:1px solid var(--border);border-radius:9px}.fmd-units::-webkit-scrollbar{width:7px}.fmd-units::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.fmd-unit{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.fmd-unit:hover{background:#ffffff0d}.fmd-unit-id{font-size:11.5px;font-weight:600;color:var(--text-1)}.fmd-unit-op{font-size:10.5px;color:var(--text-3);margin-left:auto}.fmd-unit-ck{opacity:0;color:var(--teal-hover);flex-shrink:0;transition:opacity .12s}.fmd-unit.is-sel{background:#22c7b724;border-color:#22c7b76b}.fmd-unit.is-sel .fmd-unit-ck{opacity:1}.fmd-unit-empty{padding:14px;text-align:center;color:var(--text-3);font-size:11px}.fmd-go{width:100%;margin-top:10px;justify-content:center}.fmd-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;background:#00000047;border-radius:9px;font-size:11px;font-weight:700}.mat-factor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:8px;padding:4px 2px 2px}.mat-factor-row{display:flex;align-items:center;gap:10px;padding:8px 11px;background:#ffffff06;border:1px solid var(--border);border-radius:9px;cursor:text}.mat-factor-name{font-size:12px;color:var(--text-1);font-weight:500}.mat-factor-id{font-size:9.5px;color:var(--text-3)}.mat-factor-input{width:66px;margin-left:auto;text-align:center;height:32px;font-weight:700}.mat-factor-input:focus{border-color:var(--teal);outline:none}.pop-assign{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:5px}.pop-assign-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#6f8192;font-weight:600}.pop-sel{width:100%;height:30px;padding:0 8px;font-size:11px;background:#0e1419;color:#e7eef5;border:1px solid #283139;border-radius:7px}.pop-sel:focus{outline:none;border-color:#16b8a6}.pop-assign-go{width:100%;justify-content:center;margin-top:2px}.mat-factor-add{display:flex;gap:8px;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid var(--border)}.mat-factor-add #mat-add-name{flex:1}.mat-factor-add .input{height:34px}.mat-factor-del{margin-left:4px;width:22px;height:22px;flex-shrink:0;border:none;background:transparent;color:var(--text-3);cursor:pointer;border-radius:5px;font-size:12px;line-height:1}.mat-factor-del:hover{background:#d35a5526;color:var(--red)}.bd-exca-strip{margin:10px 0 14px}.bd-exca-strip-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;margin-bottom:7px}.bd-exca-cards{display:flex;gap:9px;flex-wrap:wrap}.bd-exca-card{min-width:130px;padding:9px 11px;background:#ffffff06;border:1px solid var(--border);border-radius:10px;transition:border-color .12s,background .12s,box-shadow .12s}.bd-exca-card.drop-on{border-color:var(--teal);background:#22c7b71f;box-shadow:0 0 0 2px #22c7b740}.bd-exca-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bd-exca-model{font-size:10px;color:var(--text-3);margin:3px 0 5px}.bd-exca-cov b{font-size:15px}.bd-exca-cov span{font-size:11px;margin-left:2px}.scv-edit{width:62px;height:28px;padding:2px 6px;background:#ffffff08;border:1px solid transparent;border-radius:6px;color:var(--text-1);font-size:11px;text-align:right}.scv-edit:hover{border-color:var(--border)}.scv-edit:focus{outline:none;border-color:var(--teal);background:#0003}select.scv-edit{width:auto;min-width:82px;text-align:left;cursor:pointer}.scv-chk{width:15px;height:15px;cursor:pointer;accent-color:var(--teal)}.fmtbl-sel{width:auto;min-width:92px;height:28px;padding:2px 6px;background:#ffffff08;border:1px solid transparent;border-radius:6px;color:var(--text-1);font-size:11px;cursor:pointer}.fmtbl-sel:hover{border-color:var(--border)}.fmtbl-sel:focus{outline:none;border-color:var(--teal)}.ws-modal-overlay{position:fixed;inset:0;z-index:9500;background:#00000080;display:none;align-items:center;justify-content:center}.ws-modal-overlay.show{display:flex}.ws-modal{width:min(420px,92vw);background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 20px 60px #00000080}.ws-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ws-modal-head h3{font-size:15px;margin:0}.ws-modal-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;margin-bottom:7px}.ws-cats{display:flex;flex-direction:column;gap:2px}.ws-cat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .12s}.ws-cat:hover{background:#ffffff0a}.ws-cat input{accent-color:var(--teal);width:16px;height:16px}.ws-modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.scv-locked{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 6px;cursor:pointer;max-width:130px}.scv-locked:hover{border-color:var(--border);background:#ffffff08}.scv-lock-chip{font-size:9.5px;background:#22c7b724;color:var(--teal-hover);padding:1px 5px;border-radius:5px;white-space:nowrap}.scv-lock-more{font-size:9.5px;color:var(--text-3)}.fmd-search{width:100%;height:32px;padding:0 10px;margin-bottom:6px;background:#0003;border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-size:11.5px}.fmd-search:focus{outline:none;border-color:var(--teal)}.fmd-search::placeholder{color:var(--text-3)}.gf-panel .input{height:38px}.gf-panel .gf-hint{line-height:1.5}.bd-sv-rows{display:flex;flex-direction:column;gap:7px}.bd-sv-row{display:grid;grid-template-columns:158px 1fr 132px;align-items:center;gap:12px;padding:9px 12px;background:#ffffff06;border:1px solid var(--border);border-radius:10px;transition:border-color .12s,background .12s,box-shadow .12s}.bd-sv-row.drop-on{border-color:var(--teal);background:#22c7b71f;box-shadow:0 0 0 2px #22c7b740}.bd-sv-name{display:flex;align-items:center;gap:7px}.bd-sv-meta{font-size:9.5px;margin-top:2px}.bd-sv-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}.bd-sv-exca{color:#f0a020;white-space:nowrap}.bd-sv-disp{color:var(--teal-hover);white-space:nowrap}.bd-sv-arrow{color:var(--text-3)}.bd-sv-trucks{display:flex;gap:4px;flex-wrap:wrap}.bd-sv-truck{font-size:10px;background:#22c7b724;color:var(--teal-hover);padding:1px 6px;border-radius:5px;font-family:monospace}.bd-sv-empty{font-size:10px;color:var(--text-3);font-style:italic}.bd-sv-cov{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:10.5px}.bd-sv-dump-sel{max-width:150px;height:26px;padding:2px 6px;background:#22c7b71a;border:1px solid var(--border);border-radius:6px;color:var(--teal-hover);font-size:10.5px;cursor:pointer}.bd-sv-dump-sel:hover{border-color:var(--teal)}.bd-sv-dump-sel:focus{outline:none;border-color:var(--teal);background:#00000040}.bd-card{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:10.5px;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;white-space:nowrap;letter-spacing:.02em}.bd-card-ex{background:var(--green-bg);color:#5fcb8e;border:1px solid rgba(47,166,106,.42)}.bd-card-dt{background:#c9a24b26;color:#d9be76;border:1px solid rgba(201,162,75,.42)}.bd-card-disp{background:var(--red-bg);color:#e48f8b;border:1px solid rgba(211,90,85,.42)}.bd-active-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bd-active-col{display:flex;flex-direction:column;gap:6px}.bd-col-hd{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--text-3);margin-bottom:3px}.bd-col-hd.green{color:var(--green)}@media(max-width:1080px){.bd-active-2col{grid-template-columns:1fr}}.bd-card-ghost{background:#ffffff0d;color:var(--text-3);border:1px dashed var(--border);font-weight:600}.bd-card-arrow{color:var(--text-3);margin:0 5px;font-size:13px}.bd-ol{background:#ffffff06;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:14px}.bd-ol-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}.bd-ol-title{font-weight:700;font-size:14px;color:var(--text-1)}.bd-ol-hint{font-size:10.5px}.bd-ol-cards{display:flex;flex-wrap:wrap;gap:6px;max-height:92px;overflow-y:auto}.bd-shovels{display:flex;flex-direction:column;gap:8px}.bd-shovel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#ffffff06;border:1px solid var(--border);border-radius:10px;padding:9px 12px;transition:border-color .12s,background .12s,box-shadow .12s}.bd-shovel .bd-shovel-meta{white-space:nowrap}.bd-shovel.drop-on{border-color:var(--teal);background:#22c7b71f;box-shadow:0 0 0 2px #22c7b740}.bd-shovel-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bd-shovel-dot{width:9px;height:9px;border-radius:50%;background:var(--text-3);flex-shrink:0}.bd-shovel-dot.beroperasi{background:var(--green)}.bd-shovel-meta{font-size:11px}.bd-shovel-head .bd-sv-dump-sel{margin-left:auto}.bd-trip{display:flex;align-items:center;flex-wrap:wrap;padding:7px 9px;background:#0000002e;border-radius:8px}.bd-trip-dts{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px}.bd-trip-empty{font-size:10.5px;color:var(--text-3);font-style:italic;padding:0 6px}.bd-ol-grp{margin-bottom:11px}.bd-ol-grp:last-child{margin-bottom:0}.bd-ol-lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.bd-ol-empty{font-size:11px;color:var(--text-3);font-style:italic}.bd-ex-slot{display:inline-flex;align-items:center;gap:5px;margin:0 6px 6px 0;padding:4px 6px;border:1px solid var(--border);border-radius:8px;background:#ffffff05;transition:border-color .12s,background .12s,box-shadow .12s}.bd-ex-slot.drop-on{border-color:var(--teal);background:#22c7b729;box-shadow:0 0 0 2px #22c7b74d}.bd-active{margin-top:14px}.bd-active-lbl{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px}.bd-active-empty{font-size:12px;color:var(--text-3);font-style:italic;padding:16px;text-align:center;border:1px dashed var(--border);border-radius:10px}.bd-sline-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.bd-add-shovel{height:26px;padding:2px 8px;background:#22c7b71a;border:1px solid var(--teal);border-radius:6px;color:var(--teal-hover);font-size:11px;font-weight:600;cursor:pointer}.bd-slines{display:flex;flex-direction:column;gap:7px}.bd-sline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:#ffffff06;border:1px solid var(--border);border-radius:9px;transition:border-color .12s,background .12s,box-shadow .12s}.bd-sline.drop-on{border-color:var(--teal);background:#22c7b724;box-shadow:0 0 0 2px #22c7b747}.bd-sline-co{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1}.bd-sline-x{margin-left:auto;width:22px;height:22px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer;font-size:14px;line-height:1}.bd-sline-x:hover{color:var(--red);border-color:var(--red)}.bd-box{min-height:60px;transition:background .12s,box-shadow .12s;border-radius:10px}.bd-box.drop-on{background:#22c7b71a;box-shadow:inset 0 0 0 2px #22c7b773}.bd-erow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:#ffffff06;border:1px solid var(--border);border-radius:9px;margin-bottom:7px;transition:border-color .12s,background .12s,box-shadow .12s}.bd-erow.drop-on{border-color:var(--teal);background:#22c7b724;box-shadow:0 0 0 2px #22c7b74d}.bd-row-co{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1;min-width:90px}.bd-row-disp{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.bd-row-cov{margin-left:auto;font-size:11px;white-space:nowrap}.bd-card[draggable=true]{cursor:grab}.bd-card[draggable=true]:active{cursor:grabbing}.nav-group-hd{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);padding:13px 16px 5px;opacity:.55;white-space:nowrap;overflow:hidden}#sidebar.collapsed .nav-group-hd{font-size:0;line-height:0;padding:0;margin:7px 16px;border-top:1px solid var(--border)}.fm-subnav{display:flex;align-items:center;gap:4px;padding:10px 28px 0;border-bottom:1px solid var(--border);background:#ffffff03;flex-wrap:wrap}.fm-subnav-lbl{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin-right:10px}.fm-tab{padding:8px 14px;border:none;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;transition:color .12s,background .12s}.fm-tab:hover{color:var(--text-1);background:#ffffff08}.fm-tab.is-on{color:var(--teal);border-bottom-color:var(--teal)}body.role-cant-dispatch .requires-dispatch,body.role-cant-edit .requires-edit{display:none!important}:root{--bg-app: #0A1018;--bg-sidebar: #070B12;--bg-card: #0F1925;--bg-elev: #15212F;--bg-input: #111C29;--bg-hover: #18283A;--border: rgba(124,154,184,.12);--border-md: rgba(124,154,184,.22);--border-strong: rgba(124,154,184,.34);--teal: #16C2AE;--teal-hover: #2FE0CC;--amber: #16C2AE;--amber-soft: rgba(22,194,174,.14);--amber-text: #34E2CE;--green:#2FB277;--green-bg:rgba(47,178,119,.13);--red: #F26663;--red-bg: rgba(242,102,99,.15);--blue: #5797E6;--blue-bg: rgba(87,151,230,.13);--yellow:#E6B14A;--yellow-bg:rgba(230,177,74,.14);--purple:#B98AE3;--purple-bg:rgba(157,106,209,.16);--ok-neutral: #7E93A6;--ok-neutral-bg: rgba(126,147,166,.1);--text-1:#EAF1F8;--text-2:#9FB0C0;--text-3:#61788C;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--font-data: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fs-display: clamp(26px, .9vw + 20px, 36px);--fs-h1: 19px;--fs-h2: 15px;--fs-body: 13px;--fs-small: 11.5px;--fs-micro: 10px;--track-label: .08em;--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28);--shadow-lift: 0 1px 2px rgba(0,0,0,.4), 0 16px 40px rgba(0,0,0,.42);--shadow-popup: 0 24px 64px rgba(0,0,0,.62);--ring: 0 0 0 2px var(--bg-app), 0 0 0 4px rgba(22,194,174,.55)}.ic{display:inline-block;vertical-align:-.14em;flex:none}.btn .ic,.btn-sm .ic,.triage-btn .ic,.gf-del .ic{vertical-align:-.18em;margin-right:1px}.btn-icon .ic{vertical-align:middle}body{background:radial-gradient(1200px 600px at 78% -8%,rgba(22,194,174,.06),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(87,151,230,.05),transparent 55%),var(--bg-app)}.mono,.stat-value,.kpi-val,.bd-region-meta,.crumb-current{font-family:var(--font-data)}.stat-value,.kpi-val,table.tbl td .mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible,.fleet-item:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.sidebar-nav{gap:3px;padding:12px 8px}.nav-item{border-radius:var(--r-sm);color:var(--text-2);font-weight:500;letter-spacing:.005em;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.nav-item:hover{transform:none;background:var(--bg-hover)}.nav-item.active{background:linear-gradient(90deg,var(--amber-soft),transparent 70%);color:var(--text-1)}.nav-item.active:before{background:var(--teal);box-shadow:0 0 12px #16c2ae99}.sidebar-logo{letter-spacing:.02em}.breadcrumb{letter-spacing:.01em}.crumb-current{font-size:var(--fs-small);letter-spacing:.02em}.btn-bell,.btn-logout,.btn-collapse{border-radius:var(--r-sm)}.page-header h1{font-size:var(--fs-h1);letter-spacing:-.01em;font-weight:700}.page-header .subtitle{color:var(--text-3)}.card,.card-padless{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 38%),var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.card:hover,.card-padless:hover{border-color:var(--border-md);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.section-title h3{letter-spacing:.01em}.stat-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-md)}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:var(--track-label);font-size:var(--fs-micro);font-weight:700}.stat-value{font-size:var(--fs-display);font-weight:600;letter-spacing:-.02em;line-height:1.05;color:var(--text-1)}.stat-value .stat-of,.stat-value .stat-unit{font-family:var(--font-ui);color:var(--text-3);font-weight:600}.stat-desc{color:var(--text-3)}.stat-icon{opacity:.9}.stat-bar{background:#ffffff0d}.kpi-chip{background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--border-strong);border-radius:var(--r-sm)}.kpi-chip .kpi-label{text-transform:uppercase;letter-spacing:var(--track-label);font-size:var(--fs-micro);color:var(--text-3);font-weight:700}.kpi-chip .kpi-val{font-size:17px;font-weight:600;color:var(--text-1)}.kpi-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:var(--border-md)}.kpi-chip.kpi-good{border-left-color:var(--ok-neutral)}.kpi-chip.kpi-good .kpi-val{color:var(--text-1)}.kpi-chip.kpi-warn{border-left-color:var(--yellow)}.kpi-chip.kpi-warn .kpi-val{color:var(--yellow)}.kpi-chip.kpi-bad{border-left-color:var(--red)}.kpi-chip.kpi-bad .kpi-val{color:var(--red)}.badge{border-radius:var(--r-pill);font-weight:600;letter-spacing:.01em;padding:3px 9px}.badge-beroperasi{background:var(--ok-neutral-bg);color:var(--text-2)}.badge-beroperasi:before{background:var(--green);box-shadow:0 0 6px #2fb277b3}.badge-idle{background:var(--ok-neutral-bg);color:var(--text-3)}.badge-idle:before{background:var(--ok-neutral)}.badge-breakdown{background:var(--red-bg);color:var(--red)}.badge-maintenance{background:var(--yellow-bg);color:var(--yellow)}.badge-hold{background:var(--purple-bg);color:var(--purple)}.btn{border-radius:var(--r-sm);font-weight:600}.btn-primary{background:linear-gradient(180deg,var(--teal-hover),var(--teal));color:#04231f;border:1px solid rgba(0,0,0,.18);font-weight:700;box-shadow:0 1px #ffffff2e inset,0 8px 20px #16c2ae38}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 28px #16c2ae4d}.btn-outline:hover{border-color:var(--teal);color:var(--teal-hover);background:var(--amber-soft)}table.tbl thead th{text-transform:uppercase;letter-spacing:var(--track-label);font-size:var(--fs-micro);color:var(--text-3);font-weight:700;background:#ffffff04;border-bottom:1px solid var(--border-md)}table.tbl tbody tr:hover{background:var(--bg-elev);box-shadow:inset 3px 0 0 var(--teal)}table.tbl td{border-bottom:1px solid var(--border)}.fleet-item{border-radius:var(--r-sm)}.fleet-item:hover{background:var(--bg-elev);transform:none;box-shadow:inset 3px 0 0 var(--teal)}.triage-strip{gap:10px}.triage-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-card);border:1px solid var(--border-md);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.triage-card.sev-critical{border-color:#f2666373;box-shadow:0 0 0 1px #f266632e,var(--shadow-card)}.triage-card.sev-warning{border-color:#e6b14a66}.triage-card-title{font-weight:700;letter-spacing:.005em}.triage-btn{border-radius:var(--r-sm);font-weight:600}.bd-region{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.bd-region-head h3{letter-spacing:.04em;text-transform:uppercase;font-size:var(--fs-small);color:var(--text-2);font-weight:700}.bd-region-meta{color:var(--text-3)}.bd-cov-chip{border-radius:var(--r-pill);border:1px solid var(--border-md);background:var(--bg-input)}.bd-chip{font-family:var(--font-data);border-radius:var(--r-sm);font-weight:600}.modal-card,.modal-box,.modal{box-shadow:var(--shadow-popup);border-radius:var(--r-lg)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}:root{--fs-page-title: clamp(27px, 1.1vw + 21px, 38px);--fs-hero-num: clamp(33px, 1.5vw + 24px, 46px);--track-tight: -.03em;--lux-label: .14em;--edge-top: inset 0 1px 0 rgba(255,255,255,.055);--edge-hair: inset 0 0 0 1px rgba(255,255,255,.02);--glow-teal: 0 0 28px rgba(22,184,166,.16);--shadow-lux: 0 1px 2px rgba(0,0,0,.5), 0 14px 38px rgba(0,0,0,.4);--shadow-lux-lift: 0 1px 2px rgba(0,0,0,.5), 0 26px 60px rgba(0,0,0,.5)}body:after{content:"";position:fixed;inset:0;z-index:700;pointer-events:none;opacity:.022;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.sidebar-logo{padding:18px 16px;letter-spacing:.06em}.sidebar-nav{gap:4px;padding:14px 10px}.nav-item{padding:9px 11px;font-size:12.5px;letter-spacing:.012em}.nav-item .ic,.nav-item svg{width:17px;height:17px;opacity:.92}.nav-item.active{box-shadow:var(--edge-hair)}.nav-item.active .ic,.nav-item.active svg{opacity:1}#sidebar{box-shadow:1px 0 #ffffff05,8px 0 28px #00000059}#topbar{padding-top:2px;padding-bottom:2px}.topbar-clock,.topbar-weather{letter-spacing:.01em}#content{padding:26px 28px 30px}.page-header{margin-bottom:26px;align-items:flex-end}.page-header h1{font-size:var(--fs-page-title);font-weight:800;letter-spacing:var(--track-tight);line-height:1.02}.page-header h1 .amber{font-weight:800}.page-header .subtitle{font-size:12px;margin-top:8px;opacity:.92}.page-header:after{bottom:-13px;height:1px;background:linear-gradient(90deg,rgba(34,199,183,.5),rgba(34,199,183,.08) 40%,transparent 64%);opacity:1}.stats-row{gap:18px;margin-bottom:22px}.stat-card{padding:20px 22px 22px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 42%),var(--bg-card);box-shadow:var(--edge-top),var(--shadow-lux)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--edge-top),var(--shadow-lux-lift)}.stat-label{font-size:10px;letter-spacing:var(--lux-label);font-weight:700;margin-bottom:11px}.stat-value{font-family:var(--font-data, "JetBrains Mono", monospace);font-size:var(--fs-hero-num);font-weight:600;letter-spacing:-.022em;line-height:1;margin-bottom:9px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.stat-value .stat-of,.stat-value .stat-unit{font-family:var(--font-ui, "Plus Jakarta Sans", sans-serif);font-size:.42em}.stat-icon{width:36px;height:36px;border-radius:10px;box-shadow:var(--edge-top)}.stat-icon svg{width:18px;height:18px}.stats-row .stat-card:first-child{box-shadow:var(--edge-top),var(--glow-teal),var(--shadow-lux);border-color:var(--border-md)}.stats-row .stat-card:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--teal),transparent)}.stats-row .stat-card:first-child .stat-value{font-size:calc(var(--fs-hero-num) + 6px)}.section-title{margin-bottom:12px}.section-title h3{text-transform:uppercase;letter-spacing:var(--lux-label);font-size:11.5px;font-weight:700;color:var(--text-2)}.section-title .tick{box-shadow:0 0 10px #16b8a680}.card,.card-padless,.fleet-panel,.map-container,.prod-chart-wrap,.shift-summary,.bd-region,.triage-card{border-radius:13px;box-shadow:var(--edge-top),var(--shadow-lux)}.map-container:hover,.fleet-panel:hover{box-shadow:var(--edge-top),var(--shadow-lux-lift)}.dash-mid{grid-template-columns:minmax(0,2.35fr) minmax(min(312px,28%),1fr);gap:18px;margin-bottom:26px}.map-container{height:580px}.map-header{padding:15px 20px}.map-header h3{letter-spacing:var(--lux-label)}.live-badge{box-shadow:var(--glow-teal)}.ic{width:15px;height:15px}.btn .ic,.btn svg{width:15px;height:15px}.btn-sm .ic,.btn-sm svg{width:13px;height:13px}.stat-card svg,.map-header svg{vertical-align:middle}.btn{border-radius:9px;padding:9px 15px;font-weight:600;letter-spacing:.01em}.btn-primary{box-shadow:var(--edge-top),0 8px 22px #16b8a642,0 0 0 1px #16b8a62e;letter-spacing:.015em}.btn-primary:hover{box-shadow:var(--edge-top),0 14px 32px #16b8a657}.kpi-strip{gap:12px;margin-bottom:22px}.loader-mf-strip{gap:14px;margin-bottom:22px}.tab-bar{gap:4px;margin-top:4px}.tab-btn{letter-spacing:.02em;border-radius:9px 9px 0 0}.footer{letter-spacing:.06em;opacity:.8;font-size:10px}@media(prefers-reduced-motion:no-preference){#app:not(.auth-hidden) #content{animation:pageIn .6s var(--ease-spring, cubic-bezier(.16,1,.3,1)) both}}@media(prefers-reduced-motion:reduce){body:after{display:none}*{animation:none!important}}@media(max-width:1180px){.dash-mid{grid-template-columns:1fr}.map-container{height:460px}}@media(max-width:920px){.stats-row{grid-template-columns:repeat(2,1fr)}}.ui-dlg{background:#03060b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s var(--ease-out, ease)}.ui-dlg.show{opacity:1}.ui-dlg-card{width:min(440px,calc(100vw - 40px));padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%),var(--bg-card);border:1px solid var(--border-md);box-shadow:var(--shadow-popup);transform:translateY(8px) scale(.99);transition:transform .2s var(--ease-spring, ease)}.ui-dlg.show .ui-dlg-card{transform:none}.ui-dlg-head{display:flex;align-items:center;gap:10px;padding:17px 20px 13px}.ui-dlg-head h3{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-1)}.ui-dlg-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--amber-soft);color:var(--teal);box-shadow:var(--edge-top)}.ui-dlg-head.is-danger .ui-dlg-ic{background:var(--red-bg);color:var(--red)}.ui-dlg-body{padding:0 20px 6px;color:var(--text-2);font-size:12.5px;line-height:1.5}.ui-dlg-detail{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border);font-size:11.5px}.ui-dlg-input{width:100%;margin-top:10px}.ui-dlg-input.is-err{border-color:var(--red);box-shadow:0 0 0 2px var(--red-bg)}.ui-dlg-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px 16px;margin-top:8px;border-top:1px solid var(--border);background:#00000024}.ui-btn-danger{background:linear-gradient(180deg,#F47C79,var(--red));color:#2a0b0a;font-weight:700;box-shadow:var(--edge-top),0 8px 20px #f2666347}.ui-btn-danger:hover{filter:brightness(1.06);transform:translateY(-1px)}.ui-undo{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:2100;display:flex;align-items:center;gap:14px;padding:11px 12px 11px 17px;border-radius:var(--r-pill, 999px);background:linear-gradient(180deg,var(--bg-elev),var(--bg-card));border:1px solid var(--border-md);box-shadow:var(--shadow-popup);color:var(--text-1);font-size:12.5px;opacity:0;transition:opacity .2s var(--ease-out, ease),transform .2s var(--ease-spring, ease)}.ui-undo.show{opacity:1;transform:translate(-50%)}.ui-undo-btn{font-family:var(--font-data, monospace);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--teal);padding:5px 11px;border-radius:var(--r-pill, 999px);border:1px solid var(--teal);background:var(--amber-soft)}.ui-undo-btn:hover{background:var(--teal);color:#04231f}@media(prefers-reduced-motion:reduce){.ui-dlg,.ui-dlg-card,.ui-undo{transition:none!important}}.pb-cell{width:100%;max-width:88px;margin-left:auto;background:transparent;border:1px solid transparent;border-radius:7px;padding:5px 7px;color:var(--text-1);text-align:right;font-size:12px;transition:background .12s,border-color .12s,box-shadow .12s}.pb-cell:hover{background:var(--bg-input);border-color:var(--border)}.pb-cell:focus{background:var(--bg-input);border-color:var(--teal);box-shadow:0 0 0 2px var(--amber-soft);outline:none}.pb-cell-sel{max-width:124px;text-align:left;cursor:pointer}.pb-bd{font-family:var(--font-data, monospace);font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--yellow);border:1px solid var(--yellow);border-radius:4px;padding:0 3px;vertical-align:1px;margin-left:4px}.pb-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(338px,1fr);gap:18px;align-items:start}.pb-master,.pb-detail{padding:16px 16px 14px}.pb-tbl td,.pb-tbl th{padding:7px 10px}.pb-row{cursor:pointer}.pb-row:hover{background:var(--bg-elev)}.pb-row.is-sel{background:var(--amber-soft);box-shadow:inset 3px 0 0 var(--teal)}.pb-detail-hint{font-size:11px;color:var(--text-3);padding:4px 2px 12px}.pb-det-head{display:flex;align-items:baseline;gap:10px;margin:6px 0 13px}.pb-det-unit{font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--teal)}.pb-det-sub{font-size:11px;color:var(--text-3)}.pb-det-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:11px;overflow:hidden}.pb-det-grid>div{background:var(--bg-card);padding:9px 13px;display:flex;flex-direction:column;gap:3px}.pb-det-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:700}.pb-det-grid b{font-size:13px;color:var(--text-1);font-weight:600}.pb-audit-tbl th,.pb-audit-tbl td{padding:6px 9px;vertical-align:top}@media(max-width:1180px){.pb-split{grid-template-columns:1fr}}.ui-menu{position:fixed;z-index:2100;min-width:152px;max-height:320px;overflow-y:auto;padding:5px;border-radius:11px;background:linear-gradient(180deg,var(--bg-elev),var(--bg-card));border:1px solid var(--border-md);box-shadow:var(--shadow-popup);opacity:0;transform:translateY(-4px);transition:opacity .12s var(--ease-out, ease),transform .12s var(--ease-out, ease)}.ui-menu.show{opacity:1;transform:none}.ui-menu-item{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:7px;font-size:12.5px;color:var(--text-1);letter-spacing:.01em}.ui-menu-item:hover{background:var(--bg-hover)}.ui-menu-item.is-cur{color:var(--teal);background:var(--amber-soft);font-weight:600}.pb-status{cursor:pointer;border:1px solid transparent;font-size:9px;transition:border-color .12s,filter .12s}.pb-status:hover{filter:brightness(1.12);border-color:var(--border-md)}@media(prefers-reduced-motion:reduce){.ui-menu{transition:none!important}}.pb-user-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}.pb-uchip{font-size:11px;padding:5px 10px;border-radius:var(--r-pill, 999px);border:1px solid var(--border-md);background:var(--bg-input);color:var(--text-2);letter-spacing:.01em}.pb-uchip b{font-family:var(--font-data, monospace);margin-left:5px;color:var(--text-3);font-weight:700}.pb-uchip:hover{border-color:var(--teal);color:var(--text-1)}.pb-uchip.is-on{background:var(--amber-soft);border-color:var(--teal);color:var(--teal)}.pb-uchip.is-on b{color:var(--teal)}.pb-audit-page .tbl-wrap{max-height:72vh}.pb-audit-page{padding:18px 18px 16px}.sel-native-hidden{display:none!important}.sel-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:124px;padding:8px 11px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border-md);color:var(--text-1);font-size:12.5px;letter-spacing:.01em;text-align:left;cursor:pointer;transition:border-color .12s var(--ease-out, ease),background .12s var(--ease-out, ease)}.sel-trigger:after{content:"▾";color:var(--text-3);font-size:10px;flex:none;margin-left:auto}.sel-trigger:hover{border-color:var(--teal);background:var(--bg-hover)}.sel-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.pb-modal{background:#03060ba3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s var(--ease-out, ease)}.pb-modal.show{opacity:1}.pb-modal-card{width:min(680px,calc(100vw - 40px));max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),var(--bg-card);border:1px solid var(--border-md);box-shadow:var(--shadow-popup);transform:translateY(10px) scale(.99);transition:transform .2s var(--ease-spring, ease)}.pb-modal.show .pb-modal-card{transform:none}.pb-modal-body{padding:16px 20px 8px;overflow-y:auto}.pb-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.pb-modal-grid>div{min-width:0}.pb-modal-grid label,.pb-modal-alasan label{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:700;margin-bottom:5px}.pb-modal-grid .input,.pb-modal-grid .sel-trigger,.pb-modal-alasan .input{width:100%}.pb-modal-alasan{margin-top:13px}@media(max-width:560px){.pb-modal-grid{grid-template-columns:1fr}}.ov-period{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.ov-tab{padding:7px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .16s var(--ease-out-expo, ease)}.ov-tab:hover{border-color:var(--teal);color:var(--text-1)}.ov-tab.is-on{background:linear-gradient(180deg,color-mix(in oklch,var(--teal) 26%,transparent),transparent);border-color:var(--teal);color:var(--text-1);box-shadow:0 0 0 1px color-mix(in oklch,var(--teal) 40%,transparent) inset}.ov-period-note{margin-left:auto;font-size:10.5px;color:var(--text-3);font-style:italic}.ov-kpis{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:14px;margin-bottom:16px}@media(max-width:1100px){.ov-kpis{grid-template-columns:1fr 1fr}}.ov-kpi{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}.ov-kpi-hero{background:linear-gradient(135deg,color-mix(in oklch,var(--teal) 12%,var(--surface-1)),var(--surface-1))}.ov-kpi-hero.kpi-red{background:linear-gradient(135deg,color-mix(in oklch,var(--red) 14%,var(--surface-1)),var(--surface-1))}.ov-kpi-hero.kpi-amber{background:linear-gradient(135deg,color-mix(in oklch,var(--amber, #E0A33E) 14%,var(--surface-1)),var(--surface-1))}.ov-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:600}.ov-kpi-val{font-size:30px;font-weight:700;line-height:1.05;margin-top:8px;letter-spacing:-.02em}.ov-kpi-hero .ov-kpi-val{font-size:34px}.ov-kpi-unit{font-size:13px;font-weight:500;color:var(--text-3);letter-spacing:0}.ov-kpi-sub{font-size:11px;color:var(--text-2);margin-top:6px}.ov-bar{height:6px;border-radius:999px;background:color-mix(in oklch,var(--text-3) 22%,transparent);margin-top:10px;overflow:hidden}.ov-bar-fill{height:100%;border-radius:999px;background:var(--teal);transition:width .5s var(--ease-out-expo, ease)}.ov-bar-fill.green{background:var(--green, #3FB67E)}.ov-bar-fill.amber{background:var(--amber, #E0A33E)}.ov-bar-fill.red{background:var(--red, #D9534F)}.ov-status-strip{display:flex;align-items:center;gap:22px;padding:12px 18px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;flex-wrap:wrap}.ov-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.ov-stat b{color:var(--text-1);font-size:15px}.ov-stat-dot{width:9px;height:9px;border-radius:50%}.ov-stat-note{margin-left:auto;font-size:10.5px;color:var(--text-3);font-style:italic}.ov-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}@media(max-width:1000px){.ov-grid3{grid-template-columns:1fr}}.ov-list{padding:16px 18px}.ov-lrow{padding:9px 0;border-bottom:1px solid color-mix(in oklch,var(--border) 60%,transparent)}.ov-lrow:last-child{border-bottom:none}.ov-lrow-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ov-lbar{height:5px;border-radius:999px;background:color-mix(in oklch,var(--text-3) 18%,transparent);overflow:hidden}.ov-lbar-fill{height:100%;border-radius:999px;transition:width .5s var(--ease-out-expo, ease)}.ov-lbar-fill.green{background:var(--green, #3FB67E)}.ov-lbar-fill.amber{background:var(--amber, #E0A33E)}.ov-lbar-fill.red{background:var(--red, #D9534F)}.ov-ho{margin-top:4px}.pb-viewtoggle{display:inline-flex;gap:4px;padding:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:999px;margin-bottom:14px}.pb-vt{padding:6px 16px;border-radius:999px;border:none;background:transparent;color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer;transition:all .16s var(--ease-out-expo, ease)}.pb-vt:hover{color:var(--text-1)}.pb-vt.is-on{background:linear-gradient(180deg,color-mix(in oklch,var(--teal) 28%,transparent),transparent);color:var(--text-1);box-shadow:0 0 0 1px color-mix(in oklch,var(--teal) 42%,transparent) inset}.rc-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.rc-bar select{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-1);font-size:12.5px}.rc-tot{font-size:12px;color:var(--text-2)}.rc-selnote{font-size:11.5px;color:var(--teal);font-weight:600}.rc-selrow{background:color-mix(in oklch,var(--teal) 9%,transparent)}.rc-selrow:hover{background:color-mix(in oklch,var(--teal) 14%,transparent)}.mh-pill{font-size:10.5px;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap}.mh-due{background:color-mix(in oklch,var(--amber, #E0A33E) 22%,transparent);color:var(--amber, #E0A33E)}.mh-ok{background:color-mix(in oklch,var(--green, #3FB67E) 18%,transparent);color:var(--green, #3FB67E)}.mh-down{background:color-mix(in oklch,var(--red, #D9534F) 18%,transparent);color:var(--red, #D9534F)}.mh-soonrow{background:color-mix(in oklch,var(--amber, #E0A33E) 8%,transparent)}.mh-item{display:inline-block;background:var(--bg-input, var(--surface-2));border:1px solid var(--border);border-radius:6px;padding:1px 7px;margin:1px 2px;font-size:10.5px;color:var(--text-2)}.bd-bcm-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}@media(max-width:760px){.bd-bcm-strip{grid-template-columns:1fr}}.bd-bcm-col{background:var(--surface-1);border:1px solid var(--border);border-radius:11px;padding:13px 15px}.bd-bcm-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:9px}.bd-bcm-tot{font-size:13px;letter-spacing:0;text-transform:none;font-weight:700}.bd-bcm-rows{display:flex;flex-direction:column;gap:3px;max-height:132px;overflow-y:auto}.bd-bcm-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}.bd-bcm-row:last-child{border-bottom:none}.bd-bcm-note{font-size:10px;color:var(--text-3);font-style:italic;margin-top:9px}.ds-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.ds-bar select,.ds-assign select{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-1);font-size:12.5px}.ds-timeline{display:flex;height:38px;border-radius:9px;overflow:hidden;border:1px solid var(--border);margin:4px 0 10px}.ds-seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#08110e;white-space:nowrap;overflow:hidden;border-right:1px solid rgba(0,0,0,.25);transition:width .4s var(--ease-out-expo, ease)}.ds-seg:last-child{border-right:none}.ds-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.ds-leg{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--text-2)}.ds-dot{width:9px;height:9px;border-radius:2px}.ds-assign{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 13px;background:var(--surface-1);border:1px solid var(--border);border-radius:9px}.ds-assign-lbl{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.ds-assign .input{height:34px}.bd-roletoggle{display:flex;align-items:center;gap:6px;margin-bottom:14px}.bd-rt{padding:6px 15px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer;transition:all .16s var(--ease-out-expo, ease)}.bd-rt:hover{color:var(--text-1);border-color:var(--teal)}.bd-rt.is-on{background:linear-gradient(180deg,color-mix(in oklch,var(--teal) 26%,transparent),transparent);color:var(--text-1);border-color:var(--teal);box-shadow:0 0 0 1px color-mix(in oklch,var(--teal) 40%,transparent) inset}.bd-rt-note{font-size:10.5px;color:var(--text-3);font-style:italic;margin-left:4px}.bd-main-wide{width:100%}body .bd-main-wide .bd-cov-chip{pointer-events:none}