Update app.py

app.py

@@ -153,6 +153,52 @@ input, select, textarea {
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
 }
 
+/* Checkbox Group Styling */
+.gr-checkbox-group label {
+    display: flex;
+    align-items: center;
+    padding: 10px 20px;
+    border: 2px solid #7fffd4;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    color: #7fffd4;
+    background: rgba(245, 245, 245, 0.95);
+    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
+    margin-right: 10px;
+}
+
+.gr-checkbox-group label:hover {
+    background: #e0f7fa;
+    color: #00bfa5;
+}
+
+/* Checkbox Styling */
+.gr-checkbox-group input[type="checkbox"] {
+    appearance: none;
+    width: 20px;
+    height: 20px;
+    border: 2px solid #7fffd4;
+    border-radius: 4px;
+    margin-right: 10px;
+    transition: all 0.3s ease;
+}
+
+/* Selected Checkbox Styling */
+.gr-checkbox-group input[type="checkbox"]:checked {
+    background-color: #ff8c00;
+    border-color: #ff8c00;
+}
+
+/* Simple checkmark indicator */
+.gr-checkbox-group input[type="checkbox"]:checked::after {
+    content: "✓";
+    font-size: 14px;
+    color: #ffffff;
+    display: block;
+    text-align: center;
+}
+
 /* Tab Styling */
 .nav-tabs {
     display: flex;