feat: pdf

report/style.css

@@ -14,6 +14,10 @@ header {
   display: flex;
   justify-content: space-between;
   margin-bottom: 40px;
+
+  h2 {
+    margin-top: 0;
+  }
 }
 h1 {
   margin: 0;
@@ -70,3 +74,49 @@ footer {
   padding: 5px 10px;
   text-align: right;
 }
+
+@media print {
+  .page,
+  .page-break {
+    break-after: page;
+  }
+}
+.qr-section {
+  position: absolute;
+  bottom: 0;
+
+  display: grid;
+  grid-template-columns: 250px 1fr;
+  grid-template-rows: 1fr;
+  gap: 1em;
+
+  width: 100%;
+  /* border-top: 2px solid #000; */
+  /* padding-top: 1rem; */
+
+  h4 {
+    margin-bottom: 0.1em;
+  }
+
+  .qr-code {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    img {
+      width: 100%;
+    }
+
+    div {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr;
+      justify-items: center;
+    }
+  }
+
+  .payment-details {
+    font-size: 0.9rem;
+    line-height: 1.4;
+  }
+}