fix: Cleanup mobile

templates/assets/css/index.css

@@ -161,6 +161,20 @@ h1 {
     font-size: 13px;
 }
 
+
+.mobile-accordion summary {
+    display: none;
+}
+
+.mobile-accordion .accordion-content {
+    margin-top: 0;
+}
+
+
+.stats-accordion .stats-grid {
+    margin-bottom: 0;
+}
+
 .search-row {
     display: flex;
     gap: 8px;
@@ -288,6 +302,14 @@ th {
 }
 
 @media (max-width: 720px) {
+    .layout {
+        padding: 14px 10px 24px;
+    }
+
+    .hero {
+        margin-bottom: 12px;
+    }
+
     .search-row {
         flex-direction: column;
     }
@@ -299,12 +321,94 @@ th {
     .stats-grid,
     .stats-grid.compact {
         grid-template-columns: 1fr 1fr;
+        gap: 8px;
+        margin-bottom: 10px;
+    }
+
+    .stat-card {
+        padding: 8px 9px;
+    }
+
+    .stat-card strong {
+        font-size: 17px;
+    }
+
+    .panel {
+        margin-bottom: 10px;
+        padding: 9px;
+    }
+
+    .mobile-accordion {
+        padding: 0;
+        overflow: hidden;
+    }
+
+    .mobile-accordion summary {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        cursor: pointer;
+        list-style: none;
+        padding: 10px 12px;
+        font-weight: 700;
+        color: var(--accent);
+        border-bottom: 1px solid rgba(255, 107, 53, 0.2);
+        background: rgba(0, 0, 0, 0.14);
+    }
+
+    .mobile-accordion summary::marker,
+    .mobile-accordion summary::-webkit-details-marker {
+        display: none;
+    }
+
+    .mobile-accordion summary::after {
+        content: "+";
+        font-size: 18px;
+        line-height: 1;
+    }
+
+    .mobile-accordion[open] summary::after {
+        content: "-";
+    }
+
+    .mobile-accordion .accordion-content {
+        padding: 9px;
+    }
+
+    .mobile-accordion .panel-head {
+        display: none;
+    }
+
+    .stats-accordion .accordion-content {
+        padding: 7px;
+    }
+
+    .stats-accordion .stats-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 6px;
+    }
+
+    .stats-accordion .stat-card {
+        padding: 6px 7px;
+        border-radius: 10px;
+    }
+
+    .stats-accordion .stat-card span {
+        font-size: 10px;
+    }
+
+    .stats-accordion .stat-card strong {
+        font-size: 13px;
     }
 }
 
 @media (max-width: 620px) {
     h1 {
-        font-size: clamp(26px, 8vw, 36px);
+        font-size: clamp(24px, 8vw, 32px);
+    }
+
+    .subtitle {
+        font-size: 13px;
     }
 
     .stats-grid,
@@ -312,8 +416,12 @@ th {
         grid-template-columns: 1fr;
     }
 
+    .stats-accordion .stats-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .panel {
-        padding: 10px;
+        padding: 8px;
     }
 
     .table-wrap {