feat: integrate analytics and fragment receipt improvements

src/styles/global.css

@@ -132,6 +132,16 @@
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
+.dashboard-grid--four {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+@media (max-width: 1180px) {
+  .dashboard-grid--four {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
 .metric-card {
   display: grid;
   gap: var(--space-2);
@@ -6849,6 +6859,30 @@
   font-style: normal;
 }
 
+.signature-quality-matrix__drainage {
+  display: grid;
+  gap: var(--space-2);
+  min-width: 150px;
+}
+
+.signature-quality-matrix__drainage > div {
+  border-bottom: 1px dashed var(--color-border);
+  display: grid;
+  gap: 4px;
+  grid-template-columns: 58px 1fr;
+  padding-bottom: var(--space-2);
+}
+
+.signature-quality-matrix__drainage > div:last-child {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.signature-quality-matrix__drainage b {
+  color: var(--color-text-muted);
+  font-size: 12px;
+}
+
 .signature-quality-matrix__rate {
   font-weight: 600;
 }
@@ -8026,14 +8060,11 @@
 }
 
 .admin-user-toolbar {
-  grid-template-columns: minmax(0, 1fr) auto auto;
+  grid-template-columns: minmax(0, 1fr) auto;
 }
 
 .admin-user-filter-grid {
-  align-items: end;
-  display: grid;
-  gap: var(--space-4);
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  min-width: 0;
 }
 
 .admin-user-toolbar > .ui-button {
@@ -8235,7 +8266,6 @@
   .admin-drainage-toolbar { grid-template-columns: 1fr; }
   .admin-drainage-section__heading { align-items: stretch; flex-direction: column; }
   .admin-user-toolbar { grid-template-columns: 1fr; }
-  .admin-user-filter-grid { grid-template-columns: 1fr; }
 }
 
 .admin-drainage-actions .ui-button--ghost {