feat: restructure OKX options UI with header funds, settings card, and dual-column layout

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

lib/common/static/instance_theme.css

@@ -2458,4 +2458,62 @@ html[data-theme="light"] .settings-export-link {
 .options-order-mode-row input[type="number"] {
   width: 88px;
 }
+.options-dual-grid {
+  display: grid;
+  grid-template-columns: 1.15fr 0.85fr;
+  gap: 16px;
+  align-items: start;
+}
+@media (max-width: 1100px) {
+  .options-dual-grid {
+    grid-template-columns: 1fr;
+  }
+}
+.options-order-card h2,
+.options-pos-card-wrap h2 {
+  margin: 0 0 10px;
+}
+.options-pos-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.options-pos-head h2 {
+  margin: 0;
+}
+.options-pos-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+.opt-pos-tab.active {
+  border-color: #5b8cff;
+  color: #cfe0ff;
+  background: rgba(74, 124, 255, 0.28);
+}
+.options-pos-pane {
+  min-height: 200px;
+}
+.opt-pos-card {
+  margin-bottom: 10px;
+}
+.options-settings-block {
+  margin-bottom: 14px;
+}
+.options-settings-row {
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.options-settings-hint {
+  font-size: 0.82rem;
+  margin: 0 0 8px;
+}
+.pos-pnl-profit {
+  color: #7ee787;
+}
+.pos-pnl-loss {
+  color: #ff8b8b;
+}