feat(front-end): make responsive back-office

frontend/src/app/features/admin/pages/admin-sessions.component.scss

@@ -2,7 +2,7 @@
   background: var(--color-bg-card);
   border: 1px solid var(--color-border);
   border-radius: var(--radius-lg);
-  padding: var(--space-6);
+  padding: clamp(12px, 2vw, 24px);
   box-shadow: var(--shadow-sm);
 }
 
@@ -67,6 +67,7 @@ button {
 table {
   width: 100%;
   border-collapse: collapse;
+  min-width: 920px;
 }
 
 th,
@@ -112,6 +113,7 @@ td {
 .detail-table {
   width: 100%;
   border-collapse: collapse;
+  min-width: 620px;
 }
 
 .detail-table th,
@@ -124,3 +126,39 @@ td {
 .muted {
   color: var(--color-text-muted);
 }
+
+@media (max-width: 900px) {
+  .section-header {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .actions {
+    flex-wrap: wrap;
+  }
+
+  .detail-cell {
+    padding: var(--space-3);
+  }
+
+  .detail-box {
+    padding: var(--space-3);
+  }
+
+  .detail-summary {
+    gap: var(--space-2);
+    font-size: 0.92rem;
+  }
+}
+
+@media (max-width: 520px) {
+  .section-card {
+    padding: var(--space-3);
+  }
+
+  th,
+  td {
+    padding: var(--space-2);
+    font-size: 0.86rem;
+  }
+}