added utility designs

public/styles.css

@@ -273,7 +273,7 @@ select.form-input { cursor: pointer; }
 
 
 /* -----------------------------------------------------------------
-   3.6 SweetAlert2 Font Override
+   3.6 SweetAlert2 Override
    ----------------------------------------------------------------- */
 .swal2-input,
 .swal2-textarea,
@@ -285,6 +285,26 @@ select.form-input { cursor: pointer; }
     z-index: 3000 !important;
 }
 
+.swal-label {
+    display: block;
+    font-weight: 600;
+    font-size: var(--font-md);
+    margin-bottom: var(--space-xs);
+}
+
+.detail-block {
+    padding: var(--space-sm) 0;
+    font-size: var(--font-base);
+    line-height: 1.6;
+    color: var(--color-text);
+    margin-bottom: var(--space-sm);
+}
+
+.detail-block-meta {
+    font-size: var(--font-sm);
+    color: #999;
+}
+
 
 /* -----------------------------------------------------------------
    3.7 Warning Notices
@@ -600,6 +620,23 @@ select.form-input { cursor: pointer; }
 
 .contribution-card-votes { display: flex; gap: var(--space-sm); }
 
+/* Category Filter Labels */
+.category-filter-label {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: 6px;
+    cursor: pointer;
+    font-size: var(--font-sm);
+    color: var(--color-text-secondary);
+}
+
+.category-filter-total {
+    margin-top: 10px;
+    font-size: var(--font-sm);
+    color: var(--color-text-secondary);
+}
+
 
 /* -----------------------------------------------------------------
    4.5 Sidebar News Items
@@ -1268,6 +1305,21 @@ select.form-input { cursor: pointer; }
 }
 
 
+/* News and Comments Tab Headers */
+.tab-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.tab-header h2 {
+    margin: 0;
+    border: none;
+    padding: 0;
+}
+
+
 /* -----------------------------------------------------------------
    5.6 Placeholder Tabs
    ----------------------------------------------------------------- */