.snackbar-enter-active[data-v-a2a5d6ab]{transition:all .3s ease-out}.snackbar-leave-active[data-v-a2a5d6ab]{transition:all .25s ease-in}.snackbar-enter-from[data-v-a2a5d6ab],.snackbar-leave-to[data-v-a2a5d6ab]{opacity:0;transform:translate(-50%,1rem)}.notif-enter-active[data-v-21ebaa72],.notif-leave-active[data-v-21ebaa72]{transition:all .3s ease}.notif-enter-from[data-v-21ebaa72],.notif-leave-to[data-v-21ebaa72]{opacity:0;transform:translate(1.5rem)}.notif-move[data-v-21ebaa72]{transition:transform .3s ease}.dialog-enter-active[data-v-dca59280],.dialog-leave-active[data-v-dca59280]{transition:opacity .15s ease}.dialog-enter-from[data-v-dca59280],.dialog-leave-to[data-v-dca59280]{opacity:0}.dialog-enter-active[data-v-2ad2d0bd],.dialog-leave-active[data-v-2ad2d0bd]{transition:opacity .15s ease}.dialog-enter-from[data-v-2ad2d0bd],.dialog-leave-to[data-v-2ad2d0bd]{opacity:0}@media print{.no-print{display:none!important}body{margin:0;padding:0}.print-area{padding:0}.nota{box-shadow:none!important;border:none!important;margin:0!important;padding:15px!important}.detail-table tfoot{display:table-row-group}@page{size:A4 landscape;margin:10mm}}.nota{width:297mm;background:#fff;padding:25px 30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;font-size:11px;color:#333}.nota-header{display:flex;align-items:flex-end;gap:14px;border-bottom:3px solid #2f6b2f;padding-bottom:6px}.header-info h1{font-size:25px;line-height:1;color:#1f2937;margin:0 0 5px;font-weight:800}.doc-title{text-align:center;font-size:15px;font-weight:700;letter-spacing:1px;color:#047857;margin:14px 0 12px}.info-grid{display:flex;gap:20px;margin-bottom:12px}.info-table .lbl{font-weight:600;width:120px;color:#555}.detail-table{width:100%;border-collapse:collapse;margin:10px 0}.detail-table thead th{background:#047857;color:#fff;padding:7px 10px;font-size:10px;font-weight:600;text-align:left}.detail-table tbody td{padding:6px 10px;font-size:10.5px}.detail-table tbody tr:nth-child(2n){background:#fafafa}.detail-table tfoot td{padding:5px 10px;font-size:10.5px;border-top:1px solid #e5e7eb}.detail-table .grand-total-row td{background:#ecfdf5;font-size:12px;font-weight:700;color:#047857;border-top:2px solid #047857}.no-rumah{color:#047857;font-weight:700}.nama-pemilik{margin-top:2px;color:#6b7280;font-size:9px}.selisih{margin-top:2px;font-size:9px;font-weight:700}.selisih-lebih{color:#047857}.selisih-kurang{color:#b91c1c}.footer-grid{display:flex;gap:20px;margin-top:20px}.footer-left{flex:1}.footer-right{width:220px}.signature-box{text-align:center;padding:10px}.sig-location{font-size:9.5px;color:#666}.sig-title{font-size:10px;font-weight:600;margin-top:3px}.sig-space{height:55px}.sig-name{font-weight:700;font-size:10.5px}@media print{table tfoot[data-v-d7671342]{display:table-row-group}}.dialog-enter-active[data-v-d7671342],.dialog-leave-active[data-v-d7671342]{transition:opacity .15s ease}.dialog-enter-from[data-v-d7671342],.dialog-leave-to[data-v-d7671342]{opacity:0}.drawer-enter-active[data-v-d7671342],.drawer-leave-active[data-v-d7671342]{transition:opacity .2s ease}.drawer-enter-active aside[data-v-d7671342],.drawer-leave-active aside[data-v-d7671342]{transition:transform .25s ease}.drawer-enter-from[data-v-d7671342],.drawer-leave-to[data-v-d7671342]{opacity:0}.drawer-enter-from aside[data-v-d7671342],.drawer-leave-to aside[data-v-d7671342]{transform:translate(100%)}.dialog-enter-active[data-v-905e72bf],.dialog-leave-active[data-v-905e72bf]{transition:opacity .15s ease}.dialog-enter-from[data-v-905e72bf],.dialog-leave-to[data-v-905e72bf]{opacity:0}.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(/build/assets/layers-BWBAp2CZ.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/build/assets/layers-2x-Bpkbi35X.png);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(/build/assets/marker-icon-hN30_KVU.png)}.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}}.dialog-enter-active[data-v-72e4d9cb],.dialog-leave-active[data-v-72e4d9cb]{transition:opacity .15s ease}.dialog-enter-from[data-v-72e4d9cb],.dialog-leave-to[data-v-72e4d9cb]{opacity:0}.fade-up-enter-active[data-v-317b43e6]{transition:opacity .3s ease,transform .3s ease}.fade-up-enter-from[data-v-317b43e6]{opacity:0;transform:translateY(8px)}.collapse-enter-active[data-v-c0da5410],.collapse-leave-active[data-v-c0da5410]{transition:opacity .2s ease}.collapse-enter-from[data-v-c0da5410],.collapse-leave-to[data-v-c0da5410]{opacity:0}.fade-up-enter-active[data-v-c0da5410]{transition:opacity .3s ease,transform .3s ease}.fade-up-enter-from[data-v-c0da5410]{opacity:0;transform:translateY(8px)}@keyframes slide-up-4e8bf0b5{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up[data-v-4e8bf0b5]{animation:slide-up-4e8bf0b5 .3s ease-out}.sheet-enter-active[data-v-4e8bf0b5],.sheet-leave-active[data-v-4e8bf0b5]{transition:opacity .2s}.sheet-enter-from[data-v-4e8bf0b5],.sheet-leave-to[data-v-4e8bf0b5]{opacity:0}.toast-fade-enter-active[data-v-4e8bf0b5]{transition:all .3s ease-out}.toast-fade-leave-active[data-v-4e8bf0b5]{transition:all .25s ease-in}.toast-fade-enter-from[data-v-4e8bf0b5],.toast-fade-leave-to[data-v-4e8bf0b5]{opacity:0;transform:translate(-50%,1rem)}.safe-top[data-v-275b2567]{padding-top:max(.75rem,env(safe-area-inset-top))}.safe-bottom[data-v-275b2567]{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.portal-toast-enter-active[data-v-acb38477]{transition:all .3s ease-out}.portal-toast-leave-active[data-v-acb38477]{transition:all .25s ease-in}.portal-toast-enter-from[data-v-acb38477],.portal-toast-leave-to[data-v-acb38477]{opacity:0;transform:translate(-50%,1rem)}.ins-fade-enter-active[data-v-4b773e02],.ins-fade-leave-active[data-v-4b773e02]{transition:opacity .2s ease}.ins-fade-enter-from[data-v-4b773e02],.ins-fade-leave-to[data-v-4b773e02]{opacity:0}.ins-slide-enter-active[data-v-4b773e02]{transition:transform .28s cubic-bezier(.32,.72,0,1)}.ins-slide-enter-from[data-v-4b773e02]{transform:translateY(100%)}.tunggakan-panel-enter-active[data-v-830bae2d],.tunggakan-panel-leave-active[data-v-830bae2d]{transition:max-height .3s ease,opacity .25s ease;overflow:hidden}.tunggakan-panel-enter-from[data-v-830bae2d],.tunggakan-panel-leave-to[data-v-830bae2d]{max-height:0;opacity:0}.dialog-enter-active[data-v-52729148],.dialog-leave-active[data-v-52729148]{transition:opacity .15s ease}.dialog-enter-from[data-v-52729148],.dialog-leave-to[data-v-52729148]{opacity:0}.dialog-enter-active[data-v-c56f0823],.dialog-leave-active[data-v-c56f0823]{transition:opacity .15s ease}.dialog-enter-from[data-v-c56f0823],.dialog-leave-to[data-v-c56f0823]{opacity:0}.dialog-enter-active[data-v-aa8de154],.dialog-leave-active[data-v-aa8de154]{transition:opacity .15s ease}.dialog-enter-from[data-v-aa8de154],.dialog-leave-to[data-v-aa8de154]{opacity:0}@media print{*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}html,body{margin:0;padding:0;background:#fff!important}.print-area{padding:0}.nota{width:210mm!important;min-height:auto!important;box-shadow:none!important;border:none!important;margin:0!important;padding:20px!important}@page{size:A4;margin:0}}.nota{width:210mm;min-height:auto;box-sizing:border-box;background:#fff;padding:25px 30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;font-size:11px;color:#333}.nota-header{display:flex;align-items:flex-end;gap:14px;border-bottom:3px solid #2f6b2f;padding-bottom:6px;margin-bottom:12px}.header-info h1{font-size:22px;line-height:1;color:#1f2937;margin:0 0 5px;font-weight:800;letter-spacing:0}.header-info p{margin:0;font-size:10px;line-height:1.35;color:#333}.doc-title{display:block!important;width:100%;text-align:center!important;font-size:14px;font-weight:700;letter-spacing:1px;color:#047857;margin:10px 0}.info-grid{display:flex;gap:20px;margin-bottom:10px}.info-table,.info-table tr,.info-table td{border:0!important;background:transparent!important}.info-table td{padding:2px 0;font-size:10px;vertical-align:top}.info-table .lbl{font-weight:600;width:120px;color:#333;white-space:nowrap}.meter-table{width:100%;border-collapse:collapse}.meter-table th,.meter-table td{border:.5pt solid #222}.meter-header th{background:#d1e7dd;padding:6px 12px;font-size:10px;font-weight:700;color:#0f5132;text-align:left}.meter-table td{padding:6px 12px;font-size:10.5px}.detail-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0}.detail-table th,.detail-table td{border:.5pt solid #222}.detail-table thead th{background:#d1e7dd;color:#0f5132;padding:5px 6px;font-size:9px;font-weight:700;text-align:left;overflow-wrap:break-word}.detail-table tbody td{padding:4px 6px;font-size:9px;overflow-wrap:break-word}.detail-table tbody tr:nth-child(2n) td{background:#f7faf8}.detail-table tfoot{display:table-row-group}.detail-table tfoot td{padding:5px 8px;font-size:10px;font-weight:700}.detail-table tfoot tr:first-child,.detail-table tfoot tr:first-child td,.detail-table .grand-total-row,.detail-table .grand-total-row td{background:#fff!important;color:#000!important}.detail-table .grand-total-row td{font-size:11px;font-weight:700}.detail-table tfoot tr.payment-neutral-row,.detail-table tfoot tr.payment-neutral-row>td{background:#fff!important;background-color:#fff!important;color:#000!important}.detail-table tfoot .payment-current-row td{font-size:11px}.text-info{color:#047857}.terbilang{background:#fff!important;border:0!important;padding:6px 0;font-size:10px;font-style:italic;margin:8px 0;color:#000!important}.receipt-subtotal{background:#fff!important;color:#000!important}.footer-grid{margin-top:15px}.payment-info{font-size:9.5px;color:#333}.payment-title{font-weight:700;margin-bottom:4px;font-size:10px}.payment-note{margin:0;line-height:1.4}.bottom-section{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:8px}.bottom-left{flex:1}.bottom-left .info-box{border:1px solid #333;padding:6px 10px}.bottom-left .info-box .terbilang{margin:0;padding:0}.bottom-left .info-box .footer-grid{margin-top:6px}.signature-block{width:210px;text-align:center;font-size:10px;color:#333}.signature-block .sign-place{margin:0 0 2px}.signature-block .sign-role{margin:0 0 4px}.signature-block .sign-space{height:55px}.signature-block .sign-name{margin:0;font-weight:700}@media print{.no-print{display:none!important}body{margin:0;padding:0;background:#fff!important}.print-area{padding:0!important}.surat{box-shadow:none!important;border:none!important;margin:0!important}@page{size:A4;margin:12mm}}.surat{width:210mm;min-height:297mm;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;color:#1f2937;font-size:11.5px;line-height:1.55;padding:24px 30px}.surat-header{display:flex;align-items:flex-end;gap:14px;border-bottom:3px solid #2f6b2f;padding-bottom:7px}.header-info h1{color:#1f2937;font-size:25px;font-weight:800;line-height:1;margin:0 0 5px}.header-info p{color:#333;font-size:10.5px;line-height:1.35;margin:0}.title-block{margin:15px 0 18px;text-align:center}.title-block h2{display:inline-block;border-bottom:1px solid #111827;color:#111827;font-size:15px;font-weight:800;letter-spacing:0;margin:0;padding-bottom:2px}.title-block p{margin:3px 0 0;font-size:11px}.letter-meta{margin-bottom:14px}.letter-meta p{margin:0 0 2px}.recipient{font-weight:700}.letter-body p{margin:0 0 9px;text-align:justify}.info-table{border-collapse:collapse;margin:10px 0 12px;width:100%}.info-table td{border:1px solid #000;padding:5px 8px;vertical-align:top}.info-table td:first-child{background:#f1f5f9;font-weight:700;width:150px}.info-table td:nth-child(2){text-align:center;width:12px}.amount{color:#991b1b;font-weight:800}.detail-table{border-collapse:collapse;margin:10px 0 12px;width:100%}.detail-table th,.detail-table td{border:1px solid #000;padding:5px 7px}.detail-table th{background:#d1e7dd;color:#0f5132;font-size:10.5px;font-weight:800;text-align:left}.detail-table td{font-size:10.5px}.detail-table tfoot td{background:#fee2e2;color:#991b1b;font-weight:800}.notice{border:1px solid #991b1b;color:#991b1b;font-weight:700;margin-top:10px;padding:8px 10px}.signature-grid{display:flex;gap:18px;justify-content:space-between;margin-top:22px}.signature-note{color:#4b5563;font-size:10px}.signature-note p{margin:0 0 3px}.signature-box{text-align:center;width:190px}.signature-box p{margin:0 0 3px}.signature-space{height:58px}.signature-name{border-top:1px solid #111827;display:inline-block;font-weight:800;min-width:130px;padding-top:4px}.dialog-enter-active[data-v-c7a942c8],.dialog-leave-active[data-v-c7a942c8]{transition:opacity .15s ease}.dialog-enter-from[data-v-c7a942c8],.dialog-leave-to[data-v-c7a942c8]{opacity:0}.fade-enter-active[data-v-94a9082e],.fade-leave-active[data-v-94a9082e]{transition:opacity .2s}.fade-enter-from[data-v-94a9082e],.fade-leave-to[data-v-94a9082e]{opacity:0}.nota{width:210mm;min-height:auto;background:#fff;padding:25px 30px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;font-size:11px;color:#333}.nota-header{display:flex;align-items:flex-end;gap:14px;border-bottom:3px solid hsl(var(--primary));padding-bottom:6px}.header-logo img{width:64px;height:64px;object-fit:contain}.header-info{flex:1;text-align:left;padding-bottom:3px}.header-info h1{font-size:25px;line-height:1;color:#1f2937;margin:0 0 5px;font-weight:800;letter-spacing:0}.header-info p{margin:0;font-size:10.5px;line-height:1.35;color:#333}.divider{display:none}.doc-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 4px}.doc-title-left h2{margin:0;font-size:16px;font-weight:800;letter-spacing:.5px;color:#111827}.doc-title-left p{margin:2px 0 0;font-size:11px;color:#555}.doc-title-right{text-align:right;white-space:nowrap}.doc-no-label{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;color:#666}.doc-no{display:inline-block;margin-top:2px;padding:2px 8px;border:1px solid #000;border-radius:3px;font-family:Courier New,monospace;font-weight:700;font-size:12px;color:#111827}.info-grid{display:flex;gap:20px;margin:14px 0 12px}.info-left,.info-right{flex:1}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:2px 0;font-size:10.5px;vertical-align:top}.info-table .lbl{font-weight:600;width:100px;color:#555}.info-table .sep{width:10px}.meter-section{margin:10px 0}.meter-table{width:100%;border-collapse:collapse;border:1px solid #000}.meter-header th{background:hsl(var(--accent));padding:6px 12px;font-size:10px;font-weight:700;color:#111827;text-align:center;border:1px solid #000}.meter-table td{padding:8px 12px;text-align:center;font-size:12px;font-weight:600;border:1px solid #000}.pemakaian-highlight{color:hsl(var(--primary));font-size:13px;font-weight:700;background:hsl(var(--accent))}.nota-detail-table{width:100%;border-collapse:collapse;margin:10px 0;border:1px solid #000}.nota-detail-table thead th{background:hsl(var(--accent));color:#111827;padding:7px 10px;font-size:10px;font-weight:700;text-align:left;border:1px solid #000}.nota-detail-table tbody td{padding:6px 10px;font-size:10.5px;border:1px solid #000}.nota-detail-table tbody tr:nth-child(2n){background:#fafafa}.nota-detail-table tfoot td{padding:5px 10px;font-size:10.5px;border:1px solid #000}.nota-detail-table .summary-total-row td,.nota-detail-table .grand-total-row td{font-size:11px;font-weight:700}.nota-detail-table .grand-total-row td{background:hsl(var(--accent));color:hsl(var(--primary));border:1px solid #000}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.fw-bold{font-weight:600}.text-danger{color:#dc2626}.text-info{color:hsl(var(--primary))}.status-badge{display:inline-block;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:700}.status-lunas{background:#dcfce7;color:#166534}.status-belum{background:#fee2e2;color:#991b1b}.status-cicilan{background:#fef3c7;color:#92400e}.terbilang{color:#000;font-size:10px;font-style:italic;margin:10px 0 12px}.tunggakan-section{margin-top:12px}.footer-grid{display:flex;gap:16px;align-items:flex-start;margin-top:4px}.paybox{flex:0 0 38%;border:1.5px solid hsl(var(--primary));border-radius:5px;overflow:hidden}.paybox-head{background:hsl(var(--primary));color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px}.paybox-body{padding:8px 10px;font-size:10px}.paybox-bank{font-size:12px;font-weight:800;color:#111827}.paybox-rek{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#111827;letter-spacing:.5px;margin:1px 0}.paybox-an{color:#4b5563}.paybox-konf{margin-top:4px;color:hsl(var(--primary));font-weight:700}.ketentuan{flex:1}.ketentuan-title{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#111827;margin:0 0 4px}.ketentuan ul{margin:0;padding-left:15px;list-style:disc;font-size:9.5px;color:#4b5563;line-height:1.5}.ketentuan li{margin-bottom:3px}.ketentuan .wa-admin{font-size:13px;font-weight:700;color:#111827}@media print{.nota{box-shadow:none!important;border:none!important;margin:0!important;padding:15px!important}}@media print{.no-print{display:none!important}body{margin:0;padding:0}.print-area{padding:0}@page{size:A4;margin:10mm}}.print-area{display:flex;justify-content:center;padding:20px}@media print{.no-print{display:none!important}body{margin:0;padding:0}.batch-print-area{display:block;padding:0}.nota-wrap{page-break-after:always;break-after:page}.nota-wrap:last-child{page-break-after:auto;break-after:auto}@page{size:A4;margin:10mm}}body{background:#f3f4f6;margin:0;font-family:Inter,Tahoma,Geneva,Verdana,sans-serif}.batch-print-area{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px}.nota-wrap{display:flex;width:100%;justify-content:center}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}