feat(cms): improve catalog, editorial recovery and operations

src/app/(site)/me/dashboard.module.css

@@ -247,3 +247,81 @@
 	background: var(--color-primary);
 	border-radius: 999px;
 }
+
+.shortcutHint {
+	display: block;
+	margin-top: 4px;
+	font-size: 0.75rem;
+	font-weight: 400;
+	color: var(--color-text-muted);
+}
+.shortcut {
+	min-height: 64px;
+	text-align: center;
+	overflow-wrap: anywhere;
+}
+.shortcut:focus-visible,
+.friend:focus-visible,
+.room:focus-visible {
+	outline: 2px solid var(--color-primary);
+	outline-offset: 3px;
+}
+.event {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	gap: 16px;
+}
+.eventDetails {
+	min-width: 0;
+	flex: 1 1 220px;
+	overflow-wrap: anywhere;
+}
+.eventDetails h2 {
+	margin: 8px 0;
+	font-size: 1.15rem;
+}
+.eventDetails p {
+	margin: 0;
+	font-size: 0.85rem;
+}
+.eventPhase {
+	display: inline-block;
+	border-radius: 999px;
+	padding: 4px 10px;
+	color: var(--color-text-readable);
+	background: color-mix(
+		in srgb,
+		var(--color-primary) 14%,
+		var(--color-surface)
+	);
+	font-size: 0.75rem;
+	font-weight: 700;
+}
+@media (max-width: 400px) {
+	.hero {
+		gap: 12px;
+		padding: 14px;
+	}
+	.avatar {
+		width: 64px;
+		height: 100px;
+	}
+	.identity {
+		min-width: 0;
+	}
+	.identity h1 {
+		font-size: 1.4rem;
+	}
+	.wallet {
+		gap: 8px;
+	}
+	.currency {
+		padding: 10px;
+	}
+	.event > a {
+		width: 100%;
+		text-align: center;
+	}
+}