header{gap:20px}header nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:auto}header nav a{color:#6f7b73;text-decoration:none;padding:9px 13px;border-radius:8px;font-size:13px;font-weight:600}header nav a:hover,header nav a.active{color:var(--green);background:#edf6ef}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-heading h1{font:800 32px Manrope,sans-serif;margin:5px 0}.page-heading p:not(.eyebrow){color:var(--muted);margin:0}.button-link,.receipt-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--green);font-weight:700;font-size:13px;background:#eaf5ed;border-radius:8px;padding:11px 15px}.tenant-form-page{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.tenant-form-page label{display:grid;gap:7px;color:#637168;font-size:12px}.form-actions{display:flex;align-items:center;gap:14px}.cancel-link,.edit-link{color:var(--green);font-size:13px;font-weight:700;text-decoration:none}.table-wrap{width:100%;overflow-x:auto}.tenant-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.tenant-table th{font-size:10px;letter-spacing:.8px;color:#849087;text-transform:uppercase;font-weight:700}.tenant-table th,.tenant-table td{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tenant-table td:first-child{white-space:normal}.tenant-table tr:last-child td{border-bottom:0}.tenants-shortcut .section-title{margin:0;align-items:center}.tenants-shortcut .button-link{white-space:nowrap}.receipt-link{padding:7px 0;background:transparent;margin-top:12px}.receipt-page{background:#f2f5f2}.receipt-main{max-width:800px;margin:32px auto 60px}.receipt-actions{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.receipt-actions form{display:flex;gap:9px;align-items:end}.receipt-actions label{display:grid;gap:6px;color:var(--muted);font-size:12px}.receipt{background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px 44px;box-shadow:0 12px 34px #1e3a2810}.receipt-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:25px;border-bottom:1px solid var(--line)}.receipt-top p{margin:8px 0 0;color:var(--muted);font-size:10px;letter-spacing:1.2px;font-weight:700}.receipt-month{text-align:right;display:grid;gap:7px}.receipt-month small,.receipt-tenant small{font-size:10px;color:#87938b;letter-spacing:.8px}.receipt-month b{font:700 16px Manrope}.receipt-tenant{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.receipt-tenant h1{font:800 22px Manrope;margin:6px 0 0}.receipt-tenant div:not(:first-child) b{display:block;margin-top:8px;font-size:13px}.receipt-lines{padding-top:10px}.receipt-line{display:flex;justify-content:space-between;gap:18px;padding:12px 0;font-size:14px}.receipt-line b,.meter-summary>b:last-child{font-variant-numeric:tabular-nums}.meter-summary{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:12px 0;font-size:13px}.meter-summary span{color:var(--muted);font-size:12px}.meter-readings{display:flex;flex-wrap:wrap;gap:8px 22px;color:#8a958d;font-size:11px;border-bottom:1px solid #f0f2f0;padding:0 0 11px}.receipt-subtotal{border-top:1px solid var(--line);font-weight:700}.receipt-balance{display:flex;justify-content:space-between;align-items:center;margin-top:10px;background:#eff7f0;border-radius:10px;padding:17px 20px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.5px}.receipt-balance b{font:800 22px Manrope}.receipt-foot{display:flex;justify-content:space-between;padding-top:24px;color:#9aa49c;font-size:11px}.receipt-note{font-size:12px;color:var(--muted);margin-top:14px}.bill-form{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-form input{width:100%}.bill-total{line-height:1.65}.bill-total span{flex:1}
@media(max-width:850px){.tenant-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-form-page{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-tenant{grid-template-columns:1fr 1fr}.receipt-main{padding:0 18px}}
@media(max-width:600px){header{height:auto;min-height:62px;padding:10px 15px;gap:7px;flex-wrap:wrap}.brand{font-size:18px}header nav{order:3;width:100%;margin:0;justify-content:center;border-top:1px solid var(--line);padding-top:7px}header nav a{flex:1;text-align:center;padding:8px 4px}header form button{padding:8px 10px}main{padding:0 14px;margin:24px auto}.intro h1,.page-heading h1{font-size:27px}.stats{gap:9px}.stats>div{padding:12px 14px}.panel{padding:16px;margin-bottom:14px}.section-title{gap:10px;align-items:flex-start}.section-title p{line-height:1.5}.section-title h2{font-size:17px}.tenant-form,.tenant-form-page{grid-template-columns:1fr}.tenant-form-page .form-actions{padding-top:3px}.tenant{gap:9px}.align small{max-width:180px;line-height:1.4}.bill-grid{grid-template-columns:minmax(0,1fr);gap:11px}.bill{padding:14px}.bill-form{grid-template-columns:1fr 1fr;gap:9px}.bill-form input{padding:9px 8px;font-size:14px}.bill-total{font-size:10px;align-items:flex-start}.bill-total b{font-size:11px}.payment{flex-wrap:wrap}.payment input{min-width:130px}.payment small{margin-left:auto}.page-heading{align-items:flex-start;gap:12px}.page-heading .button-link{padding:9px 10px;white-space:nowrap}.tenant-table thead{display:none}.tenant-table,.tenant-table tbody,.tenant-table tr,.tenant-table td{display:block;width:100%}.tenant-table tr{position:relative;border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:10px}.tenant-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border:0;white-space:normal;text-align:right}.tenant-table td::before{content:attr(data-label);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:left}.tenant-table td:first-child{text-align:right}.tenants-shortcut .section-title{flex-direction:column;align-items:flex-start}.receipt-main{margin:17px auto 35px;padding:0 10px}.receipt-actions{gap:8px;align-items:stretch}.receipt-actions form{flex:1;min-width:0}.receipt-actions input{width:100%;padding:9px 7px}.receipt-actions button{padding:9px 10px}.receipt{border-radius:12px;padding:23px 17px}.receipt-top{gap:10px}.receipt-month b{font-size:14px}.receipt-tenant{gap:17px 10px;padding:18px 0}.receipt-tenant h1{font-size:19px;overflow-wrap:anywhere}.receipt-tenant div:not(:first-child) b{font-size:12px}.receipt-line{font-size:13px;padding:10px 0}.meter-summary{grid-template-columns:1fr auto;gap:5px}.meter-summary span{grid-column:1}.meter-summary>b:last-child{grid-column:2;grid-row:1/3}.meter-readings{font-size:10px}.receipt-balance{padding:14px}.receipt-balance b{font-size:19px}}
@media print{body.receipt-page{background:#fff}.no-print,body.receipt-page>header{display:none!important}.receipt-main{max-width:none;margin:0;padding:0}.receipt{border:0;border-radius:0;box-shadow:none;padding:10mm}.receipt-note{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}