Boilerplate yield and back and forth

static/css/quote_upload.css

@@ -30,6 +30,47 @@ h2 {
     color: #333;
 }
 
+.form-field {
+    margin-bottom: 20px;
+}
+
+.form-field label {
+    display: block;
+    margin-bottom: 8px;
+    color: #333;
+    font-weight: 500;
+    font-size: 14px;
+}
+
+.form-field input[type="email"],
+.form-field textarea {
+    width: 100%;
+    padding: 12px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: Arial, sans-serif;
+    transition: border-color 0.3s;
+}
+
+.form-field input[type="email"]:focus,
+.form-field textarea:focus {
+    outline: none;
+    border-color: #0066cc;
+}
+
+.form-field input[type="email"]:disabled,
+.form-field textarea:disabled {
+    background: #f5f5f5;
+    cursor: not-allowed;
+    opacity: 0.7;
+}
+
+.form-field textarea {
+    resize: vertical;
+    min-height: 80px;
+}
+
 .drop-area {
     border: 2px dashed #ccc;
     border-radius: 4px;
@@ -49,6 +90,11 @@ h2 {
     background: #e6f2ff;
 }
 
+.drop-area.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
 .drop-area p + p {
     font-size: 14px;
     color: #666;
@@ -96,14 +142,34 @@ button:disabled {
     cursor: not-allowed;
 }
 
-.todo {
+.progress-container {
     margin-top: 20px;
-    padding: 10px;
-    background: #fff3cd;
-    border: 1px solid #ffc107;
+    padding: 16px;
+    background: #f9f9f9;
     border-radius: 4px;
+}
+
+.progress-bar {
+    width: 100%;
+    height: 24px;
+    background: #e0e0e0;
+    border-radius: 12px;
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+.progress-fill {
+    height: 100%;
+    background: #0066cc;
+    border-radius: 12px;
+    transition: width 0.3s ease;
+    width: 0%;
+}
+
+.progress-message {
     font-size: 14px;
-    color: #856404;
+    color: #666;
+    text-align: center;
 }
 
 footer {