Fullscreen strategy detail with 5-row equity pagination.

Co-authored-by: Cursor <cursoragent@cursor.com>

control/frontend/src/styles.css

@@ -454,29 +454,46 @@ td {
 .modal-backdrop {
   position: fixed;
   inset: 0;
-  background: rgba(4, 8, 14, 0.72);
-  display: grid;
-  place-items: center;
-  padding: 16px;
+  background: rgba(4, 8, 14, 0.92);
+  display: flex;
   z-index: 50;
 }
 
 .modal-panel {
-  width: min(720px, 100%);
-  max-height: min(90vh, 900px);
+  width: 100%;
+  height: 100%;
+  max-height: none;
   overflow: auto;
   background: var(--panel);
-  border: 1px solid var(--line);
-  border-radius: 12px;
-  padding: 18px;
+  border: none;
+  border-radius: 0;
+  padding: 20px 24px 28px;
   display: flex;
   flex-direction: column;
-  gap: 14px;
+  gap: 16px;
 }
 
 .modal-panel.running {
-  border-color: rgba(60, 179, 113, 0.65);
-  box-shadow: 0 0 0 1px rgba(60, 179, 113, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(60, 179, 113, 0.45);
+}
+
+.pager {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-top: 10px;
+}
+
+.pager-meta {
+  color: var(--muted);
+  font-size: 0.85rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.pager-actions {
+  display: flex;
+  gap: 8px;
 }
 
 .modal-head {