.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}}.kbli-page.project-validasi-shp-page{max-width:none;width:100%;margin-inline:0;padding-bottom:2rem}.shp-workspace{display:grid;grid-template-columns:clamp(320px,19vw,380px) minmax(0,1fr);gap:1rem;align-items:stretch;width:100%;min-width:0}.shp-panel,.shp-map-card,.shp-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.shp-panel{padding:1.25rem}.shp-panel h3,.shp-table-card h3{margin:0 0 .35rem;font-size:1rem}.shp-muted,.shp-table-head p{color:var(--color-muted);font-size:.82rem;margin:.2rem 0 .9rem}.shp-drop{display:flex;align-items:center;justify-content:center;min-height:86px;padding:1rem;text-align:center;border:1.5px dashed #b9c3d0;border-radius:10px;background:#f8fafc;color:var(--color-primary);font-size:.86rem;font-weight:600;cursor:pointer}.shp-drop input{display:none}.shp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:1rem 0}.shp-stats div{background:#f8fafc;border:1px solid #e7ebf0;border-radius:8px;padding:.6rem .25rem;text-align:center}.shp-stats b{display:block;font-size:1.1rem}.shp-stats span{color:var(--color-muted);font-size:.68rem}.shp-field{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600}.shp-field input{border:1px solid var(--color-border);border-radius:7px;padding:.55rem .65rem;font:inherit}.shp-primary,.shp-actions button,.shp-table-head button{border:0;border-radius:8px;padding:.62rem .8rem;font:inherit;font-weight:600;cursor:pointer}.shp-primary{width:100%;margin-top:.7rem;color:#fff;background:var(--color-primary)}.shp-primary:hover:not(:disabled){background:var(--color-primary-hover)}.shp-primary:disabled,.shp-actions button:disabled{opacity:.5;cursor:not-allowed}.shp-progress{margin-top:1rem}.shp-progress-head{display:flex;justify-content:space-between;gap:.5rem;color:var(--color-muted);font-size:.72rem;margin-bottom:.35rem}.shp-progress-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shp-progress-track{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.shp-progress-track div{height:100%;background:var(--color-primary);transition:width .18s ease}.shp-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.shp-actions button,.shp-table-head button{background:#eef2f7;color:var(--color-text)}.shp-note{margin-top:.8rem;padding:.7rem;border-radius:8px;background:#fff7ed;color:#9a5b12;font-size:.72rem;line-height:1.45}.shp-map-card{width:100%;min-width:0;min-height:clamp(560px,calc(100vh - 230px),980px);position:relative;overflow:hidden;background:#edf1f5}.shp-leaflet-map{width:100%;height:clamp(560px,calc(100vh - 230px),980px);min-height:560px;z-index:1}.shp-map-empty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--color-muted);pointer-events:none;background:#edf1f59e}.shp-map-empty-overlay b{color:var(--color-text)}.shp-map-card .leaflet-control-layers{font-size:.76rem}.shp-map-card .leaflet-control-layers-expanded{min-width:200px}.shp-map-card .leaflet-popup-content{margin:10px 12px}.shp-popup{max-height:320px;overflow:auto;font-size:.72rem}.shp-popup-title{font-weight:700;margin-bottom:.45rem;color:#111827}.shp-popup table{border-collapse:collapse;width:100%}.shp-popup th,.shp-popup td{border-bottom:1px solid #eef1f4;padding:.3rem .35rem;text-align:left;vertical-align:top}.shp-popup th{white-space:nowrap;color:#475569;font-weight:600}.shp-popup td{color:#111827;word-break:break-word}.shp-table-card{margin-top:1rem;padding:1rem}.shp-table-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.shp-table-wrap{overflow:auto;max-height:430px;border:1px solid #e7ebf0;border-radius:8px}.shp-table-wrap table{border-collapse:collapse;width:100%;font-size:.75rem;white-space:nowrap}.shp-table-wrap th,.shp-table-wrap td{padding:.55rem .65rem;border-bottom:1px solid #eef1f4;border-right:1px solid #f1f3f5;text-align:left}.shp-table-wrap th{position:sticky;top:0;background:#f8fafc;z-index:1}.shp-table-wrap tbody tr{cursor:pointer}.shp-table-wrap tbody tr:hover,.shp-table-wrap tbody tr.selected{background:#eff6ff}@media (max-width:900px){.shp-workspace{grid-template-columns:1fr}.shp-map-card,.shp-leaflet-map{min-height:430px;height:430px}.shp-stats{grid-template-columns:repeat(2,1fr)}}.shp-attribute-validation{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #e7ebf0}.shp-field select{width:100%;border:1px solid var(--color-border);border-radius:7px;padding:.55rem .65rem;font:inherit;background:#fff;color:var(--color-text)}.shp-secondary-action{width:100%;margin-top:.65rem;border:1px solid #cbd5e1;border-radius:8px;padding:.62rem .8rem;font:inherit;font-weight:600;cursor:pointer;background:#fff;color:var(--color-text)}.shp-secondary-action:hover:not(:disabled){background:#f8fafc}.shp-secondary-action:disabled{opacity:.5;cursor:not-allowed}.shp-attribute-result{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.65rem}.shp-attribute-result div{background:#f8fafc;border:1px solid #e7ebf0;border-radius:8px;padding:.55rem .3rem;text-align:center}.shp-attribute-result b{display:block;font-size:1rem}.shp-attribute-result span{display:block;margin-top:.15rem;color:var(--color-muted);font-size:.64rem;line-height:1.25}.shp-mapping-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.shp-mapping-head>div{display:flex;flex-direction:column;gap:.15rem}.shp-mapping-head span{color:var(--color-muted);font-size:.72rem}.shp-mapping-status{border:1px solid #f59e0b;background:#fffbeb;color:#92400e!important;border-radius:999px;padding:.22rem .48rem;font-size:.62rem!important;font-weight:800;white-space:nowrap}.shp-mapping-status.is-ready{border-color:#86efac;background:#f0fdf4;color:#166534!important}.shp-intensity-result{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.65rem}.shp-intensity-result div{background:#f8fafc;border:1px solid #e7ebf0;border-radius:8px;padding:.5rem .2rem;text-align:center}.shp-intensity-result b{display:block;font-size:1rem}.shp-intensity-result span{display:block;margin-top:.15rem;color:var(--color-muted);font-size:.59rem;line-height:1.2}.project-validasi-shp-page .shp-panel--workflow{padding:0!important;overflow:hidden!important;border-radius:14px!important;background:#fff!important}.project-validasi-shp-page .shp-dataset-summary{padding:16px!important;border-bottom:1px solid #e6ebf2!important;background:#fff!important}.project-validasi-shp-page .shp-dataset-summary__head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.project-validasi-shp-page .shp-dataset-summary__head h3{margin:0 0 4px!important;font-size:16px!important;line-height:1.25!important;font-weight:750!important;color:#0f172a!important}.project-validasi-shp-page .shp-dataset-summary__head .shp-muted{margin:0!important;font-size:12px!important;line-height:1.4!important;color:#64748b!important}.project-validasi-shp-page .shp-dataset-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:24px!important;padding:4px 8px!important;border:1px solid #bfdbfe!important;border-radius:999px!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important}.project-validasi-shp-page .shp-drop--compact{min-height:64px!important;margin-top:12px!important;padding:12px!important;border:1px dashed #b8c7db!important;border-radius:10px!important;background:#f8fafc!important}.project-validasi-shp-page .shp-drop--compact span{display:block!important;width:100%!important;text-align:center!important;font-size:12px!important;font-weight:650!important;color:#2563eb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.project-validasi-shp-page .shp-dataset-meta{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px 10px!important;margin-top:10px!important;font-size:11px!important;color:#64748b!important}.project-validasi-shp-page .shp-dataset-meta span:first-child{display:inline-flex!important;align-items:baseline!important;gap:4px!important;color:#334155!important;white-space:nowrap!important}.project-validasi-shp-page .shp-dataset-meta span:first-child b{font-size:16px!important;color:#0f172a!important}.project-validasi-shp-page .shp-dataset-meta span:last-child{min-width:0!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.project-validasi-shp-page .shp-step-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;background:#f4f7fb!important}.project-validasi-shp-page .shp-step{overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px #0f172a08!important}.project-validasi-shp-page .shp-step.is-open{border-color:#c7d7ee!important;box-shadow:0 4px 12px #0f172a0f!important}.project-validasi-shp-page .shp-panel button.shp-step__header{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 18px!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#0f172a!important;text-align:left!important;font:inherit!important;box-shadow:none!important;cursor:pointer!important}.project-validasi-shp-page .shp-step.is-open>button.shp-step__header{background:#f8fbff!important;border-bottom:1px solid #e7edf5!important}.project-validasi-shp-page .shp-panel button.shp-step__header:hover{background:#f8fafc!important}.project-validasi-shp-page .shp-step__title{min-width:0!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}.project-validasi-shp-page .shp-step__number{width:28px!important;height:28px!important;display:inline-grid!important;place-items:center!important;border-radius:8px!important;background:#eef4ff!important;color:#2563eb!important;font-size:11px!important;font-weight:800!important}.project-validasi-shp-page .shp-step__title>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.project-validasi-shp-page .shp-step__title b{display:block!important;margin:0!important;font-size:12px!important;line-height:1.3!important;font-weight:750!important;color:#0f172a!important}.project-validasi-shp-page .shp-step__title span:not(.shp-step__number){display:block!important;min-width:0!important;font-size:10px!important;line-height:1.3!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.project-validasi-shp-page .shp-step__badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:22px!important;max-width:120px!important;padding:3px 7px!important;border:1px solid #dbe3ec!important;border-radius:999px!important;background:#f8fafc!important;color:#64748b!important;font-size:9px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}.project-validasi-shp-page .shp-step__badge.is-ready{border-color:#86efac!important;background:#f0fdf4!important;color:#15803d!important}.project-validasi-shp-page .shp-step__badge.is-warning{border-color:#fdba74!important;background:#fff7ed!important;color:#c2410c!important}.project-validasi-shp-page .shp-step__chevron{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;color:#64748b!important;font-size:12px!important;line-height:1!important}.project-validasi-shp-page .shp-step__body{padding:12px!important;background:#fff!important}.project-validasi-shp-page .shp-step__intro{margin:0 0 10px!important;color:#64748b!important;font-size:10px!important;line-height:1.4!important}.project-validasi-shp-page .shp-step__body .shp-stats{gap:6px!important;margin:0 0 12px!important}.project-validasi-shp-page .shp-step__body .shp-stats>div{min-width:0!important;padding:9px 4px!important;border-radius:8px!important}.project-validasi-shp-page .shp-step__body .shp-stats b{font-size:16px!important}.project-validasi-shp-page .shp-step__body .shp-stats span{font-size:9px!important}.project-validasi-shp-page .shp-step__body .shp-field{margin-top:10px!important;font-size:10px!important}.project-validasi-shp-page .shp-step__body .shp-field input,.project-validasi-shp-page .shp-step__body .shp-field select{margin-top:5px!important;min-height:38px!important;padding:8px 10px!important;border-radius:8px!important;font-size:11px!important}.project-validasi-shp-page .shp-step__body .shp-primary,.project-validasi-shp-page .shp-step__body .shp-secondary-action{min-height:38px!important;margin-top:10px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}.project-validasi-shp-page .shp-step__body .shp-actions{gap:8px!important;margin-top:10px!important}.project-validasi-shp-page .shp-step__body .shp-actions button{min-height:38px!important;border-radius:8px!important;font-size:11px!important;font-weight:650!important}.project-validasi-shp-page .shp-step__result-note{margin-top:10px!important;padding:9px 10px!important;border:1px solid #e6ebf2!important;border-radius:8px!important;background:#f8fafc!important;color:#475569!important;font-size:10px!important;line-height:1.45!important}.project-validasi-shp-page .shp-step__result-note.is-error{border-color:#fecaca!important;background:#fef2f2!important;color:#b91c1c!important}.project-validasi-shp-page .shp-step__body .shp-note{margin-top:10px!important;padding:9px 10px!important;border-radius:8px!important;font-size:10px!important;line-height:1.45!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result,.project-validasi-shp-page .shp-step__body .shp-intensity-result{gap:6px!important;margin-top:10px!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result>div,.project-validasi-shp-page .shp-step__body .shp-intensity-result>div{padding:8px 3px!important;border-radius:8px!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result b,.project-validasi-shp-page .shp-step__body .shp-intensity-result b{font-size:14px!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result span,.project-validasi-shp-page .shp-step__body .shp-intensity-result span{font-size:8px!important}.project-validasi-shp-page .shp-step__body .shp-mapping-feedback{margin-top:8px!important;padding:8px!important;border-radius:8px!important;font-size:10px!important}@media (max-width: 900px){.project-validasi-shp-page .shp-panel button.shp-step__header{grid-template-columns:minmax(0,1fr) 18px!important}.project-validasi-shp-page .shp-step__badge{grid-column:1!important;justify-self:start!important;margin-left:38px!important;margin-top:2px!important}.project-validasi-shp-page .shp-step__chevron{grid-column:2!important;grid-row:1 / span 2!important}}.project-validasi-shp-page .shp-step__icon-button{width:26px!important;height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 26px!important;border:1px solid #d6e0ed!important;border-radius:7px!important;background:#fff!important;color:#64748b!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}.project-validasi-shp-page .shp-step__header:hover .shp-step__icon-button,.project-validasi-shp-page .shp-step__icon-button.is-open{border-color:#bfdbfe!important;background:#eff6ff!important;color:#2563eb!important}.project-validasi-shp-page .shp-step__icon-button svg{width:14px!important;height:14px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}.project-validasi-shp-page .shp-step__chevron{display:none!important}@media (min-width: 1101px){.project-validasi-shp-page .shp-workspace{grid-template-columns:minmax(390px,430px) minmax(0,1fr)!important;gap:14px!important}}.project-validasi-shp-page .shp-panel button.shp-step__header{padding-left:14px!important;padding-right:14px!important;column-gap:10px!important}.project-validasi-shp-page .shp-step__icon-button,.project-validasi-shp-page .shp-step__badge{margin-right:2px!important}.project-validasi-shp-page .shp-step__body{padding-left:14px!important;padding-right:14px!important}@media (max-width: 1100px){.project-validasi-shp-page .shp-panel button.shp-step__header{padding-left:12px!important;padding-right:12px!important}.project-validasi-shp-page .shp-step__icon-button{margin-right:0!important}}@media (min-width: 1101px){.project-validasi-shp-page .shp-workspace{grid-template-columns:minmax(420px,440px) minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important}}.project-validasi-shp-page .shp-panel--workflow,.project-validasi-shp-page .shp-map-card{border:1px solid #dfe7f1!important;box-shadow:0 3px 12px #0f172a0b!important}.project-validasi-shp-page .shp-map-card{border-radius:14px!important;overflow:hidden!important;background:#eaf2f8!important}.project-validasi-shp-page .shp-dataset-summary{padding:18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.project-validasi-shp-page .shp-dataset-summary__head h3{font-size:17px!important;letter-spacing:-.01em!important}.project-validasi-shp-page .shp-dataset-summary__head .shp-muted{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#5f728b!important}.project-validasi-shp-page .shp-dataset-summary__head .shp-muted:before{content:"";width:7px;height:7px;display:inline-block;flex:0 0 7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b9811a}.project-validasi-shp-page .shp-dataset-badge{min-height:26px!important;padding:4px 10px!important;border-color:#bfdbfe!important;background:#eef6ff!important;color:#2563eb!important}.project-validasi-shp-page .shp-drop--compact{position:relative!important;min-height:78px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-top:14px!important;padding:14px 16px!important;border:1px dashed #b7c6da!important;border-radius:10px!important;background:#f8fbff!important;transition:border-color .15s ease,background-color .15s ease!important}.project-validasi-shp-page .shp-drop--compact:hover{border-color:#93b7ec!important;background:#f3f8ff!important}.project-validasi-shp-page .shp-drop--compact:before{content:"";width:20px;height:20px;flex:0 0 20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E")}.project-validasi-shp-page .shp-drop--compact span{width:auto!important;max-width:calc(100% - 36px)!important;font-size:12px!important;font-weight:700!important}.project-validasi-shp-page .shp-dataset-meta{margin-top:11px!important;color:#60748f!important}.project-validasi-shp-page .shp-dataset-meta span:first-child b{font-size:18px!important;letter-spacing:-.02em!important}.project-validasi-shp-page .shp-step-list{gap:9px!important;padding:11px!important;background:#f5f8fc!important}.project-validasi-shp-page .shp-step{border-color:#dde6f0!important;border-radius:11px!important;box-shadow:0 1px 3px #0f172a09!important}.project-validasi-shp-page .shp-step.is-open{border-color:#bfd5f4!important;box-shadow:0 4px 14px #2563eb12!important}.project-validasi-shp-page .shp-panel button.shp-step__header{padding:13px 14px!important;grid-template-columns:minmax(0,1fr) auto 28px!important;gap:10px!important;background:#fff!important}.project-validasi-shp-page .shp-step.is-open>button.shp-step__header{background:#f8fbff!important}.project-validasi-shp-page .shp-step__title{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important}.project-validasi-shp-page .shp-step__number{width:32px!important;height:32px!important;border-radius:9px!important;background:#eef4ff!important;color:#2563eb!important;font-size:12px!important}.project-validasi-shp-page .shp-step__title b{font-size:12.5px!important;line-height:1.3!important;letter-spacing:-.005em!important}.project-validasi-shp-page .shp-step__title span:not(.shp-step__number){margin-top:1px!important;font-size:10.5px!important;color:#64748b!important}.project-validasi-shp-page .shp-step__badge{min-height:24px!important;padding:4px 8px!important;font-size:9px!important;letter-spacing:.01em!important}.project-validasi-shp-page .shp-step__icon-button{justify-self:end!important;width:28px!important;height:28px!important;margin:0!important;border-radius:8px!important}.project-validasi-shp-page .shp-step__body{padding:15px 14px 16px!important}.project-validasi-shp-page .shp-step__intro{margin-bottom:12px!important;font-size:10.5px!important;color:#5f728b!important}.project-validasi-shp-page .shp-step__body .shp-field{font-size:10.5px!important;font-weight:650!important;color:#1e293b!important}.project-validasi-shp-page .shp-step__body .shp-field input,.project-validasi-shp-page .shp-step__body .shp-field select{min-height:40px!important;border-color:#d3deeb!important;background:#fff!important;color:#0f172a!important}.project-validasi-shp-page .shp-step__body .shp-field input:focus,.project-validasi-shp-page .shp-step__body .shp-field select:focus{border-color:#93b7ec!important;box-shadow:0 0 0 3px #2563eb14!important;outline:none!important}.project-validasi-shp-page .shp-step__body .shp-secondary-action{position:relative!important;min-height:42px!important;border:1px solid #c9d8ea!important;background:#fff!important;color:#0f172a!important;font-weight:750!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}.project-validasi-shp-page .shp-step__body .shp-secondary-action:hover:not(:disabled){border-color:#93b7ec!important;background:#f4f8ff!important;color:#1d4ed8!important}.project-validasi-shp-page .shp-step.is-open:nth-child(4) .shp-secondary-action:after{content:"";position:absolute;right:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8.1 8.1 0 0 0-15.5-2M4 4v5h5'/%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2M20 20v-5h-5'/%3E%3C/svg%3E")}.project-validasi-shp-page .shp-step__body .shp-stats,.project-validasi-shp-page .shp-step__body .shp-attribute-result,.project-validasi-shp-page .shp-step__body .shp-intensity-result{gap:7px!important}.project-validasi-shp-page .shp-step__body .shp-stats>div,.project-validasi-shp-page .shp-step__body .shp-attribute-result>div,.project-validasi-shp-page .shp-step__body .shp-intensity-result>div{border-color:#e1e8f1!important;background:#f9fbfd!important;border-radius:9px!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result b,.project-validasi-shp-page .shp-step__body .shp-intensity-result b{font-size:15px!important;color:#0f172a!important}.project-validasi-shp-page .shp-step__body .shp-attribute-result span,.project-validasi-shp-page .shp-step__body .shp-intensity-result span{color:#64748b!important}.project-validasi-shp-page .shp-step__result-note{padding:10px 11px!important;border-color:#e0e8f1!important;background:#f8fafc!important;color:#475569!important}.project-validasi-shp-page .shp-step__result-note b{color:#1e3a8a!important}.project-validasi-shp-page .leaflet-control-layers{border:1px solid #d8e2ee!important;border-radius:10px!important;box-shadow:0 4px 14px #0f172a1a!important;overflow:hidden!important;font-family:inherit!important}.project-validasi-shp-page .leaflet-control-layers-expanded{padding:10px 12px!important;background:#fffffff5!important}.project-validasi-shp-page .leaflet-control-layers label{margin:4px 0!important;font-size:11px!important;color:#1f2937!important}.project-validasi-shp-page .leaflet-control-zoom{border:1px solid #d8e2ee!important;border-radius:8px!important;box-shadow:0 3px 10px #0f172a14!important;overflow:hidden!important}.project-validasi-shp-page .leaflet-control-zoom a{color:#0f172a!important}@media (max-width: 1100px){.project-validasi-shp-page .shp-dataset-summary{padding:14px!important}.project-validasi-shp-page .shp-panel button.shp-step__header,.project-validasi-shp-page .shp-step__body{padding:12px!important}}.project-validasi-shp-page button.shp-metric-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;min-height:0;margin:0;padding:8px 3px;border:1px solid #e1e8f1;border-radius:9px;background:#f9fbfd;color:inherit;font:inherit;text-align:center;box-shadow:none}.project-validasi-shp-page button.shp-metric-card b{display:block;font-size:15px;color:#0f172a}.project-validasi-shp-page button.shp-metric-card span{display:block;margin-top:2px;color:#64748b;font-size:8px;line-height:1.2}.project-validasi-shp-page button.shp-metric-card.is-clickable:not(:disabled){cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.project-validasi-shp-page button.shp-metric-card.is-clickable:not(:disabled):hover{border-color:#93b7ec;background:#f1f7ff;transform:translateY(-1px)}.project-validasi-shp-page button.shp-metric-card:disabled{cursor:default;opacity:.72}.project-validasi-shp-page .shp-stats,.project-validasi-shp-page .shp-attribute-result,.project-validasi-shp-page .shp-intensity-result{align-items:stretch}.shp-drawer-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1190!important;border:0!important;background:#0f172a2e!important;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:default!important}.shp-issue-drawer{position:fixed;top:0;right:0;z-index:1200;width:min(430px,92vw);height:100vh;display:flex;flex-direction:column;background:#fff;border-left:1px solid #dfe7f1;box-shadow:-12px 0 34px #0f172a29;animation:shpDrawerIn .18s ease-out}@keyframes shpDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.shp-issue-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #e7edf5;background:#fbfdff}.shp-issue-drawer__head h3{margin:0;color:#0f172a;font-size:17px;line-height:1.3}.shp-issue-drawer__head p{margin:5px 0 0;color:#64748b;font-size:11px}.shp-issue-drawer__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;flex:0 0 32px;display:inline-grid;place-items:center;border:1px solid #d8e2ee;border-radius:8px;background:#fff;color:#64748b;cursor:pointer}.shp-issue-drawer__close:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.shp-issue-drawer__close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.shp-issue-drawer__list{flex:1;overflow:auto;padding:12px;background:#f7f9fc}.shp-issue-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:10px;margin:0 0 8px;padding:11px 12px;border:1px solid #e0e7f0;border-radius:10px;background:#fff;color:#0f172a;text-align:left;font:inherit;cursor:pointer;box-shadow:0 1px 2px #0f172a06;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.shp-issue-row:hover{border-color:#a9c7ef;background:#f8fbff;box-shadow:0 3px 9px #2563eb0f}.shp-issue-row__index{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;background:#eef4ff;color:#2563eb;font-size:10px;font-weight:800}.shp-issue-row__content{min-width:0;display:flex;flex-direction:column;gap:3px}.shp-issue-row__content b{overflow:hidden;color:#0f172a;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.shp-issue-row__content span{color:#475569;font-size:10px;line-height:1.3}.shp-issue-row__content small{overflow:hidden;color:#8290a4;font-size:9px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.shp-issue-row__locate{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:7px;color:#64748b}.shp-issue-row:hover .shp-issue-row__locate{background:#eff6ff;color:#2563eb}.shp-issue-row__locate svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;pointer-events:none}.shp-issue-drawer__empty{min-height:180px;display:grid;place-content:center;gap:5px;padding:24px;text-align:center;color:#64748b}.shp-issue-drawer__empty b{color:#334155;font-size:13px}.shp-issue-drawer__empty span{font-size:11px}@media (max-width: 700px){.shp-issue-drawer{width:100vw}}.project-validasi-shp-page .shp-map-card{position:relative}.project-validasi-shp-page .shp-point-toolbar{position:absolute;top:12px;left:54px;z-index:650;display:flex;align-items:center;gap:7px}.project-validasi-shp-page .shp-point-toolbar__button,.project-validasi-shp-page .shp-point-toolbar__clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7e1ec;border-radius:8px;background:#fffffff5;color:#334155;font:inherit;font-size:10px;font-weight:750;box-shadow:0 3px 10px #0f172a1a;cursor:pointer}.project-validasi-shp-page .shp-point-toolbar__button{padding:0 11px}.project-validasi-shp-page .shp-point-toolbar__button:hover:not(:disabled),.project-validasi-shp-page .shp-point-toolbar__button.is-active{border-color:#93b7ec;background:#eff6ff;color:#1d4ed8}.project-validasi-shp-page .shp-point-toolbar__button.is-active{box-shadow:0 0 0 3px #2563eb1a,0 3px 10px #0f172a14}.project-validasi-shp-page .shp-point-toolbar__button.is-secondary{background:#fffffff5;color:#475569}.project-validasi-shp-page .shp-point-toolbar__button:disabled{opacity:.5;cursor:not-allowed}.project-validasi-shp-page .shp-point-toolbar__clear{width:34px;padding:0}.project-validasi-shp-page .shp-point-toolbar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.project-validasi-shp-page .shp-map-card:has(.shp-point-toolbar__button.is-active) .leaflet-container{cursor:crosshair!important}.shp-point-result{display:flex;flex-direction:column;gap:10px}.shp-point-result__status{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #dce6f0;border-radius:9px;background:#fff;color:#475569;font-size:11px}.shp-point-result__status span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#94a3b8}.shp-point-result__status.is-found{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.shp-point-result__status.is-found span{background:#22c55e}.shp-point-result__status.is-boundary,.shp-point-result__status.is-boundary_multiple{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.shp-point-result__status.is-boundary span,.shp-point-result__status.is-boundary_multiple span{background:#f59e0b}.shp-point-result__status.is-not_found{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.shp-point-result__status.is-not_found span{background:#ef4444}.shp-point-result-card,.shp-point-match-card{border:1px solid #e0e7f0;border-radius:10px;background:#fff}.shp-point-result-card{padding:12px}.shp-point-result-card__title{margin-bottom:9px;color:#334155;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.shp-point-result-grid,.shp-point-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shp-point-result-grid>div,.shp-point-match-grid>div{min-width:0;padding:9px;border-radius:8px;background:#f8fafc}.shp-point-result-grid span,.shp-point-match-grid span{display:block;margin-bottom:3px;color:#7b8a9e;font-size:9px}.shp-point-result-grid b,.shp-point-match-grid b{display:block;overflow:hidden;color:#0f172a;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.shp-point-match-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.shp-point-match-card:hover{border-color:#93b7ec;background:#f8fbff}.shp-point-match-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.shp-point-match-card__head b{color:#0f172a;font-size:12px}.shp-point-match-card__head span{padding:3px 6px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:8px;font-weight:800}.shp-point-match-card__action{margin-top:9px;color:#2563eb;font-size:9px;font-weight:650}.shp-point-result-list{display:flex;flex-direction:column;gap:7px}.shp-point-result-list>span{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;color:#475569;font-size:10px}.shp-point-result-list>span b{color:#334155}@media (max-width: 700px){.project-validasi-shp-page .shp-point-toolbar{left:48px;right:10px;flex-wrap:wrap}}.project-validasi-shp-page .leaflet-container.is-point-query-mode{cursor:crosshair!important}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-overlay-pane{opacity:1}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-control-container{pointer-events:auto}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-interactive{pointer-events:none!important}.project-validasi-shp-page .leaflet-container.is-point-query-mode svg.leaflet-zoom-animated path{pointer-events:none!important}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-overlay-pane svg,.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-overlay-pane canvas{pointer-events:none!important}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-marker-pane,.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-tooltip-pane,.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-popup-pane{pointer-events:none!important}.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-control-container,.project-validasi-shp-page .leaflet-container.is-point-query-mode .leaflet-control-container *{pointer-events:auto!important}.shp-point-kbli{position:relative}.shp-point-kbli__search{position:relative;display:block}.shp-point-kbli__search input{width:100%;min-height:40px;box-sizing:border-box;padding:9px 78px 9px 11px;border:1px solid #d8e2ee;border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-size:11px}.shp-point-kbli__search input:focus{border-color:#93b7ec;box-shadow:0 0 0 3px #2563eb14;outline:none}.shp-point-kbli__search>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#64748b;font-size:9px}.shp-point-kbli__results{max-height:220px;overflow:auto;margin-top:6px;border:1px solid #dfe7f1;border-radius:8px;background:#fff;box-shadow:0 6px 18px #0f172a14}.shp-point-kbli__results button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;border:0;border-bottom:1px solid #edf1f6;background:#fff;color:#334155;text-align:left;font:inherit;cursor:pointer}.shp-point-kbli__results button:last-child{border-bottom:0}.shp-point-kbli__results button:hover{background:#f5f9ff}.shp-point-kbli__results b{color:#1d4ed8;font-size:10px}.shp-point-kbli__results span{color:#475569;font-size:10px;line-height:1.35}.shp-point-kbli__loading,.shp-point-kbli__error{margin-top:8px;padding:9px 10px;border-radius:8px;font-size:10px}.shp-point-kbli__loading{background:#eff6ff;color:#1d4ed8}.shp-point-kbli__error{background:#fef2f2;color:#b91c1c}.shp-point-itbx-result{margin-top:10px;padding:11px;border:1px solid #dfe7f1;border-radius:9px;background:#fbfdff}.shp-point-itbx-result.is-configured{border-color:#bfdbfe;background:#f8fbff}.shp-point-itbx-result.is-not_configured{border-color:#fed7aa;background:#fffaf4}.shp-point-itbx-result__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.shp-point-itbx-result__head>div{min-width:0;display:flex;flex-direction:column;gap:2px}.shp-point-itbx-result__head>div>span,.shp-point-itbx-result__subzone>span{color:#7b8a9e;font-size:8px;text-transform:uppercase;letter-spacing:.035em}.shp-point-itbx-result__head b,.shp-point-itbx-result__subzone b{color:#0f172a;font-size:12px}.shp-point-itbx-result__head small,.shp-point-itbx-result__subzone small{color:#64748b;font-size:9px;line-height:1.35}.shp-point-itbx-result__status{padding:4px 7px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:8px;font-weight:800;white-space:nowrap}.shp-point-itbx-result.is-configured .shp-point-itbx-result__status{background:#dcfce7;color:#15803d}.shp-point-itbx-result.is-not_configured .shp-point-itbx-result__status{background:#ffedd5;color:#c2410c}.shp-point-itbx-result__subzone{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:9px;border-top:1px solid #e7edf5}.shp-point-itbx-token-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.shp-point-itbx-token-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.shp-point-itbx-token-list>div>span{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:7px;background:#eef4ff;color:#1d4ed8;font-size:10px;font-weight:800}.shp-point-itbx-token-list p{margin:0;color:#475569;font-size:9px;line-height:1.45}.shp-point-itbx-result__note,.shp-point-itbx-result__notice{margin-top:9px;padding:8px 9px;border-radius:8px;font-size:9px;line-height:1.45}.shp-point-itbx-result__note{display:flex;flex-direction:column;gap:3px;background:#f8fafc;color:#475569}.shp-point-itbx-result__notice{background:#fff7ed;color:#9a5b12}.shp-point-intensity__loading,.shp-point-intensity__error,.shp-point-intensity__notice{padding:9px 10px;border-radius:8px;font-size:9px;line-height:1.45}.shp-point-intensity__loading{background:#eff6ff;color:#1d4ed8}.shp-point-intensity__error{background:#fef2f2;color:#b91c1c}.shp-point-intensity__notice{margin-top:9px;background:#fff7ed;color:#9a5b12}.shp-point-intensity__status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.shp-point-intensity__status>div{display:flex;flex-direction:column;gap:2px}.shp-point-intensity__status>div>span{color:#7b8a9e;font-size:8px;text-transform:uppercase;letter-spacing:.035em}.shp-point-intensity__status>div>b{color:#0f172a;font-size:12px}.shp-point-intensity__status>div>small{color:#64748b;font-size:9px}.shp-point-intensity__status>span{padding:4px 7px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:8px;font-weight:800;white-space:nowrap}.shp-point-intensity__status.is-configured>span{background:#dcfce7;color:#15803d}.shp-point-intensity__status.is-incomplete>span,.shp-point-intensity__status.is-not_configured>span{background:#ffedd5;color:#c2410c}.shp-point-intensity__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.shp-point-intensity__metrics>div{padding:9px 4px;border:1px solid #e1e8f1;border-radius:8px;background:#f8fafc;text-align:center}.shp-point-intensity__metrics span{display:block;color:#7b8a9e;font-size:8px}.shp-point-intensity__metrics b{display:block;margin-top:3px;color:#0f172a;font-size:13px}.shp-point-intensity__details{display:flex;flex-direction:column;margin-top:9px;border:1px solid #e5ebf2;border-radius:8px;overflow:hidden}.shp-point-intensity__details>span{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px;padding:7px 9px;border-bottom:1px solid #edf1f6;color:#475569;font-size:9px}.shp-point-intensity__details>span:last-child{border-bottom:0}.shp-point-intensity__details b{color:#334155}.shp-point-intensity__text{display:flex;flex-direction:column;gap:4px;margin-top:9px;padding:9px 10px;border:1px solid #e5ebf2;border-radius:8px;background:#fafcff}.shp-point-intensity__text b{color:#334155;font-size:9px}.shp-point-intensity__text span{color:#64748b;font-size:9px;line-height:1.45}.shp-point-conclusion__loading,.shp-point-conclusion__error{padding:9px 10px;border-radius:8px;font-size:9px}.shp-point-conclusion__loading{background:#eff6ff;color:#1d4ed8}.shp-point-conclusion__error{background:#fef2f2;color:#b91c1c}.shp-point-conclusion__hero{display:flex;flex-direction:column;gap:3px;padding:13px;border:1px solid #dfe7f1;border-radius:10px;background:#f8fafc}.shp-point-conclusion__hero>span{color:#64748b;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.shp-point-conclusion__hero>b{color:#0f172a;font-size:17px;line-height:1.25}.shp-point-conclusion__hero>small{color:#64748b;font-size:9px}.shp-point-conclusion__hero.is-success{border-color:#bbf7d0;background:#f0fdf4}.shp-point-conclusion__hero.is-success>b{color:#166534}.shp-point-conclusion__hero.is-warning{border-color:#fed7aa;background:#fff7ed}.shp-point-conclusion__hero.is-warning>b{color:#9a3412}.shp-point-conclusion__hero.is-danger{border-color:#fecaca;background:#fef2f2}.shp-point-conclusion__hero.is-danger>b{color:#b91c1c}.shp-point-conclusion__readiness{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;margin-top:9px;padding:9px 10px;border:1px solid #e3eaf2;border-radius:8px;background:#fff;font-size:9px}.shp-point-conclusion__readiness span{color:#64748b}.shp-point-conclusion__readiness b{color:#334155}.shp-point-conclusion__reasons{margin-top:9px;padding:10px;border:1px solid #e3eaf2;border-radius:8px;background:#fff}.shp-point-conclusion__reasons>b{color:#334155;font-size:9px}.shp-point-conclusion__reasons ul{margin:7px 0 0;padding-left:16px;color:#475569;font-size:9px;line-height:1.5}.shp-point-conclusion__reasons li+li{margin-top:3px}.shp-point-conclusion__disclaimer{margin-top:9px;padding:8px 9px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:8.5px;line-height:1.45}.project-validasi-shp-page .shp-coordinate-panel{position:absolute;top:58px;left:54px;z-index:700;width:min(360px,calc(100% - 82px));padding:14px;border:1px solid #d9e4ef;border-radius:11px;background:#fffffffa;box-shadow:0 12px 30px #0f172a26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-validasi-shp-page .shp-coordinate-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-validasi-shp-page .shp-coordinate-panel__head>div{min-width:0;display:flex;flex-direction:column;gap:3px}.project-validasi-shp-page .shp-coordinate-panel__head b{color:#0f172a;font-size:12px}.project-validasi-shp-page .shp-coordinate-panel__head span{color:#64748b;font-size:9px;line-height:1.35}.project-validasi-shp-page .shp-coordinate-panel__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;flex:0 0 28px;display:inline-grid;place-items:center;border:1px solid #d8e2ee;border-radius:7px;background:#fff;color:#64748b;cursor:pointer}.project-validasi-shp-page .shp-coordinate-panel__close:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.project-validasi-shp-page .shp-coordinate-panel__close svg,.project-validasi-shp-page .shp-coordinate-panel__submit svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-validasi-shp-page .shp-coordinate-panel__paste,.project-validasi-shp-page .shp-coordinate-panel__grid label{display:flex;flex-direction:column;gap:5px}.project-validasi-shp-page .shp-coordinate-panel__paste{margin-top:12px}.project-validasi-shp-page .shp-coordinate-panel__paste>span,.project-validasi-shp-page .shp-coordinate-panel__grid label>span{color:#334155;font-size:9px;font-weight:700}.project-validasi-shp-page .shp-coordinate-panel input{width:100%;min-height:38px;box-sizing:border-box;padding:8px 10px;border:1px solid #d6e0ec;border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-size:10px}.project-validasi-shp-page .shp-coordinate-panel input:focus{border-color:#93b7ec;box-shadow:0 0 0 3px #2563eb14;outline:none}.project-validasi-shp-page .shp-coordinate-panel__or{position:relative;display:flex;align-items:center;justify-content:center;margin:11px 0;color:#94a3b8;font-size:8px}.project-validasi-shp-page .shp-coordinate-panel__or:before,.project-validasi-shp-page .shp-coordinate-panel__or:after{content:"";height:1px;flex:1;background:#e7edf4}.project-validasi-shp-page .shp-coordinate-panel__or span{padding:0 8px}.project-validasi-shp-page .shp-coordinate-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-validasi-shp-page .shp-coordinate-panel__error{margin-top:9px;padding:8px 9px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:9px;line-height:1.4}.project-validasi-shp-page .shp-coordinate-panel__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;border:1px solid #2563eb;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.project-validasi-shp-page .shp-coordinate-panel__submit:hover:not(:disabled){background:#1d4ed8}.project-validasi-shp-page .shp-coordinate-panel__submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:700px){.project-validasi-shp-page .shp-coordinate-panel{top:96px;left:10px;right:10px;width:auto}.project-validasi-shp-page .shp-coordinate-panel__grid{grid-template-columns:1fr}}.project-validasi-shp-page .shp-map-card{position:relative!important;isolation:isolate!important}.project-validasi-shp-page .shp-coordinate-panel{position:absolute!important;display:block!important;top:62px!important;left:54px!important;z-index:1400!important;width:min(380px,calc(100% - 82px))!important;max-height:calc(100% - 82px)!important;overflow:auto!important;pointer-events:auto!important}.project-validasi-shp-page .shp-point-toolbar{z-index:1350!important}@media (max-width: 700px){.project-validasi-shp-page .shp-coordinate-panel{top:104px!important;left:10px!important;right:10px!important;width:auto!important}}.shp-point-overview{padding:12px;border:1px solid #dfe7f1;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff)}.shp-point-overview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shp-point-overview__head>div{display:flex;flex-direction:column;gap:2px}.shp-point-overview__head>div>span{color:#7b8a9e;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.shp-point-overview__head>div>b{color:#0f172a;font-size:12px}.shp-point-overview__status{padding:4px 7px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:8px;font-weight:800;white-space:nowrap}.shp-point-overview__status.is-found{background:#dcfce7;color:#15803d}.shp-point-overview__status.is-boundary,.shp-point-overview__status.is-boundary_multiple{background:#ffedd5;color:#c2410c}.shp-point-overview__status.is-not_found{background:#fee2e2;color:#b91c1c}.shp-point-overview__chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.shp-point-overview__chips>span{min-width:0;padding:8px 6px;border:1px solid #e4ebf3;border-radius:8px;background:#fff}.shp-point-overview__chips small{display:block;color:#7b8a9e;font-size:8px}.shp-point-overview__chips b{display:block;margin-top:2px;overflow:hidden;color:#0f172a;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.shp-point-drawer-footer{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px;border-top:1px solid #e3eaf2;background:#fffffffa;box-shadow:0 -8px 20px #0f172a0a}.shp-point-drawer-footer button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #cfdbe8;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.shp-point-drawer-footer button:hover{border-color:#93b7ec;background:#f4f8ff;color:#1d4ed8}.shp-point-drawer-footer button.is-danger:hover{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.shp-point-drawer-footer svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media (max-width:600px){.shp-point-overview__chips{grid-template-columns:repeat(2,minmax(0,1fr))}.shp-point-drawer-footer{grid-template-columns:1fr}}.project-validasi-shp-page .shp-full-extent-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:82px;left:10px;z-index:1340;width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid #d7e1ec;border-radius:8px;background:#fffffff7;color:#0f172a;box-shadow:0 2px 8px #0f172a1a;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.project-validasi-shp-page .shp-full-extent-control:hover:not(:disabled){border-color:#93b7ec;background:#eff6ff;color:#2563eb}.project-validasi-shp-page .shp-full-extent-control:disabled{opacity:.45;cursor:not-allowed}.project-validasi-shp-page .shp-full-extent-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.project-validasi-shp-page .shp-map-card .shp-full-extent-control{pointer-events:auto!important}.project-validasi-shp-page .shp-coordinate-panel__error{border:1px solid #fecaca}.project-validasi-shp-page .shp-coordinate-panel input:invalid:not(:placeholder-shown){border-color:#fca5a5}.activity-page{width:100%;max-width:1280px;color:var(--color-text)}.activity-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin:1rem 0 1.25rem}.activity-page__header h1{margin:.2rem 0 .4rem;font-size:clamp(1.55rem,2vw,2rem)}.activity-page__header p{margin:0;color:var(--color-muted)}.activity-page__header .activity-page__eyebrow{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.12em}.activity-page__filter{min-width:240px}.activity-page__project-filter{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.7rem .9rem;border-radius:9px;background:var(--color-info-bg);color:var(--color-info-text);font-size:.85rem}.activity-page__project-filter a{color:inherit;font-weight:700}.activity-card{overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.activity-list{margin:0;padding:0;list-style:none}.activity-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:.9rem;padding:1.05rem 1.2rem;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:0}.activity-item__marker{width:10px;height:10px;margin-top:.35rem;border-radius:50%;background:#64748b;box-shadow:0 0 0 4px #f1f5f9}.activity-item__marker.is-auth{background:#7c3aed}.activity-item__marker.is-project{background:#2563eb}.activity-item__marker.is-spatial{background:#0891b2}.activity-item__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.activity-item__module{display:block;margin-bottom:.15rem;color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.activity-item h2{margin:0;font-size:.98rem}.activity-item time{flex-shrink:0;color:var(--color-muted);font-size:.78rem}.activity-item p{margin:.45rem 0;color:var(--color-muted);font-size:.86rem}.activity-item__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;color:var(--color-muted);font-size:.75rem}.activity-item__meta b{color:var(--color-text)}.activity-page__state{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:4rem 1rem;color:var(--color-muted);text-align:center}.activity-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;color:var(--color-muted);font-size:.8rem}.activity-pagination>div{display:flex;align-items:center;gap:.75rem}.activity-pagination button{padding:.45rem .7rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.activity-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (max-width: 720px){.activity-page__header,.activity-pagination{align-items:stretch;flex-direction:column}.activity-page__filter{min-width:0}.activity-item__topline{flex-direction:column;gap:.35rem}}:root{--color-bg: #f5f7fa;--color-surface: #ffffff;--color-border: #d9dee5;--color-text: #1f2933;--color-muted: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success-bg: #ecfdf5;--color-success-text: #047857;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--sidebar-bg-start: #0f172a;--sidebar-bg-end: #1e2a4a;--sidebar-text: #e2e8f0;--sidebar-text-muted: #94a3b8;--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-active-bg: rgba(37, 99, 235, .22);--sidebar-active-text: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--upgrade-gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 55%, #06b6d4 100%);--app-header-height: 74px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}h1{font-size:1.5rem;margin:0 0 1.25rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-shell{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-brand{width:250px;height:72px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;box-shadow:none}.auth-brand img{max-width:100%;max-height:64px;object-fit:contain}.auth-copyright{margin:0;color:var(--color-muted);font-size:.78rem;text-align:center}.auth-legal-links{display:flex;gap:.5rem;margin-top:-.5rem;font-size:.78rem}.auth-legal-links a,.auth-legal-check a{color:var(--color-primary);text-decoration:none}.auth-legal-links a:hover,.auth-legal-check a:hover{text-decoration:underline}.auth-card .auth-legal-check{flex-direction:row;align-items:flex-start;gap:.65rem;line-height:1.45}.auth-card .auth-legal-check input{width:1rem;height:1rem;margin:.15rem 0 0;flex:0 0 auto}.legal-page{min-height:100vh;padding:2.5rem 1.25rem;background:var(--color-bg)}.legal-document{max-width:900px;margin:0 auto;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;line-height:1.65}.legal-document h1{margin-bottom:.25rem}.legal-document h2{margin:1.75rem 0 .5rem;font-size:1.15rem}.legal-document p,.legal-document li{color:#475569}.legal-document__meta{margin-top:0;color:var(--color-muted);font-size:.875rem}.legal-document__back{display:inline-block;margin-bottom:1.5rem;color:var(--color-primary);text-decoration:none}.auth-intro{margin:-.65rem 0 0;color:var(--color-muted);font-size:.9rem;line-height:1.5}.auth-forgot{margin-top:-.5rem;text-align:right;font-size:.875rem}.auth-forgot a,.auth-switch a{color:var(--color-primary);text-decoration:none}.auth-forgot a:hover,.auth-switch a:hover{text-decoration:underline}.auth-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 3px #0f172a0f}.auth-card h1{margin-bottom:0}.auth-card h1+.auth-intro{margin-top:-.65rem}.auth-card__heading{display:flex;flex-direction:column;gap:.625rem}.auth-card__heading h1,.auth-card__heading .auth-intro{margin:0}.project-access-state{max-width:680px;margin:3rem auto;padding:2rem;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 1px 3px #0f172a0f}.project-access-state h1{margin:0 0 .75rem}.project-access-state p{margin:0 0 1.5rem;color:var(--color-muted);line-height:1.6}.project-access-state .project-page__new-btn{display:inline-flex}.auth-card label{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;color:var(--color-muted)}.auth-card input{font:inherit;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text)}.auth-card input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.password-field{display:flex;flex-direction:column;gap:.375rem}.password-field>label{display:block}.password-input-wrap{position:relative}.auth-card .password-input-wrap input{width:100%;padding-right:3rem}.auth-card .password-toggle{position:absolute;top:50%;right:.5rem;width:2.25rem;height:2.25rem;padding:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--color-muted)}.auth-card .password-toggle:hover:not(:disabled){background:var(--color-info-bg);color:var(--color-primary)}.auth-card .password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.auth-card button{font:inherit;font-weight:600;padding:.65rem 1rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.auth-card button:hover:not(:disabled){background:var(--color-primary-hover)}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-secondary{font:inherit;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.auth-secondary:hover:not(:disabled){background:var(--color-bg)}.auth-secondary:disabled{opacity:.6;cursor:not-allowed}.otp-input{font-size:1.5rem;letter-spacing:.5rem;text-align:center}.auth-error{margin:0;padding:.6rem .75rem;border-radius:8px;background:var(--color-error-bg);color:var(--color-error);font-size:.875rem}.auth-flash{margin:0;padding:.6rem .75rem;border-radius:8px;background:var(--color-success-bg);color:var(--color-success-text);font-size:.875rem}.auth-switch{margin:0;font-size:.875rem;color:var(--color-muted);text-align:center}.auth-switch a{color:var(--color-primary);text-decoration:none}.auth-switch a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:row}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--app-header-height);padding:0 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__left{display:flex;align-items:center;gap:.75rem;min-width:0}.app-header__identity{display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-width:0}.app-header__brand{font-weight:700;font-size:1.1rem;line-height:1.15}.app-header__subtitle{color:var(--color-muted);font-size:.72rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.app-header__menu-toggle span{display:block;height:2px;border-radius:2px;background:var(--color-text)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar-bg-start) 0%,var(--sidebar-bg-end) 100%);color:var(--sidebar-text);z-index:40;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.sidebar--open{transform:translate(0);box-shadow:8px 0 28px #0000004d}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:30}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a8c;z-index:100;animation:confirm-fade-in .15s ease}.confirm-modal{width:100%;max-width:480px;padding:1.75rem;background:var(--color-surface);border-radius:14px;box-shadow:0 20px 50px #0f172a40;text-align:center;animation:confirm-pop-in .18s ease}.project-delete-impact{margin:-.5rem 0 1.25rem;text-align:left}.project-delete-impact p{margin:0 0 .5rem;color:var(--color-muted);font-size:.875rem}.project-delete-impact__heading{font-weight:700;color:var(--color-text)!important}.project-delete-impact ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--color-muted);font-size:.85rem;line-height:1.65}.project-delete-impact label{display:block;margin-bottom:.45rem;color:var(--color-text);font-size:.85rem;line-height:1.45}.project-delete-impact input{width:100%;min-height:42px;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:8px;font:inherit;color:var(--color-text)}.project-delete-impact input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto 1rem;border-radius:50%;background:var(--color-info-bg);color:var(--color-primary)}.confirm-modal__icon--danger{background:var(--color-error-bg);color:var(--color-error)}.confirm-modal__icon-mark{font-size:1.3rem;font-weight:700;line-height:1}.confirm-modal__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--color-text)}.confirm-modal__message{margin:0 0 1.5rem;font-size:.9rem;line-height:1.5;color:var(--color-muted)}.confirm-modal__actions{display:flex;gap:.7rem}.confirm-modal__btn{flex:1;font:inherit;font-weight:600;padding:.65rem 1rem;border:1px solid transparent;border-radius:8px;cursor:pointer}.confirm-modal__btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.confirm-modal__btn--secondary:hover:not(:disabled){background:var(--color-bg)}.confirm-modal__btn--primary{background:var(--color-primary);color:#fff}.confirm-modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.confirm-modal__btn--danger{background:var(--color-error);color:#fff}.confirm-modal__btn--danger:hover:not(:disabled){background:#b91c1c}.confirm-modal__btn:disabled{opacity:.6;cursor:not-allowed}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.sidebar__brand{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--app-header-height);height:var(--app-header-height);padding:0 1.25rem;border-bottom:1px solid var(--sidebar-border)}.sidebar__brand-mark{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;background:var(--upgrade-gradient);font-size:1.05rem;flex-shrink:0}.sidebar__brand-text{font-weight:700;font-size:1.05rem;flex:1}.sidebar__close{position:absolute;right:1rem;border:none;background:transparent;color:var(--sidebar-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1}.sidebar__close:hover{color:var(--sidebar-text)}.sidebar__nav{flex:1;padding:1rem .75rem 1.5rem;display:flex;flex-direction:column;gap:.35rem}.sidebar__section-toggle{width:100%;display:flex;align-items:center;gap:.75rem;font:inherit;font-size:.92rem;font-weight:600;padding:.7rem .75rem;border:none;border-radius:10px;background:transparent;color:var(--sidebar-text);cursor:pointer;text-align:left}.sidebar__section-toggle:hover{background:var(--sidebar-hover-bg)}.sidebar__section-toggle.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar__section-icon{width:1.05rem;height:1.05rem;margin-inline:.125rem;text-align:center;flex-shrink:0}.sidebar__section-label{flex:1}.sidebar__section-caret{width:.8rem;height:.8rem;color:var(--sidebar-text-muted);transition:transform .2s ease;flex-shrink:0}.sidebar__section-caret.is-open{transform:rotate(180deg)}.sidebar__submenu{max-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.15rem;padding-left:.5rem;transition:max-height .25s ease}.sidebar__submenu.is-open{max-height:20rem;padding-top:.35rem;padding-bottom:.25rem}.sidebar__subitem{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem .55rem 1.4rem;border-radius:8px;font-size:.85rem;color:var(--sidebar-text-muted);text-decoration:none}.sidebar__subitem:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar__subitem.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.sidebar__subitem i{font-size:.95rem;width:1.1rem;text-align:center;flex-shrink:0}.sidebar__section--highlight{margin-top:.5rem;padding-top:.85rem;border-top:1px solid var(--sidebar-border)}.sidebar__section--highlight .sidebar__section-toggle{background:var(--upgrade-gradient);color:#fff;box-shadow:0 4px 16px #2563eb59}.sidebar__section--highlight .sidebar__section-toggle:hover{filter:brightness(1.08)}.sidebar__section--highlight .sidebar__section-caret{color:#ffffffd9}@media (min-width: 960px){.sidebar{position:sticky;top:0;height:100vh;transform:none;flex-shrink:0;box-shadow:none}.sidebar-backdrop,.sidebar__close,.app-header__menu-toggle{display:none}}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:.6rem;font:inherit;padding:.3rem .6rem .3rem .3rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text);cursor:pointer}.user-menu__trigger:hover{background:var(--color-bg);border-color:var(--color-border)}.user-menu__avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.user-menu__name{font-size:.9rem;font-weight:500;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__caret{font-size:.65rem;color:var(--color-muted)}.user-menu__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;display:flex;flex-direction:column;padding:.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0f172a1f;z-index:20}.user-menu__item{font:inherit;text-align:left;padding:.55rem .7rem;border:none;border-radius:6px;background:transparent;color:var(--color-text);cursor:pointer}.user-menu__item:hover{background:var(--color-bg)}.user-menu__item--danger{color:var(--color-error)}.app-body{flex:1;padding:2rem 1.5rem;margin:0 auto;width:100%}.app-body--focused{max-width:1200px}.app-body--wide{max-width:1800px;padding-inline:clamp(1.5rem,2vw,2.5rem)}.app-body--workspace{max-width:none;padding-inline:clamp(1.25rem,1.75vw,2.25rem)}@media (min-width: 2200px){.app-body--wide{max-width:2100px}}@media (max-width: 900px){.app-body,.app-body--wide,.app-body--workspace{padding:1.25rem 1rem}}.app-footer{padding:1.25rem 1.5rem;text-align:center;border-top:1px solid var(--color-border);background:var(--color-surface)}.app-footer p{margin:0;font-size:.8rem;color:var(--color-muted)}.app-footer p+p{margin-top:.25rem}.app-footer__muted{opacity:.85}.app-footer__legal a{color:var(--color-primary);text-decoration:none}.app-footer__legal a:hover{text-decoration:underline}.app-footer__credit{opacity:.65;font-size:.72rem!important}.app-footer__credit a{color:inherit}.coming-soon{max-width:480px}.coming-soon__badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem}.coming-soon p{color:var(--color-muted);line-height:1.6}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-muted)}.profile-page{width:100%;max-width:720px}.profile-badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--color-success-bg);color:var(--color-success-text);font-size:.75rem;font-weight:600;vertical-align:middle}.profile-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.profile-card{padding:1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.profile-card__heading h2{margin:0 0 .3rem;color:var(--color-text);font-size:1.05rem}.profile-card__heading p{margin:0;color:var(--color-muted);font-size:.82rem}.profile-form label{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;color:var(--color-muted)}.profile-form input{font:inherit;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text)}.profile-form input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.profile-form button{align-self:flex-start;font:inherit;font-weight:600;padding:.65rem 1.25rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.profile-form button:hover:not(:disabled){background:var(--color-primary-hover)}.profile-form button:disabled{opacity:.6;cursor:not-allowed}.profile-summary{display:grid;gap:.5rem;margin:1.5rem 0}.profile-summary div{display:flex;gap:.5rem}.profile-summary dt{color:var(--color-muted);min-width:90px}.profile-summary dd{margin:0;font-weight:500}.kbli-page{max-width:1100px}.kbli-source-note{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 1rem;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-size:.82rem;line-height:1.5}.kbli-source-note i{margin-top:.15rem;flex-shrink:0}.kbli-search-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin:1.25rem 0}.kbli-search-card h2{margin:0 0 .25rem;font-size:1.1rem}.kbli-search-card__hint{margin:0 0 1.25rem;color:var(--color-muted);font-size:.875rem}.kbli-search-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch}.kbli-search-input{flex:1 1 240px;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);min-height:58px;box-sizing:border-box}.kbli-search-input i{color:var(--color-muted)}.kbli-search-input input{flex:1;min-width:0;border:none;background:transparent;font:inherit;outline:none;color:var(--color-text)}.kbli-filter{display:flex;flex-direction:column;gap:.3rem;font-size:.7rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.kbli-filter--boxed{min-width:150px;min-height:58px;justify-content:center;gap:.1rem;padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-sizing:border-box}.kbli-filter--boxed>span{color:var(--color-muted);font-size:.65rem;font-weight:700;line-height:1.1}.kbli-filter select{font:inherit;text-transform:none;letter-spacing:normal;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.kbli-filter--boxed select{width:100%;padding:.1rem 1.6rem .1rem 0;border:0;border-radius:0;outline:none;background-color:transparent;font-weight:600}.kbli-filter-dropdown{position:relative;flex:0 0 160px;min-width:150px}.kbli-filter-dropdown--wide{flex-basis:240px;min-width:220px}.kbli-filter-dropdown__trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}.kbli-filter-dropdown__trigger:hover,.kbli-filter-dropdown__trigger:focus-visible{border-color:#c5cedb;background:var(--color-surface)}.kbli-filter-dropdown__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 24%,transparent);outline-offset:2px}.kbli-filter-dropdown__copy{min-width:0;display:flex;flex-direction:column;gap:.15rem}.kbli-filter-dropdown__copy small{color:var(--color-muted);font-size:.65rem;font-weight:700;line-height:1;letter-spacing:.03em;text-transform:uppercase}.kbli-filter-dropdown__copy b{overflow:hidden;color:var(--color-text);font-size:.86rem;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.kbli-filter-dropdown__chevron{flex-shrink:0;transition:transform .2s ease}.kbli-filter-dropdown__chevron.is-open{transform:rotate(180deg)}.kbli-filter-dropdown__menu{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:85;display:flex;flex-direction:column;gap:.15rem;min-width:100%;padding:.45rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 14px 30px #0f172a24}.kbli-filter-dropdown__option{width:100%;min-height:0;padding:.6rem .7rem;border:0;border-radius:8px;background:transparent;color:var(--color-text);font:inherit;font-size:.88rem;font-weight:400;text-align:left;cursor:pointer}.kbli-filter-dropdown__option:hover,.kbli-filter-dropdown__option:focus-visible,.kbli-filter-dropdown__option.is-selected{background:var(--color-bg);color:var(--color-text)}.kbli-filter-dropdown__option:focus-visible{outline:none}.kbli-search-submit{font:inherit;font-weight:600;padding:.6rem 1.4rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer;min-height:58px;height:auto}.kbli-search-submit:hover:not(:disabled){background:var(--color-primary-hover)}.kbli-search-submit:disabled{opacity:.6;cursor:not-allowed}.kbli-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.1rem}.kbli-chips__label{font-size:.75rem;color:var(--color-muted)}.kbli-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:.78rem;color:var(--color-text);font-weight:500}.kbli-result-count{color:var(--color-muted);font-size:.85rem;margin:0 0 .75rem}.kbli-result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.kbli-result-row{width:100%;display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer;text-align:left;font:inherit}.kbli-result-row:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #2563eb1a}.kbli-result-row__badge{display:flex;flex-direction:column;align-items:center;min-width:4.5rem;padding:.35rem .5rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,white);flex-shrink:0}.kbli-result-row__kode{font-weight:700;font-size:.95rem;color:var(--color-primary)}.kbli-result-row__level{font-size:.65rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.02em}.kbli-result-row__judul{flex:1;font-size:.92rem}.kbli-result-row--root{min-height:66px}.kbli-result-row__root-code{width:2rem;flex-shrink:0;color:var(--color-primary);font-size:1rem;font-weight:800;text-align:center}.kbli-result-row--root .kbli-result-row__judul{font-weight:650}.kbli-result-row__arrow{color:var(--color-muted);transform:rotate(-90deg);flex-shrink:0}.kbli-result-row--static{cursor:default}.kbli-result-row--static:hover{border-color:var(--color-border);box-shadow:none}.kbli-result-row__zona{display:block;margin-top:.2rem;font-size:.78rem;color:var(--color-muted);font-weight:400}.kbli-empty,.kbli-empty-inline{color:var(--color-muted);font-size:.9rem}.kbli-loading{color:var(--color-muted);padding:2rem 0}.kbli-load-more{margin-top:1rem}.kbli-breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.8rem;color:var(--color-muted);margin-bottom:.5rem}.kbli-breadcrumb a{color:var(--color-primary);text-decoration:none}.kbli-breadcrumb a:hover{text-decoration:underline}.kbli-breadcrumb__current{color:var(--color-text);font-weight:500}.kbli-detail-card{display:flex;align-items:center;gap:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin:1rem 0 1.25rem;position:relative;overflow:hidden}.kbli-detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--upgrade-gradient)}.kbli-detail-card__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:6.5rem;padding:.75rem .5rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent);background:color-mix(in srgb,var(--color-primary) 9%,white);flex-shrink:0}.kbli-detail-card__badge-label{font-size:.7rem;font-weight:700;color:var(--color-primary);letter-spacing:.02em}.kbli-detail-card__badge-kode{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.kbli-detail-card__level{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem}.kbli-detail-card__judul{margin:0;font-size:1.2rem}.kbli-detail-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}@media (min-width: 640px){.kbli-detail-grid{grid-template-columns:1fr 1fr;align-items:start}}.kbli-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.kbli-detail-grid .kbli-info-card{margin-bottom:0}.kbli-info-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem}.kbli-info-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .25rem}.kbli-info-card__header h3{margin:0}.kbli-info-card__subheading{margin-top:1.25rem!important}.project-detail__deskripsi{white-space:pre-line}.icon-pen{width:1em;height:1em;flex-shrink:0}.project-detail__tools{display:flex;flex-wrap:wrap;gap:.75rem}.kbli-info-card__hint{margin:0 0 1rem;color:var(--color-muted);font-size:.8rem}.kbli-info-card p.kbli-info-card__hint{margin:0 0 1.25rem}.kbli-info-card p{margin:0;line-height:1.6;color:var(--color-text);font-size:.9rem}.kbli-hierarchy{list-style:none;margin:0;padding:0}.kbli-hierarchy__item{position:relative;display:flex;gap:.85rem;padding-bottom:1.25rem;padding-left:.1rem}.kbli-hierarchy__item:not(:last-child):before{content:"";position:absolute;left:5px;top:1rem;bottom:-.25rem;width:2px;background:var(--color-border)}.kbli-hierarchy__node{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-surface);margin-top:.2rem;flex-shrink:0}.kbli-hierarchy__item.is-current .kbli-hierarchy__node{background:var(--color-primary)}.kbli-hierarchy__body{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);text-decoration:none}.kbli-hierarchy__body:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.kbli-hierarchy__kode{font-size:.75rem;font-weight:700;color:var(--color-primary)}.kbli-hierarchy__judul{font-size:.85rem;color:var(--color-text)}.kbli-hierarchy__item.is-current .kbli-hierarchy__judul{font-weight:600}.kbli-hierarchy__item.is-current .kbli-hierarchy__body{border-color:color-mix(in srgb,var(--color-primary) 38%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,white)}.kbli-hierarchy__current-label{color:var(--color-primary);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.kbli-hierarchy__children-label{display:flex;align-items:center;gap:.45rem;margin:-.2rem 0 .8rem 1.75rem;color:var(--color-muted);font-size:.68rem;font-weight:700;letter-spacing:.05em;list-style:none;text-transform:uppercase}.kbli-hierarchy__children-label b{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;border-radius:999px;background:var(--color-bg);color:var(--color-text);font-size:.65rem}.kbli-hierarchy__item.is-child .kbli-hierarchy__node{border-color:#cbd5e1}.kbli-crosswalk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.kbli-crosswalk-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px}.kbli-crosswalk-row__kode{font-weight:700}.kbli-crosswalk-row__ket{flex-basis:100%;margin:0;color:var(--color-muted);font-size:.82rem}.project-page__header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.project-page__new-btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;padding:.6rem 1.1rem;border-radius:8px;background:var(--color-primary);color:#fff;text-decoration:none;white-space:nowrap}.project-page__new-btn:hover{background:var(--color-primary-hover)}.project-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;margin-top:1.25rem;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-muted);text-align:center}.project-empty i{font-size:1.75rem;color:var(--color-muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.3rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:var(--color-bg);color:var(--color-muted)}.status-badge--proses{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge--final{background:var(--color-success-bg);color:var(--color-success-text)}.project-row{gap:1.1rem}.project-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.project-row__nama{font-weight:600;font-size:.95rem}.project-row__meta{font-size:.8rem;color:var(--color-muted)}.project-row__side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.project-row__progress{flex:0 1 230px;min-width:170px;margin-left:auto;display:flex;flex-direction:column;gap:.35rem}.project-row__progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.project-row__progress-head small{color:var(--color-muted);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.project-row__progress-head strong{color:var(--color-text);font-size:.88rem;font-weight:700}.project-row__progress-track{display:block;width:100%;height:7px;overflow:hidden;border-radius:999px;background:#edf1f6}.project-row__progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#4f7ff1)}.project-row__progress-attention{align-self:flex-end;color:#c2410c;font-size:.68rem;font-weight:600}.project-row__updated{font-size:.78rem;color:var(--color-muted);white-space:nowrap;flex-shrink:0}@media (max-width: 760px){.project-row{flex-wrap:wrap}.project-row__body{flex-basis:calc(100% - 3rem)}.project-row__progress{order:3;flex:1 1 100%;min-width:0;margin-left:0}.project-row__side{order:2}}.project-menu{position:relative;flex-shrink:0}.project-menu__trigger{display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer}.project-menu__trigger:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border)}.project-menu__trigger:disabled{opacity:.5;cursor:not-allowed}.project-menu__dots{display:flex;flex-direction:column;align-items:center;gap:.2rem}.project-menu__dots span{width:.28rem;height:.28rem;border-radius:50%;background:var(--color-muted)}.project-menu__dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:160px;display:flex;flex-direction:column;padding:.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0f172a1f;z-index:5}.project-menu__item{font:inherit;text-align:left;padding:.55rem .7rem;border:none;border-radius:6px;background:transparent;color:var(--color-text);cursor:pointer}.project-menu__item:hover{background:var(--color-bg)}.project-menu__item--danger{color:var(--color-error)}.project-form-page{max-width:780px}.project-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.project-detail-header h1{margin:0}.project-detail-header__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.project-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.project-form .kbli-search-card{margin:0;display:flex;flex-direction:column;gap:1rem}.project-form label{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;color:var(--color-muted)}.project-form input,.project-form select,.project-form textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface)}.project-form textarea{resize:vertical;min-height:4.5rem}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.project-form__optional{font-weight:400;color:var(--color-muted)}.project-form__row{display:flex;flex-wrap:wrap;gap:1rem}.project-form__row label{flex:1 1 180px}.project-form__row .project-form__dropdown{flex:1 1 220px;min-width:200px}.project-form__dropdown .kbli-filter-dropdown__trigger{min-height:62px}.project-form__dropdown .kbli-filter-dropdown__menu{min-width:100%}.project-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.project-form__actions button{font:inherit}.project-form__actions>button[type=submit]{font-weight:600;padding:.65rem 1.4rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.project-form__actions>button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.project-form__actions>button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.project-form__delete{margin-left:auto;padding:.65rem 1.1rem;border:1px solid var(--color-error);border-radius:8px;background:var(--color-error-bg);color:var(--color-error);cursor:pointer;font-weight:600}.project-form__delete:hover:not(:disabled){background:var(--color-error);color:#fff}.project-form__delete:disabled{opacity:.6;cursor:not-allowed}.wilayah-picker{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.wilayah-picker.is-disabled{opacity:.7}.wilayah-picker__row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.wilayah-picker__label{flex:0 0 8.5rem;font-size:.8rem;color:var(--color-muted)}.wilayah-picker__row select{flex:1 1 220px;font:inherit;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.wilayah-picker__row select:disabled{background:var(--color-bg);color:var(--color-muted)}.wilayah-picker__add{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.82rem;font-weight:600;padding:.5rem .8rem;border:1px solid var(--color-primary);border-radius:8px;background:var(--color-surface);color:var(--color-primary);cursor:pointer;white-space:nowrap}.wilayah-picker__add:hover:not(:disabled){background:var(--color-primary);color:#fff}.wilayah-picker__add:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);color:var(--color-muted)}.wilayah-picker__chips{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--color-border)}.wilayah-picker__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .7rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:.8rem;color:var(--color-text)}.wilayah-picker__chip-level{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--color-muted)}.wilayah-picker__chip button{display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border:none;border-radius:50%;background:transparent;color:var(--color-muted);cursor:pointer;font-size:.7rem}.wilayah-picker__chip button:hover{background:var(--color-error-bg);color:var(--color-error)}.kbli-padanan-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.kbli-padanan-row__codes{display:flex;align-items:center;gap:.6rem}.kbli-padanan-row__arrow{color:var(--color-muted);transform:rotate(-90deg);flex-shrink:0}.kbli-padanan-row__kode{display:flex;flex-direction:column;align-items:center;min-width:4.5rem;padding:.35rem .6rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,white);color:var(--color-primary);font-weight:700;font-size:.95rem;text-decoration:none}.kbli-padanan-row__kode:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset}.kbli-padanan-row__kode--empty{border-color:var(--color-border);background:var(--color-bg);color:var(--color-muted);font-weight:400;cursor:default}.kbli-padanan-row__edisi{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.8}.legend-editor__profile-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin:.75rem 0 0;padding-bottom:.75rem;border-bottom:1px dashed var(--color-border)}.legend-editor__profile-apply{display:flex;align-items:center;gap:.5rem}.legend-editor__profile-apply select{font:inherit;font-size:.85rem;padding:.45rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);max-width:220px}.legend-editor__profile-save-form{display:flex;align-items:center;gap:.4rem}.legend-editor__profile-save-form input{font:inherit;font-size:.85rem;padding:.45rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);min-width:200px}.legend-profile-form__nama-field{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;color:var(--color-muted);margin-bottom:1.1rem}.legend-profile-form__nama-field input{font:inherit;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface)}.legend-editor__list.legend-profile-form__rows{margin-bottom:1rem}.legend-profile-form__add-token{min-height:44px;margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem}.legend-profile-form__actions{margin-top:1.5rem}.legend-profile-form__actions>button{min-height:44px;padding:0 1.25rem;border-radius:8px;font-size:.9rem;line-height:1}.legend-profile-form__actions>button[type=submit]{padding:0 1.4rem}.legend-editor__presets{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 0}.legend-editor__presets-label{font-size:.8rem;color:var(--color-muted)}.legend-editor__preset-btn{font:inherit;font-weight:700;min-width:2.25rem;padding:.3rem .65rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-primary);cursor:pointer}.legend-editor__preset-btn:hover{background:var(--color-bg);border-color:var(--color-primary)}.legend-editor__preset-btn:disabled{opacity:.6;cursor:not-allowed}.legend-editor__presets-source{flex-basis:100%;font-size:.75rem;color:var(--color-muted)}.legend-editor__form{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1rem}.legend-editor__token-input{flex:0 1 140px;font:inherit;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);text-transform:uppercase}.legend-editor__desc-input{flex:1 1 260px;width:100%;font:inherit;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);box-sizing:border-box}.legend-editor__form button{font:inherit;font-weight:600;padding:.55rem 1.1rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.legend-editor__form button:disabled{opacity:.6;cursor:not-allowed}.legend-editor__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.legend-editor__card{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.legend-editor__card-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.legend-editor__card-actions{display:flex;gap:.4rem;flex-shrink:0}.legend-editor__card-row2{width:100%}.legend-editor__badge{min-width:2.75rem;padding:.2rem .5rem;text-align:center;border-radius:6px;background:var(--color-error-bg);color:var(--color-error);font-weight:700;font-size:.85rem;flex-shrink:0}.legend-editor__desc{display:block;width:100%;font-size:.9rem}.legend-editor__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;font-size:.95rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.legend-editor__icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.legend-editor__icon-btn--danger:hover{border-color:var(--color-error);color:var(--color-error)}.legend-editor__text-btn{font:inherit;font-size:.8rem;font-weight:600;padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.legend-editor__text-btn:hover{border-color:var(--color-primary)}.legend-editor__text-btn--danger:hover{border-color:var(--color-error);color:var(--color-error)}.picker__search-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1rem}.picker__search-input{flex:1 1 260px}.picker__stat{font-size:.8rem;color:var(--color-muted);white-space:nowrap}.picker__search-row button{font:inherit;font-weight:600;padding:.55rem 1.1rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer;min-height:58px;height:58px;align-self:stretch}.picker__search-row button:disabled{opacity:.6;cursor:not-allowed}.picker__groups{display:flex;flex-direction:column;gap:.9rem;max-height:420px;overflow-y:auto;padding-right:.25rem}.picker__group{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;flex-shrink:0}.picker__group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg);font-weight:600;font-size:.85rem;cursor:pointer;flex-shrink:0}.picker__group-items{display:flex;flex-direction:column}.picker__group-items--kbli{max-height:420px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem}.picker__item{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;font-size:.85rem;cursor:pointer;border-top:1px solid var(--color-border);flex-shrink:0}.picker__group-items>.picker__item:first-child{border-top:none}.picker__item:hover{background:var(--color-bg)}.picker__item.is-pending{opacity:.55;cursor:wait}.picker__item-kode{font-weight:700;min-width:3.5rem;color:var(--color-error);flex-shrink:0}.matrix-grid__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0 1rem}.matrix-grid__search{flex:1 1 260px}.matrix-grid__stat{font-size:.8rem;color:var(--color-muted);white-space:nowrap}.matrix-grid__wrap{border:1px solid var(--color-border);border-radius:10px;overflow:auto;max-height:65vh}table.matrix-grid{border-collapse:separate;border-spacing:0;font-size:.8rem;width:max-content;min-width:100%}table.matrix-grid th,table.matrix-grid td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap}table.matrix-grid thead th{position:sticky;background:var(--color-bg);font-weight:600;font-size:.72rem;padding:.4rem .6rem;text-align:center;z-index:2}table.matrix-grid thead tr:first-child th{top:0}table.matrix-grid thead tr:nth-child(2) th{top:29px}table.matrix-grid thead th.matrix-grid__colhead{position:sticky;left:0;z-index:3;text-align:left;background:var(--color-bg)}table.matrix-grid thead th.matrix-grid__colhead--kegiatan{left:90px}.matrix-grid__zonahead{background:var(--color-bg)}table.matrix-grid tbody td.matrix-grid__kode,table.matrix-grid tbody td.matrix-grid__kegiatan{position:sticky;background:var(--color-surface);padding:.45rem .6rem;white-space:normal}table.matrix-grid tbody td.matrix-grid__kode{left:0;z-index:1;font-weight:600;width:90px}table.matrix-grid tbody td.matrix-grid__kegiatan{left:90px;z-index:1;min-width:240px;max-width:320px;line-height:1.3}table.matrix-grid tbody tr:nth-child(2n) td.matrix-grid__kode,table.matrix-grid tbody tr:nth-child(2n) td.matrix-grid__kegiatan{background:var(--color-bg)}.matrix-grid__cell{padding:0}.matrix-grid__empty{padding:1.5rem;text-align:center;color:var(--color-muted)}.matrix-grid__cell-btn{width:100%;min-width:4.5rem;min-height:2rem;border:none;background:transparent;cursor:pointer;font:inherit;font-weight:600;font-size:.75rem;padding:.4rem .5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;position:relative}.matrix-grid__cell-btn:hover{filter:brightness(.96)}.matrix-grid__cell-btn--ok{background:var(--color-success-bg);color:var(--color-success-text)}.matrix-grid__cell-btn--limited{background:#fbeac0;color:#7a5305}.matrix-grid__cell-btn--cond{background:var(--color-info-bg);color:var(--color-info-text)}.matrix-grid__cell-btn--mixed{background:#e7def2;color:#4b2e7a}.matrix-grid__cell-btn--no{background:var(--color-error-bg);color:var(--color-error)}.matrix-grid__cell-btn--blank{background:transparent;color:var(--color-muted)}.matrix-grid__note-dot{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.matrix-cell-editor__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.matrix-cell-editor{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 50px #0f172a40;padding:1.25rem;width:380px;max-width:100%;max-height:85vh;overflow-y:auto}.matrix-cell-editor__title{font-size:.85rem;font-weight:600;margin-bottom:.75rem}.matrix-cell-editor__zona{font-weight:400;color:var(--color-muted);font-size:.78rem;margin-top:.15rem}.matrix-cell-editor__tokens{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.75rem}.matrix-cell-editor__tok{font:inherit;font-weight:700;padding:.4rem .3rem;border:1px solid var(--color-border);border-radius:7px;background:var(--color-bg);color:var(--color-text);cursor:pointer;text-align:center}.matrix-cell-editor__tok.is-active{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-info-bg);color:var(--color-info-text)}.matrix-cell-editor__tok:disabled:not(.is-active){opacity:.42;cursor:not-allowed}.matrix-cell-editor__token-hint{margin:-.25rem 0 .75rem;color:var(--color-muted);font-size:.72rem;line-height:1.45}.matrix-cell-editor__defs{list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-muted);display:flex;flex-direction:column;gap:.35rem}.matrix-cell-editor__defs b{color:var(--color-text)}.matrix-cell-editor__catatan{width:100%;font:inherit;font-size:.8rem;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:7px;background:var(--color-bg);color:var(--color-text);resize:vertical;min-height:3rem;margin-bottom:.9rem}.matrix-cell-editor__actions{display:flex;align-items:center;gap:.5rem}.matrix-cell-editor__actions>button{min-height:44px;padding:0 1rem;border-radius:8px;font-size:.9rem;line-height:1}.matrix-cell-editor__spacer{flex:1}.matrix-cell-editor__actions button[type=button].legend-editor__text-btn{white-space:nowrap}.matrix-cell-editor__actions>button:last-child{font:inherit;font-weight:600;padding:0 1.25rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.matrix-cell-editor__actions>button:last-child:disabled{opacity:.6;cursor:not-allowed}.account-usage-page{display:flex;flex-direction:column;gap:1.25rem}.account-usage-page h1,.account-usage-page h2,.account-usage-page h3,.account-usage-page p{margin-top:0}.account-usage-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:18px;background:linear-gradient(135deg,#111c35,#163b78 60%,#087fa7);color:#fff;box-shadow:0 14px 35px #0f172a1f}.account-usage-hero>div:first-child{max-width:760px;position:relative;z-index:1}.account-usage-hero h1{margin:.55rem 0 .7rem;font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1.2}.account-usage-hero p{margin-bottom:0;color:#dbeafe;font-size:.95rem;line-height:1.7}.account-usage-eyebrow,.account-usage-kicker{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.11em}.account-usage-eyebrow{color:#67e8f9}.account-usage-hero__mark{flex:0 0 auto;width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#ffffff1a;font-size:2.3rem}.account-usage-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1.25rem}.account-usage-card{padding:1.5rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 3px 12px #0f172a09}.account-usage-card h2,.account-usage-plan h2{margin:.35rem 0 1rem;font-size:1.15rem}.account-usage-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.account-usage-status{padding:.35rem .7rem;border-radius:999px;background:var(--color-success-bg);color:var(--color-success-text);font-size:.7rem;font-weight:800;letter-spacing:.06em}.account-usage-metric{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.2rem 1rem;padding:1rem 1.1rem;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.account-usage-metric>span{color:#475569;font-size:.88rem;font-weight:650}.account-usage-metric strong{grid-row:span 2;font-size:2rem;line-height:1;color:#0f172a}.account-usage-metric small{color:var(--color-muted);font-size:.75rem;line-height:1.45}.account-usage-note{display:flex;gap:.65rem;align-items:flex-start;margin-top:1rem;padding:.8rem 1rem;border-radius:10px;background:var(--color-info-bg);color:var(--color-info-text)}.account-usage-note svg{flex:0 0 auto;margin-top:.15rem}.account-usage-note p{margin:0;font-size:.8rem;line-height:1.5}.account-usage-limits{margin:0}.account-usage-limits>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e9eef5}.account-usage-limits dt{color:var(--color-muted);font-size:.82rem}.account-usage-limits dd{margin:0;color:#334155;font-size:.8rem;font-weight:700;text-align:right}.account-usage-card__foot{margin:1rem 0 0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.account-usage-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.account-usage-feature{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;border:1px solid #e3eaf3;border-radius:12px}.account-usage-feature.is-muted{background:#f8fafc}.account-usage-feature__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--color-info-bg);color:var(--color-primary);font-size:1.15rem}.account-usage-feature h3{margin:0 0 .25rem;font-size:.9rem}.account-usage-feature p{margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.45}.account-usage-feature__status{padding:.3rem .55rem;border-radius:999px;background:var(--color-success-bg);color:var(--color-success-text);font-size:.67rem;font-weight:750;white-space:nowrap}.account-usage-feature.is-muted .account-usage-feature__status{background:#e8edf4;color:#64748b}.account-usage-plan{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;border:1px solid #cfe0fa;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef7ff)}.account-usage-plan h2{margin-bottom:.4rem}.account-usage-plan p{max-width:760px;margin-bottom:0;color:var(--color-muted);font-size:.85rem;line-height:1.6}.account-usage-plan__badge{flex:0 0 auto;padding:.6rem .85rem;border:1px solid #bfdbfe;border-radius:999px;background:#fff;color:var(--color-primary);font-size:.7rem;font-weight:800;letter-spacing:.06em}@media (max-width: 850px){.account-usage-grid,.account-usage-feature-grid{grid-template-columns:1fr}.account-usage-hero__mark{display:none}.account-usage-plan{align-items:flex-start;flex-direction:column;gap:1rem}}.matrix-grid__toolbar-spacer{flex:1}.matrix-grid__toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.85rem}.matrix-import-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.matrix-import-modal{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 50px #0f172a40;width:560px;max-width:100%;max-height:88vh;display:flex;flex-direction:column}.matrix-import-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .75rem;border-bottom:1px solid var(--color-border)}.matrix-import-modal__header h2{margin:0;font-size:1.05rem}.matrix-import-modal__body{padding:1.1rem 1.25rem 1.25rem;overflow-y:auto}.matrix-import-modal__file-input{display:block;width:100%;font:inherit;font-size:.85rem;padding:.5rem .6rem;border:1px dashed var(--color-border);border-radius:8px;background:var(--color-bg);margin:.75rem 0 1rem;box-sizing:border-box}.matrix-import-modal__actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.matrix-import-modal__actions>button{min-height:44px;padding:0 1rem;border-radius:8px;font:inherit;font-size:.9rem;line-height:1}.matrix-import-modal__actions>button:last-child{font-weight:600;padding:0 1.25rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer}.matrix-import-modal__actions>button:last-child:disabled{opacity:.6;cursor:not-allowed}.matrix-import-modal__filename{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-muted);margin:0 0 .9rem}.matrix-import-modal__summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.matrix-import-modal__summary-item{font-size:.78rem;font-weight:600;padding:.3rem .6rem;border-radius:999px;background:var(--color-bg);color:var(--color-muted)}.matrix-import-modal__summary-item--add{background:var(--color-success-bg);color:var(--color-success-text)}.matrix-import-modal__summary-item--change{background:var(--color-info-bg);color:var(--color-info-text)}.matrix-import-modal__summary-item--clear{background:#fbeac0;color:#7a5305}.matrix-import-modal__note{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;border-radius:8px;font-size:.8rem;margin-bottom:.9rem}.matrix-import-modal__note p{margin:0 0 .3rem}.matrix-import-modal__note p:last-child{margin-bottom:0}.matrix-import-modal__note i{margin-top:.15rem;flex-shrink:0}.matrix-import-modal__note--info{background:var(--color-info-bg);color:var(--color-info-text)}.matrix-import-modal__note--warn{background:#fbeac0;color:#7a5305}.matrix-import-modal__note--success{background:var(--color-success-bg);color:var(--color-success-text);align-items:center}.matrix-import-modal__note--success p{margin:0}.matrix-import-modal__detail-wrap{border:1px solid var(--color-border);border-radius:8px;max-height:260px;overflow:auto;margin-bottom:.5rem}table.matrix-import-modal__detail{width:100%;border-collapse:collapse;font-size:.75rem}table.matrix-import-modal__detail th,table.matrix-import-modal__detail td{padding:.4rem .55rem;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}table.matrix-import-modal__detail thead th{position:sticky;top:0;background:var(--color-bg);font-weight:600}.matrix-import-modal__aksi{display:inline-block;font-weight:600;font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:var(--color-bg);color:var(--color-muted)}.matrix-import-modal__aksi--tambah{background:var(--color-success-bg);color:var(--color-success-text)}.matrix-import-modal__aksi--ubah{background:var(--color-info-bg);color:var(--color-info-text)}.matrix-import-modal__aksi--kosongkan{background:#fbeac0;color:#7a5305}.matrix-import-modal__aksi--sama{opacity:.7}.matrix-import-modal__truncated-note{font-size:.75rem;color:var(--color-muted);margin:.5rem 0 0}.matrix-import-modal__result-list{margin:0;padding-left:1.1rem;font-size:.85rem;display:flex;flex-direction:column;gap:.35rem}.matriks-itbx-page{max-width:none;width:100%}.matriks-itbx-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.matriks-itbx-page__config-btn{flex-shrink:0;white-space:nowrap}.itbx-config-menu{position:relative;flex-shrink:0}.itbx-config-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.itbx-config-menu__chevron{font-size:.7rem;transition:transform .2s ease}.itbx-config-menu__chevron.is-open{transform:rotate(180deg)}.itbx-config-menu__list{position:absolute;top:calc(100% + .4rem);right:0;z-index:80;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 12px 28px #0f172a24;padding:.4rem;display:flex;flex-direction:column;gap:.15rem}.itbx-config-menu__item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--color-text);font-size:.9rem;padding:.55rem .7rem;border-radius:7px;cursor:pointer}.itbx-config-menu__item:hover,.itbx-config-menu__item:focus-visible{background:var(--color-bg)}.itbx-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.itbx-drawer__overlay.is-open{opacity:1;pointer-events:auto}.itbx-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:var(--color-bg);box-shadow:-12px 0 32px #0f172a2e;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.itbx-drawer.is-open{transform:translate(0)}.itbx-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.itbx-drawer__header h2{display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.05rem}.itbx-drawer__header h2 svg{width:1.1rem;height:1.1rem;color:var(--color-primary)}.itbx-drawer__close{border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:.3rem;border-radius:6px}.itbx-drawer__close:hover{background:var(--color-bg);color:var(--color-text)}.itbx-drawer__hint{margin:0;padding:.85rem 1.25rem 0;font-size:.78rem;color:var(--color-muted);flex-shrink:0}.itbx-drawer__body{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.5rem}.itbx-drawer__body .kbli-info-card{margin-bottom:1rem}.itbx-drawer__body .picker__groups,.itbx-drawer__body .picker__group-items--kbli{max-height:clamp(280px,calc(100vh - 390px),680px)}@media (max-width: 640px){.matriks-itbx-page__header{flex-direction:column}.matriks-itbx-page__config-btn,.itbx-config-menu{align-self:flex-start}.itbx-config-menu__list{right:auto;left:0}}.ketentuan-page__layout{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.ketentuan-page__nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.4rem;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem}.ketentuan-page__nav-search{width:100%;flex-basis:100%;font:inherit;padding:.5rem .7rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface);margin-bottom:.15rem}.ketentuan-page__nav-item{display:flex;align-items:baseline;gap:.4rem;min-width:0;max-width:100%;font:inherit;text-align:left;padding:.4rem .65rem;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer;line-height:1.3}.ketentuan-page__nav-item:hover{background:var(--color-bg)}.ketentuan-page__nav-item.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ketentuan-page__nav-item-kode{flex-shrink:0;font-weight:600}.ketentuan-page__nav-item-nama{min-width:0;flex:1;font-weight:400;font-size:.85rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ketentuan-page__nav-empty{margin:0;padding:.25rem .4rem;font-size:.8rem;color:var(--color-muted)}.ketentuan-page__main{display:flex;flex-direction:column;gap:1.25rem;flex:1;min-width:0;width:100%}@media (min-width: 860px){.ketentuan-page__layout{flex-direction:row}.ketentuan-page__nav{flex-direction:column;flex-wrap:nowrap;width:240px;flex-shrink:0;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}.ketentuan-page__nav-item-nama{max-width:none}}.app-body{padding-left:var(--dpbz-page-gutter);padding-right:var(--dpbz-page-gutter)}.kbli-page,.project-page,.project-detail-page{margin-left:0;margin-right:auto}.kbli-page:not(.project-matriks-itbx-page):not(.project-validasi-shp-page),.project-page,.project-detail-page{width:100%;max-width:var(--dpbz-page-focused-max)}.kbli-page.project-matriks-itbx-page{width:100%;max-width:var(--dpbz-page-wide-max);margin-left:0;margin-right:auto}.kbli-breadcrumb,.project-detail-header{margin-left:0}@media (max-width: 900px){:root{--dpbz-page-gutter: 16px}}:root{--dpbz-page-gutter: clamp(24px, 2vw, 48px);--dpbz-page-focused-max: 1280px;--dpbz-page-wide-max: 1800px}.app-body,.app-body--focused,.app-body--wide,.app-body--workspace{width:100%;max-width:none;min-width:0;margin:0;box-sizing:border-box;padding-left:var(--dpbz-page-gutter);padding-right:var(--dpbz-page-gutter)}.kbli-page{width:100%;max-width:var(--dpbz-page-focused-max);margin-left:0;margin-right:auto;box-sizing:border-box}.kbli-page.matriks-itbx-page{width:100%;max-width:var(--dpbz-page-wide-max);margin-left:0;margin-right:auto}.kbli-page.project-validasi-shp-page{width:100%;max-width:none;margin-left:0;margin-right:0}.project-validasi-shp-page .shp-workspace,.project-validasi-shp-page .shp-map-card{width:100%;min-width:0}@media (min-width: 2400px){:root{--dpbz-page-wide-max: 2100px}}@media (max-width: 900px){:root{--dpbz-page-gutter: 16px}.app-body,.app-body--focused,.app-body--wide,.app-body--workspace{padding-left:var(--dpbz-page-gutter);padding-right:var(--dpbz-page-gutter)}}.kbli-page.matriks-itbx-page{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}.matriks-itbx-page .matrix-card,.matriks-itbx-page .matrix-grid-card,.matriks-itbx-page .matriks-card,.matriks-itbx-page .matrix-section,.matriks-itbx-page .matrix-container{width:100%;max-width:none;min-width:0;box-sizing:border-box}.kbli-page.matriks-itbx-page,.matriks-itbx-page{width:100%;max-width:none!important;margin-left:0;margin-right:0;box-sizing:border-box}.matriks-itbx-page>.kbli-info-card{width:100%;max-width:none;min-width:0;box-sizing:border-box}.matriks-itbx-page .matrix-grid__wrap{width:100%;max-width:none;min-width:0}a.sidebar__section-toggle,a.sidebar__section-toggle:hover,a.sidebar__section-toggle:focus,a.sidebar__section-toggle:active,a.sidebar__section-toggle:visited{text-decoration:none}.sidebar__brand-logo{display:block;width:170px;height:52px;max-width:calc(100% - 2.5rem);object-fit:contain;object-position:center;flex:0 0 auto}@media (max-width: 959px){.sidebar__brand-logo{width:160px;height:48px}}