Improve race setup navigation and manage flow

src/styles.css

@@ -178,7 +178,7 @@ body {
 .topbar-right {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 8px;
 }
 
 .lang-wrap {
@@ -364,12 +364,12 @@ body {
 
 .wizard-step,
 .manage-step-card {
-  padding: 12px;
+  padding: 10px;
   border: 1px solid var(--line);
   border-radius: 12px;
   background: rgba(255, 255, 255, 0.025);
   display: grid;
-  gap: 6px;
+  gap: 5px;
 }
 
 .manage-step-head {
@@ -408,14 +408,35 @@ body {
 .manage-step-card p {
   margin: 0;
   color: var(--muted);
-  line-height: 1.45;
+  line-height: 1.38;
+}
+
+.manage-step-meta {
+  font-size: 0.78rem;
+  color: var(--muted);
+}
+
+.manage-step-card-link {
+  cursor: pointer;
+  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
+}
+
+.manage-step-card-link:hover {
+  border-color: rgba(225, 6, 0, 0.32);
+  transform: translateY(-1px);
+}
+
+.manage-step-card-link:focus-visible {
+  outline: none;
+  border-color: rgba(225, 6, 0, 0.52);
+  box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.12);
 }
 
 .status-chip {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 82px;
+  min-width: 72px;
   padding: 4px 8px;
   border-radius: 999px;
   font-size: 0.72rem;
@@ -471,13 +492,13 @@ body {
 .race-stage-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
-  gap: 14px;
+  gap: 12px;
 }
 
 .race-setup-shell {
   display: grid;
-  grid-template-columns: minmax(0, 1.75fr) minmax(260px, 0.95fr);
-  gap: 14px;
+  grid-template-columns: minmax(0, 1.75fr) minmax(250px, 0.9fr);
+  gap: 12px;
   align-items: start;
 }
 
@@ -591,6 +612,21 @@ body {
   gap: 6px;
 }
 
+.summary-warning-link {
+  display: inline;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: #ffd391;
+  text-align: left;
+  cursor: pointer;
+  font: inherit;
+}
+
+.summary-warning-link:hover {
+  text-decoration: underline;
+}
+
 .panel-header-inline {
   padding: 0;
   border: 0;