.preview-area{position:relative;overflow:hidden}.preview-watermark{color:#0000001a;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;text-shadow:0 0 1px #0003;justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;font-weight:700;display:flex;position:absolute;top:0;left:0;transform:rotate(-45deg)}@keyframes watermark-pulse{0%{opacity:.1}50%{opacity:.15}to{opacity:.1}}.preview-watermark{animation:3s infinite watermark-pulse}.preview-area:after{content:attr(data-preview-id);color:#0000004d;pointer-events:none;font-size:8px;position:absolute;bottom:5px;right:5px}@media print{.preview-watermark,.preview-area:after{display:none!important}}
@font-face{font-family:"Press Start 2P";src:url(../media/PressStart2P-Regular.0gnd1rxo_.xp8.woff2)format("woff2"),url(../media/PressStart2P-Regular.07n8y.sy-..v~.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.billWrap1{font-family:"Press Start 2P",cursive}.billWrap{letter-spacing:0;height:100%;margin:0 0 0 8px;font-size:9.5px;font-stretch:62.5%;line-height:1.3;position:relative}.billWrap .billBody{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#f5f7f7;width:260px;height:100%;margin:0 auto;padding:5px;position:relative;overflow:hidden}.billWrap .billBody .sideLogo{filter:grayscale();opacity:.35;vertical-align:middle;width:120px;height:20px;display:flex;position:absolute;top:100px;right:-50px;transform:rotate(270deg)}.billWrap .billBody .sideLogo.sideLogoDown{top:400px}.billWrap .billBody .billLogo{width:fit-content;height:110px;margin:0 auto 5px;display:block}.billWrap .billBody p.top{text-align:center;margin-bottom:6px;line-height:1.35}.billWrap .billBody p.bottom{text-align:center;margin-top:40px;line-height:1.5}.billWrap .billBody p.desc{margin-bottom:10px}.billWrap .billBody .billTable{margin-bottom:30px}.billWrap .billBody .billTable .billElement{justify-content:space-between;margin-top:0;margin-bottom:-5px;padding-left:5px;padding-right:5px;display:flex}
.billWrap2{font-size:13px}.billWrap2 .billBody{background-color:#f7f7f7;margin-top:25px;padding-top:30px}.billWrap2 .billBody p{letter-spacing:.5px}.billWrap2 .billBody p.top{letter-spacing:1.4px;font-size:15px;font-weight:500}.billWrap2 .billBody p.bottom{text-align:left}.billWrap2 .billBody .billTable{margin-bottom:15px}.billWrap2 .billBody .billTable .billElementFooter{margin-bottom:15px;padding-left:5px;padding-right:5px}.billWrap2 .billBody .billTable .billElementFooter p{letter-spacing:1.6px;color:#000;margin:0;font-size:11px;font-weight:500}
.rent-receipt{color:#333;background-color:#fff;max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.dark .rent-receipt{color:#333;background-color:#fff}.rent-receipt .signature-line{border-bottom:1px solid #333;width:200px;margin:0 auto}.template1{border:1px solid #ccc}.template1 .receipt-header{text-align:center;margin-bottom:20px}.template1 .receipt-header h2{text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-weight:700}.template1 .receipt-header .receipt-number,.template1 .receipt-header .receipt-date{margin:0 15px;display:inline-block}.template1 .receipt-body{text-align:justify;line-height:1.6}.template1 .receipt-body p{margin-bottom:15px}.template1 .receipt-footer{margin-top:40px}.template1 .receipt-footer .landlord-details{margin-bottom:30px}.template1 .receipt-footer .signature{float:right;text-align:center}.template1 .receipt-footer .signature .signature-line{margin-bottom:10px}.template2 .receipt-container{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a}.template2 .receipt-header h2{color:#333;font-weight:700}.template2 .receipt-body .row{border-bottom:1px dotted #eee;padding:8px 0}.template2 .receipt-body .row:last-child{border-bottom:none}.template2 .receipt-body .col-4{color:#555}.template2 .receipt-footer .signature-line{width:80%}