Add new model-selection-card to control visibility of model json upload button

dashboard.css

@@ -617,3 +617,153 @@
 .dark .leaderboard-table tr:hover {
   background-color: #2d2d2d;
 }
+
+/* Simple File Upload Styling - Preserve Gradio functionality */
+#file_upload {
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 8px !important;
+  background-color: transparent !important;
+  transition: all 0.3s ease !important;
+  min-height: 42px !important;
+  min-width: 200px !important;
+}
+
+#file_upload:hover {
+  border-color: #007bff !important;
+  background-color: #f8f9fa !important;
+}
+
+.dark #file_upload {
+  background-color: transparent !important;
+  border-color: #444 !important;
+  color: #e0e0e0 !important;
+}
+
+.dark #file_upload:hover {
+  border-color: #4d94ff !important;
+  background-color: #2a2a2a !important;
+}
+
+/* Download Button Styling */
+.model-selection-row .download-button,
+.model-selection-row button {
+  background-color: transparent !important;
+  border: 1px solid #e0e0e0 !important;
+  border-radius: 8px !important;
+  padding: 8px 12px !important;
+  height: auto !important;
+  min-height: 42px !important;
+  transition: all 0.3s ease !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  white-space: nowrap !important;
+  overflow: visible !important;
+  text-overflow: clip !important;
+}
+
+.model-selection-row .download-button:hover,
+.model-selection-row button:hover {
+  border-color: #007bff !important;
+  background-color: transparent !important;
+}
+
+.dark .model-selection-row .download-button,
+.dark .model-selection-row button {
+  background-color: transparent !important;
+  border-color: #444 !important;
+  color: #e0e0e0 !important;
+}
+
+.dark .model-selection-row .download-button:hover,
+.dark .model-selection-row button:hover {
+  border-color: #4d94ff !important;
+  background-color: transparent !important;
+}
+
+/* Model Selection Card Styling */
+.model-selection-card {
+  width: 100%;
+  border: 1px solid #e0e0e0;
+  border-radius: 10px;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #ffffff !important;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+  transition: all 0.3s ease;
+}
+
+/* Force white background for child elements, but exclude dropdowns */
+.model-selection-card *:not(.options):not(.option):not([role="listbox"]):not([role="option"]) {
+  background-color: transparent !important;
+}
+
+/* Override Gradio's default row/group backgrounds */
+.model-selection-card .row,
+.model-selection-card .gr-row,
+.model-selection-card .group,
+.model-selection-card .gr-group {
+  background-color: transparent !important;
+}
+
+.model-selection-card:hover {
+  box-shadow: 0 6px 8px rgba(0,0,0,0.15);
+}
+
+
+
+.model-selection-row {
+  display: flex;
+  gap: 15px;
+  align-items: flex-end;
+  flex-wrap: wrap;
+}
+
+.model-selection-row > * {
+  flex: 1;
+  min-width: 200px;
+  white-space: nowrap;
+}
+
+/* Ensure proper button text display */
+.model-selection-row .file-upload-wrapper,
+.model-selection-row .download-button-wrapper {
+  flex: 0 1 auto;
+  min-width: 200px;
+}
+
+/* Responsive design for model selection */
+@media (max-width: 768px) {
+  .model-selection-row {
+    flex-direction: column;
+    gap: 10px;
+  }
+  
+  .model-selection-row > * {
+    width: 100%;
+    min-width: auto;
+  }
+}
+
+/* Dark mode support for model selection card */
+.dark .model-selection-card {
+  background-color: #2a2a2a !important;
+  border-color: #444;
+}
+
+.dark .model-selection-card .card-title {
+  color: #fff;
+  border-bottom-color: #444;
+}
+
+/* Dark mode child element backgrounds, but exclude dropdowns */
+.dark .model-selection-card *:not(.options):not(.option):not([role="listbox"]):not([role="option"]) {
+  background-color: transparent !important;
+}
+
+.dark .model-selection-card .row,
+.dark .model-selection-card .gr-row,
+.dark .model-selection-card .group,
+.dark .model-selection-card .gr-group {
+  background-color: transparent !important;
+}