html,body{margin:0;padding:0}.app-shell{min-height:100vh}.app-header{align-items:center;display:flex}.app-content{padding:24px 48px}.demo-logo{background:#fff3;border-radius:6px;width:120px;min-width:120px;height:32px;margin-inline-end:24px}@media print{@page{size:A4;margin:10mm 10mm 12mm}.app-header{display:none}.app-shell{min-height:auto}.app-content{padding:0}.app-content:has(.invoice-document) :not(.invoice-document,.invoice-document *,:has(.invoice-document)){display:none}}.invoice-document{--document-brand:#166ab2;--document-muted:#595959;--document-rule:#e8e8e8;box-sizing:border-box;border:1px solid var(--document-rule);color:#1f1f1f;background:#fff;border-radius:8px;max-width:210mm;padding:clamp(16px,4vw,32px);font:13px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.invoice-document :where(p,h2,h3,dl,dd,ul){margin:0}.invoice-document__watermark{letter-spacing:.1em;color:#0000000d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9em;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.invoice-document__notice{color:#873800;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;margin-bottom:16px;padding:6px 12px;font-weight:600}.invoice-document__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;display:flex}.invoice-document__title{color:var(--document-brand);font-size:2.2em;font-weight:600;line-height:1.2}.invoice-document__wordmark{color:var(--document-brand);letter-spacing:.02em;font-size:1.6em;font-weight:700}.invoice-document__issuer{margin-bottom:16px}.invoice-document__parties{grid-template-columns:repeat(auto-fit,minmax(13em,1fr));gap:16px 24px;margin-bottom:16px;display:grid}.invoice-document__label{color:var(--document-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:.85em;font-weight:600}.invoice-document__details{grid-template-columns:auto 1fr;align-content:start;gap:2px 12px;display:grid}.invoice-document__details div{display:contents}.invoice-document__details dt{color:var(--document-muted)}.invoice-document__missing{gap:4px;margin-bottom:16px;padding:0;list-style:none;display:grid}.invoice-document__missing li,.invoice-document__missing-mention{color:#8c8c8c;border:1px dashed #bfbfbf;border-radius:4px;padding:2px 8px;font-style:italic}.invoice-document__missing-mention{margin-top:8px}.invoice-document__scroll{overflow-x:auto}.invoice-document table{border-collapse:collapse}.invoice-document__lines{width:100%}.invoice-document__lines th{background:var(--document-brand);color:#fff;text-align:left;white-space:nowrap;padding:6px 8px;font-weight:600}.invoice-document__lines td{border-bottom:1px solid var(--document-rule);vertical-align:top;padding:8px}.invoice-document__lines :is(th,td):not(:first-child){text-align:right;white-space:nowrap}.invoice-document__note{color:var(--document-muted);margin-top:8px;font-size:.85em}.invoice-document__totals{border-top:3px solid var(--document-brand);min-width:min(100%,22em);margin:16px 0 0 auto}.invoice-document__totals th{text-align:left;padding:4px 8px;font-weight:400}.invoice-document__totals td{text-align:right;white-space:nowrap;padding:4px 8px}.invoice-document__totals tr:last-child>*{font-size:1.25em;font-weight:600}.invoice-document__terms{border-left:2px solid var(--document-rule);margin-top:24px;padding-left:12px}@media print{.invoice-document{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;border-radius:0;max-width:none;padding:0;font-size:10pt}.invoice-document__scroll{overflow:visible}.invoice-document__lines tr{break-inside:avoid}}