feat(back-end and front-end): back-office pazzo

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

@@ -26,18 +26,40 @@ p {
 button {
   border: 0;
   border-radius: var(--radius-md);
-  background: var(--color-brand);
-  color: var(--color-neutral-900);
   padding: var(--space-2) var(--space-4);
   font-weight: 600;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }
 
-button:hover:not(:disabled) {
+.btn-primary {
+  background: var(--color-brand);
+  color: var(--color-neutral-900);
+}
+
+.btn-primary:hover:not(:disabled) {
   background: var(--color-brand-hover);
 }
 
+.btn-danger {
+  background: var(--color-danger-500);
+  color: #fff;
+}
+
+.btn-danger:hover:not(:disabled) {
+  background: #dc2626;
+}
+
+.btn-secondary {
+  background: transparent;
+  color: var(--color-text);
+  border: 1px solid var(--color-border);
+}
+
+.btn-secondary:hover:not(:disabled) {
+  background: var(--color-neutral-100);
+}
+
 .table-wrap {
   overflow: auto;
 }
@@ -57,3 +79,48 @@ td {
 .error {
   color: var(--color-danger-500);
 }
+
+.success {
+  color: var(--color-success-500);
+}
+
+.actions {
+  display: flex;
+  gap: var(--space-2);
+  white-space: nowrap;
+}
+
+.detail-cell {
+  background: var(--color-neutral-100);
+  padding: var(--space-4);
+}
+
+.detail-box {
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  background: var(--color-bg-card);
+  padding: var(--space-4);
+}
+
+.detail-summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+  margin-bottom: var(--space-3);
+}
+
+.detail-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.detail-table th,
+.detail-table td {
+  text-align: left;
+  padding: var(--space-2);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.muted {
+  color: var(--color-text-muted);
+}