body{margin:0;background:#f4f6f7;color:#14191d;font:15px/1.45 Arial,sans-serif}.toolbar{max-width:980px;margin:24px auto 16px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#52636b;font-size:13px}button{padding:10px 16px;background:white;border:1px solid #bac8cf;border-radius:6px;color:#244b5b;cursor:pointer}.paper{box-sizing:border-box;background:white;max-width:980px;margin:auto;padding:48px;border:1px solid #e2e7ea;border-radius:4px}.brand-row{display:flex;justify-content:space-between;gap:30px;min-height:170px}.logo{max-width:48%}.logo img{max-width:320px;max-height:155px;width:100%;object-fit:contain;object-position:left top}.company{text-align:right;max-width:45%}.preline{white-space:pre-line;overflow-wrap:anywhere}.info{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:24px;margin:35px 0 65px}label{display:block;color:var(--accent,#4d6f88);margin-bottom:4px}.second{margin-top:24px}.amount{text-align:right}.amount strong{display:block;font-size:34px;font-weight:400;white-space:nowrap}table{width:100%;border-collapse:collapse}th{border-top:3px solid var(--accent);color:var(--accent);font-weight:400;text-align:left;padding:12px 0}th:first-child{width:60%}td{border-bottom:1px solid #cbd2dc;padding:12px 0;vertical-align:top}td small{display:block;margin-top:3px;color:#222;font-size:12px}th:not(:first-child),td:not(:first-child){text-align:right;white-space:nowrap;padding-left:18px}.totals{max-width:400px;margin:35px 0 45px auto}.totals>div{display:flex;justify-content:space-between;gap:30px;padding:6px 0}.totals .grand{border-top:1px solid #cbd2dc;margin-top:10px;padding-top:14px}section{margin-top:25px}section p{margin:4px 0}footer{max-width:920px;margin:24px auto 40px;padding:0 20px;font-size:12px;color:#66757c}.landing{max-width:580px;margin:15vh auto;background:white;border:1px solid #dde5e9;padding:40px;border-radius:10px}@media(max-width:700px){.paper{padding:25px 18px}.info{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 35px}.brand-row{min-height:120px;gap:15px}.company{font-size:12px}.amount strong{font-size:27px}table{font-size:12px}th:not(:first-child),td:not(:first-child){padding-left:9px}.toolbar{font-size:11px;gap:15px}.totals{max-width:100%}.logo img{max-height:110px}.landing{margin:40px 18px;padding:25px}}@media print{body{background:white}.toolbar,footer{display:none}.paper{border:0;margin:0;padding:0;max-width:none}tr,.info,.totals{break-inside:avoid}thead{display:table-header-group}}
