body,html,#root{height:100%;margin:0;padding:0;font-size:12px}.page{position:relative;width:210mm;min-height:297mm;padding:14mm 12mm;margin:0 auto;background:#fff;color:#111;box-sizing:border-box;border:1px solid #dcdcdc;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.watermark{position:absolute;inset:0;margin:auto;width:75%;max-width:150mm;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none}.header{display:grid;grid-template-columns:28mm 1fr 28mm;align-items:center;margin-bottom:8mm}.crestBox{display:flex;align-items:center;justify-content:center;height:28mm}.crestBox img{max-height:26mm;max-width:100%;object-fit:contain}.crestPlaceholder{width:24mm;height:24mm;border:1px dashed #c7c7c7}.headerText{text-align:center}.councilName{font-weight:800;letter-spacing:.6px;font-size:18px}.councilSubtitle{font-weight:700;font-size:13px;margin-top:2px}.councilAddress{font-size:12px;margin-top:2px}.noticeRow{display:grid;grid-template-columns:1fr 34mm;gap:6mm;margin-bottom:5mm}.metaCol{display:grid;grid-template-columns:1fr 1fr;gap:3mm 6mm}.metaField{display:grid;grid-template-rows:auto 26px;border:1px solid #bdbdbd;border-radius:2px}.metaLabel{font-size:10px;padding:2mm 2.5mm;border-bottom:1px solid #bdbdbd;background:#f6f6f6;font-weight:600}.metaValue{padding:1.5mm 2.5mm;font-size:12px}.qrCol{display:flex;align-items:stretch;justify-content:center}.qrBox{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #bdbdbd;width:34mm;border-radius:2px;padding:2mm 0}.qrLabel{font-size:9px;margin-top:2mm;text-align:center}.qrPlaceholder{width:34mm;border:1px dashed #c7c7c7;display:grid;place-items:center;color:#888;font-size:12px}.contactSection{display:grid;grid-template-rows:auto auto;margin-bottom:5mm}.contactLabel{font-size:10px;font-weight:700;margin-bottom:1mm}.contactBox{min-height:18mm;border:1px solid #bdbdbd;border-radius:2px;padding:2.5mm;font-size:12px;white-space:pre-wrap}.title{text-align:center;font-weight:800;letter-spacing:.4px;margin:3mm 0 2mm;font-size:14px;text-decoration:underline}.tableSection{margin-top:2mm}.tableHeader{font-size:10px;font-weight:700;margin-bottom:1.5mm}.table{width:100%;border-collapse:collapse;font-size:12px;background:#ffffffe6}.table thead th{background:#f1f1f1;border:1px solid #bdbdbd;padding:2.5mm 2mm;font-weight:700}.table tbody td{border:1px solid #bdbdbd;padding:2.5mm 2mm;vertical-align:top}.colDescription{width:70%;text-align:left}.colAmount{width:30%;text-align:right}.descCell{text-align:left}.amountCell{text-align:right;font-weight:600}.emptyCell{text-align:center;color:#777}.complianceNote{font-size:11px;margin-top:2mm;padding:1.5mm 2mm;border:1px solid #bdbdbd;background:#fbfbfb;border-radius:2px}.totalRow{display:grid;grid-template-columns:1fr minmax(40mm,52mm);margin-top:3mm;align-items:stretch}.totalLabel{display:flex;align-items:center;justify-content:flex-end;padding-right:4mm;font-weight:700;font-size:12px}.totalValue{border:1px solid #bdbdbd;background:#fff5cc;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:flex-end;padding:2mm 3mm;border-radius:2px}.howToPay{margin-top:6mm}.howHeader{text-align:center;font-weight:800;margin-bottom:3mm;letter-spacing:.3px}.howColumns{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.howCol{border:1px solid #bdbdbd;border-radius:2px;padding:3mm 3.5mm;background:#fdfdfd}.howTitle{font-weight:800;margin-bottom:2mm;font-size:12px}.howList{margin:0;padding-left:4.5mm;font-size:12px}.footer{margin-top:10mm}.footerNote{text-align:center;font-size:11px;margin-bottom:8mm}.signRow{display:grid;grid-template-columns:1fr 1fr;gap:20mm;align-items:end}.signBox{text-align:center}.signLine{border-bottom:1.6px solid #333;margin:0 10mm 2mm;height:18mm}.signTitle{font-weight:700;font-size:11px}@media print{@page{size:A4 portrait;margin:10mm}.page{border:none;box-shadow:none;width:auto;min-height:auto;padding:0}}