added ModPacks support

nonpacks/static/css/style.css

@@ -3329,3 +3329,75 @@ a.deletelink {
     border: none;
     background: #121418;
 }
+
+/* Modpack badges + Mods tab */
+.modpack-badge {
+    background: #1d3557;
+    color: #e6f1ff;
+    border-radius: 999px;
+    padding: 0.15rem 0.6rem;
+    font-size: 0.75rem;
+}
+.mods-summary {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.75rem;
+}
+.mods-source-badge {
+    background: var(--md-sys-color-primary-container, #dbe4ff);
+    color: var(--md-sys-color-on-primary-container, #001b3f);
+    border-radius: 999px;
+    padding: 0.15rem 0.6rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: capitalize;
+}
+.mods-stat {
+    color: var(--md-sys-color-on-surface-variant, #555);
+    font-size: 0.8rem;
+}
+.mods-filter {
+    width: 100%;
+    max-width: 420px;
+    padding: 0.45rem 0.7rem;
+    border-radius: 8px;
+    border: 1px solid var(--md-sys-color-outline, #ccc);
+    background: var(--md-sys-color-surface, #fff);
+    color: inherit;
+    margin-bottom: 0.75rem;
+}
+.mods-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+.mods-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.35rem 0.6rem;
+    border-radius: 6px;
+    background: var(--md-sys-color-surface-container-low, #f7f7f9);
+    font-size: 0.85rem;
+}
+.mods-item:hover { background: var(--md-sys-color-surface-container, #efeff3); }
+.mods-name { font-weight: 600; }
+.mods-file { color: var(--md-sys-color-on-surface-variant, #777); font-size: 0.78rem; }
+.mods-badge {
+    margin-left: auto;
+    border-radius: 999px;
+    padding: 0.1rem 0.5rem;
+    font-size: 0.68rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+.mods-badge.optional { background: #fff4d6; color: #7a5c00; }
+.mods-badge.client { background: #d9f2ff; color: #00567a; }
+.mods-badge.server { background: #e6e0ff; color: #3a2d8f; }
+.mods-link { color: inherit; text-decoration: none; opacity: 0.6; }
+.mods-link:hover { opacity: 1; }