fixed crud list

fixed payments
upload -a

static/styles/forms.css

@@ -36,8 +36,7 @@ input[type="email"],
 input[type="password"],
 input[type="date"],
 input[type="number"],
-select,
-textarea {
+select {
     width: 100%;
     padding: 8px;
     margin-bottom: 0px;
@@ -54,19 +53,43 @@ textarea {
     "wdth" 100;
 }
 
-/* Submit button styling */
-button[type="submit"] {
-    background-color: #a57d52;
-    color: white;
-    padding: 10px 20px;
-    border: none;
+textarea {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 0px;
+    border: 1px solid #a57d52;
     border-radius: 4px;
-    cursor: pointer;
-    /*margin-top: 20px;*/
+    box-sizing: border-box;
+
+  font-family: "Noto Sans", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 500;
+  font-style: normal;
+    font-size: 1.1rem;
+  font-variation-settings:
+    "wdth" 100;
+    height: 100px; /* Adjust height as needed */
+    min-height: 100px; /* Minimum height */
+    resize: vertical; /* Allow vertical resizing */
 }
 
-button[type="submit"]:hover {
-    background-color: #a67744;
+
+
+/* Submit button styling */
+button[type="submit"],
+button.btn-primary,
+button.btn-secondary {
+    background-color: #F2E8DB;
+    padding: 10px 20px;
+    border: 1px solid #a57d52;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+button[type="submit"]:hover,
+button.btn-primary:hover,
+button.btn-secondary:hover{
+    background-color: #EDDECB;
 }
 
 /* Error messages */
@@ -89,7 +112,7 @@ button[type="submit"]:hover {
 
 .card {
     margin-top: 24px;
-    background-color: white;
+    background-color: #EDDECB;
     border-radius: 8px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 }
@@ -278,4 +301,34 @@ button[type="submit"]:hover {
     display: flex;
     align-items: center;
     width: 100%;
+}
+
+@media print {
+    /* Hide sidebar */
+    .sidebar {
+        display: none !important;
+    }
+
+    /* Make main content full width */
+    .main-content {
+        margin-left: 0 !important;
+        width: 100% !important;
+    }
+
+    /* Hide other non-printable elements if needed */
+    .no-print {
+        display: none !important;
+    }
+
+    /* Ensure white background and black text */
+    body {
+        background: white !important;
+        color: black !important;
+    }
+
+    /* Remove shadows and borders */
+    * {
+        box-shadow: none !important;
+        border: none !important;
+    }
 }