Added web upload

static/main.css

@@ -785,3 +785,57 @@ pre code {
     .tab-layout { padding: 14px; }
     .tab-nav { position: static; }
 }
+
+/* Upload UI - aligned with app styles */
+.upload-card {
+    margin-top: 12px;
+    padding: 24px;
+    background: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
+    box-shadow: none;
+}
+
+.upload-form .form-row { margin: 12px 0; }
+
+/* Status messages */
+.upload-status { margin-top: 10px; font-size: 0.95rem; color: #475569; }
+.upload-status.success { color: #16a34a; }
+.upload-status.error { color: #ef4444; }
+
+.upload-result { margin-top: 12px; word-break: break-all; }
+
+/* Buttons */
+.btn-primary {
+    appearance: none;
+    background: #3b82f6;
+    color: #ffffff;
+    border: 1px solid #3b82f6;
+    padding: 10px 16px;
+    border-radius: 10px;
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 14px;
+    transition: all 0.15s ease;
+}
+.btn-primary:hover { background: #2563eb; border-color: #2563eb; }
+.btn-primary[disabled] { opacity: 0.6; cursor: progress; }
+
+.btn-secondary {
+    appearance: none;
+    background: #f1f5f9;
+    color: #0f172a;
+    border: 1px solid #e2e8f0;
+    padding: 8px 12px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-size: 13px;
+    font-weight: 600;
+    transition: all 0.15s ease;
+}
+.btn-secondary:hover { background: #e2e8f0; }
+
+/* Mobile adjustments */
+@media (max-width: 640px) {
+    .upload-card { padding: 16px; }
+}