From f23c20c1c66b39fb1f49307e08e8593fa708e026 Mon Sep 17 00:00:00 2001
From: Kostya <mail@sartin.in>
Date: Wed, 9 Sep 2026 10:05:12 +0300
Subject: ui-desktop: build the JavaFX market UI on top of the service

Replace the placeholder hello-world window with a working desktop
client for the guess market.

ServiceEngine wires the in-memory repositories, XML loader, risk,
matching, fulfillment and settlement contexts together, and AppState
exposes their results as observable JavaFX state for the views to bind
to. The FXML views have an events tab and a users tab. The events tab
lists events with mechanism and commission filters, and shows each
event's price chart, order book ladder, trade history and participants.
The users tab shows each user's ledger and positions, and lets them
place buy and sell orders. Dialogs cover loading an XML file (in a
background task), creating an event and resolving one.

Bundle a CSS theme and Nerd Font faces so the UI looks the same on
every machine. Teach build.sh to copy each module's src/main/resources
into its class output, since FXML, CSS and fonts are loaded from the
classpath at runtime.
---
 .../market/guess/ui/desktop/app_view.fxml          | 158 ++++
 .../desktop/controllers/dialog_create_event.fxml   | 137 +++
 .../guess/ui/desktop/controllers/dialog_load.fxml  |  32 +
 .../ui/desktop/controllers/dialog_resolve.fxml     |  54 ++
 .../guess/ui/desktop/controllers/empty_state.fxml  |  19 +
 .../guess/ui/desktop/controllers/events_tab.fxml   | 448 ++++++++++
 .../guess/ui/desktop/controllers/users_tab.fxml    | 240 ++++++
 .../market/guess/ui/desktop/event_list_item.fxml   |  30 +
 .../desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf   | Bin 0 -> 2959748 bytes
 .../fonts/CaskaydiaCoveNerdFont-Regular.ttf        | Bin 0 -> 2959676 bytes
 .../ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf     | Bin 0 -> 2782540 bytes
 .../ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf  | Bin 0 -> 2752724 bytes
 .../desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf   | Bin 0 -> 2472872 bytes
 .../fonts/JetBrainsMonoNerdFont-Regular.ttf        | Bin 0 -> 2469104 bytes
 .../market/guess/ui/desktop/ladder_item.fxml       |  18 +
 .../market/guess/ui/desktop/participant_item.fxml  |  19 +
 .../resources/market/guess/ui/desktop/theme.css    | 926 +++++++++++++++++++++
 .../guess/ui/desktop/trade_history_item.fxml       |  19 +
 .../market/guess/ui/desktop/user_event_item.fxml   |  21 +
 .../market/guess/ui/desktop/user_list_item.fxml    |  22 +
 20 files changed, 2143 insertions(+)
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml
 create mode 100644 ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml

(limited to 'ui-desktop/src/main/resources')

diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml
new file mode 100644
index 0000000..855b787
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml
@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.Tab?>
+<?import javafx.scene.control.TabPane?>
+<?import javafx.scene.control.Tooltip?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.SVGPath?>
+
+<StackPane fx:id="rootStack" styleClass="gm-root" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.AppController">
+   <children>
+      <!-- Safety net: scrolls only if the viewport gets smaller than AppView.MIN_WIDTH x MIN_HEIGHT. -->
+      <ScrollPane fitToHeight="true" fitToWidth="true" styleClass="gm-app-scroll">
+         <content>
+            <BorderPane fx:id="chrome" styleClass="gm-chrome">
+               <top>
+                  <VBox>
+                     <children>
+                        <!-- Window Bar -->
+                        <HBox fx:id="windowBar" alignment="CENTER_LEFT" prefHeight="32.0" spacing="10.0" styleClass="gm-bg-panel2, gm-divider-bottom">
+                           <padding>
+                              <Insets left="14.0" right="14.0" />
+                           </padding>
+                           <children>
+                              <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-traffic-lights">
+                                 <children>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleClose" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-no">
+                                       <children>
+                                          <SVGPath content="M 0 0 L 5 5 M 5 0 L 0 5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleMinimize" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-accent">
+                                       <children>
+                                          <SVGPath content="M 0 2.5 L 6 2.5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleMaximize" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-yes">
+                                       <children>
+                                          <SVGPath content="M 0 2.5 L 5 2.5 M 2.5 0 L 2.5 5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                 </children>
+                              </HBox>
+                              <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink2" text="Guess Market" />
+                           </children>
+                        </HBox>
+                        <!-- Toolbar -->
+                        <HBox alignment="CENTER_LEFT" spacing="12.0" styleClass="gm-bg-panel, gm-divider-bottom">
+                           <padding>
+                              <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+                           </padding>
+                           <children>
+                              <Button minWidth="-Infinity" onAction="#handleLoadFile" styleClass="gm-btn, gm-btn-primary" text="Load File…" />
+                              <HBox alignment="CENTER_LEFT" spacing="10.0" styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                 <padding>
+                                    <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                 </padding>
+                                 <children>
+                                    <Label minWidth="-Infinity" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="" />
+                                    <Label fx:id="loadedFilePathLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-base, gm-font-mono, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                 </children>
+                              </HBox>
+                              <HBox alignment="CENTER_RIGHT" minWidth="-Infinity" spacing="12.0">
+                                 <children>
+                                    <Button fx:id="animationsButton" onAction="#handleAnimationsToggled" styleClass="gm-btn, gm-btn-secondary, gm-btn-icon">
+                                       <tooltip>
+                                          <Tooltip text="Toggle animations" />
+                                       </tooltip>
+                                    </Button>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0">
+                                       <children>
+                                          <ComboBox fx:id="skinComboBox" onAction="#handleSkinChanged" styleClass="gm-select-base, gm-select-btn-bg" />
+                                       </children>
+                                    </HBox>
+                                 </children>
+                              </HBox>
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+               </top>
+               <center>
+                  <StackPane fx:id="centerContainer">
+                     <children>
+                        <fx:include fx:id="emptyState" source="controllers/empty_state.fxml" />
+                        <TabPane fx:id="tabPane" managed="false" styleClass="gm-tabs" tabClosingPolicy="UNAVAILABLE" visible="false">
+                           <tabs>
+                              <Tab text="Events">
+                                 <content>
+                                    <fx:include fx:id="eventsTab" source="controllers/events_tab.fxml" />
+                                 </content>
+                              </Tab>
+                              <Tab text="Users">
+                                 <content>
+                                    <fx:include fx:id="usersTab" source="controllers/users_tab.fxml" />
+                                 </content>
+                              </Tab>
+                           </tabs>
+                        </TabPane>
+                        <!-- Overlaid on the right of the tab header; height is bound to the header in AppController -->
+                        <HBox fx:id="tabInfo" alignment="CENTER_RIGHT" maxHeight="-Infinity" pickOnBounds="false" spacing="8.0" visible="false" StackPane.alignment="TOP_RIGHT">
+                           <padding>
+                              <Insets left="4.0" right="20.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="actingAsLabel" styleClass="gm-text-base, gm-font-medium, gm-text-ink2">
+                                 <padding>
+                                    <Insets right="12.0" />
+                                 </padding>
+                              </Label>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="ACCOUNT BALANCE" />
+                              <Label fx:id="balanceValueLabel" styleClass="gm-font-mono, gm-text-lg, gm-font-semibold, gm-text-accent" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </StackPane>
+               </center>
+               <bottom>
+                  <HBox alignment="CENTER_LEFT" prefHeight="30.0" spacing="12.0" styleClass="gm-bg-panel2, gm-divider-top">
+                     <padding>
+                        <Insets left="14.0" right="14.0" />
+                     </padding>
+                     <children>
+                        <Label fx:id="statusBarLabel" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+                        <Region HBox.hgrow="ALWAYS" />
+                        <Button fx:id="ejectButton" onAction="#handleEjectFile" styleClass="gm-link-button" text="󰮑" visible="false" />
+                     </children>
+                  </HBox>
+               </bottom>
+            </BorderPane>
+         </content>
+      </ScrollPane>
+      <StackPane fx:id="dialogContainer" mouseTransparent="true" visible="false">
+         <children>
+            <fx:include fx:id="loadDialog" managed="false" source="controllers/dialog_load.fxml" visible="false" />
+            <fx:include fx:id="createEventDialog" managed="false" source="controllers/dialog_create_event.fxml" visible="false" />
+            <fx:include fx:id="resolveDialog" managed="false" source="controllers/dialog_resolve.fxml" visible="false" />
+         </children>
+      </StackPane>
+      <StackPane fx:id="toastContainer" mouseTransparent="true" pickOnBounds="false">
+         <children>
+            <Label fx:id="toastLabel" styleClass="gm-toast" visible="false" StackPane.alignment="BOTTOM_CENTER">
+               <StackPane.margin>
+                  <Insets bottom="44.0" />
+               </StackPane.margin>
+            </Label>
+         </children>
+      </StackPane>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml
new file mode 100644
index 0000000..c8f092f
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml
@@ -0,0 +1,137 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.CheckBox?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextArea?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.CreateEventDialogController">
+   <children>
+      <ScrollPane fitToWidth="true" maxHeight="640.0" maxWidth="620.0" prefWidth="620.0" styleClass="gm-modal-card" StackPane.alignment="CENTER">
+         <content>
+            <VBox>
+               <children>
+                  <!-- Header -->
+                  <HBox alignment="BASELINE_LEFT" styleClass="gm-divider-bottom">
+                     <padding>
+                        <Insets bottom="16.0" left="20.0" right="20.0" top="16.0" />
+                     </padding>
+                     <children>
+                        <Label styleClass="gm-text-xl, gm-font-bold, gm-text-ink" text="Create new event" />
+                        <Region HBox.hgrow="ALWAYS" />
+                     </children>
+                  </HBox>
+                  <!-- Body Form -->
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="18.0" left="20.0" right="20.0" top="18.0" />
+                     </padding>
+                     <children>
+                        <!-- Name Field -->
+                        <VBox spacing="5.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Event name" />
+                              <TextField fx:id="nameField" maxWidth="1.7976931348623157E308" promptText="Will the summit happen before Q4?" styleClass="gm-textfield" />
+                           </children>
+                        </VBox>
+                        <!-- Description Field -->
+                        <VBox spacing="5.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Description &amp; termination condition" />
+                              <TextArea fx:id="descArea" prefRowCount="2" promptText="Resolves YES if a joint summit is publicly confirmed and held before October 1st." styleClass="gm-textarea" wrapText="true" />
+                           </children>
+                        </VBox>
+                        <!-- Row 1: Trading Method & Fee Collection -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Trading method" />
+                                    <HBox>
+                                       <children>
+                                          <Button fx:id="lmsrBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectLmsr" styleClass="gm-seg, gm-seg-left, gm-seg-pad-tight" text="LMSR" HBox.hgrow="ALWAYS" />
+                                          <Button fx:id="orderBookBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectOrderBook" styleClass="gm-seg, gm-seg-right, gm-seg-pad-tight" text="Order Book" HBox.hgrow="ALWAYS" />
+                                       </children>
+                                    </HBox>
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee collection" />
+                                    <ComboBox fx:id="feeCollectionCombo" maxWidth="1.7976931348623157E308" styleClass="gm-select-base, gm-select-panel2-bg" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Row 2: Fee Percent & Parameter -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee percent (0–90)" />
+                                    <TextField fx:id="feePercentField" maxWidth="1.7976931348623157E308" promptText="5" styleClass="gm-textfield, gm-textfield-mono" />
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label fx:id="paramLabel" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Liquidity b (integer)" />
+                                    <TextField fx:id="paramField" maxWidth="1.7976931348623157E308" promptText="100" styleClass="gm-textfield, gm-textfield-mono" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Option Names -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Option 1" />
+                                    <TextField fx:id="opt1Field" maxWidth="1.7976931348623157E308" promptText="YES" styleClass="gm-textfield" />
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Option 2" />
+                                    <TextField fx:id="opt2Field" maxWidth="1.7976931348623157E308" promptText="NO" styleClass="gm-textfield" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Minting CheckBox (Order Book only) -->
+                        <CheckBox fx:id="mintingCheckBox" selected="true" styleClass="gm-checkbox-strong" text="Allow minting new share pairs when bid + ask exceeds d" visible="false" />
+                        <!-- Info Box -->
+                        <HBox styleClass="gm-card-panel2">
+                           <padding>
+                              <Insets bottom="11.0" left="13.0" right="13.0" top="11.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="infoNoteLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" wrapText="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+                  <!-- Footer -->
+                  <HBox alignment="CENTER_LEFT" spacing="9.0" styleClass="gm-divider-top">
+                     <padding>
+                        <Insets bottom="14.0" left="20.0" right="20.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <Region HBox.hgrow="ALWAYS" />
+                        <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+                        <Button onAction="#handleCreate" styleClass="gm-btn, gm-btn-primary" text="Create event" />
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+         </content>
+      </ScrollPane>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml
new file mode 100644
index 0000000..d93ac9e
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ProgressBar?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.LoadDialogController">
+   <children>
+      <VBox maxHeight="-Infinity" maxWidth="-Infinity" prefWidth="430.0" spacing="12.0" styleClass="gm-card" StackPane.alignment="CENTER">
+         <padding>
+            <Insets bottom="20.0" left="22.0" right="22.0" top="20.0" />
+         </padding>
+         <children>
+            <Label styleClass="gm-text-lg, gm-font-bold, gm-text-ink" text="Loading events file…" />
+            <Label fx:id="pathLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-mono, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" />
+            <ProgressBar fx:id="progressBar" maxWidth="1.7976931348623157E308" prefHeight="9.0" progress="0.06" styleClass="gm-progress, gm-progress-accent" />
+            <HBox alignment="CENTER_LEFT">
+               <children>
+                  <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Validating users, market makers and fees…" />
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml
new file mode 100644
index 0000000..b5a9634
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.ResolveDialogController">
+   <children>
+      <VBox maxHeight="-Infinity" maxWidth="-Infinity" prefWidth="470.0" styleClass="gm-card" StackPane.alignment="CENTER">
+         <children>
+            <!-- Title -->
+            <HBox alignment="CENTER_LEFT" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="16.0" left="20.0" right="20.0" top="16.0" />
+               </padding>
+               <children>
+                  <Label styleClass="gm-text-lg, gm-font-bold, gm-text-ink" text="Close &amp; resolve event" />
+               </children>
+            </HBox>
+            <!-- Body -->
+            <VBox spacing="13.0">
+               <padding>
+                  <Insets bottom="18.0" left="20.0" right="20.0" top="18.0" />
+               </padding>
+               <children>
+                  <Label styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="Pick the option the event ended with. The contract account is emptied to holders of the winning option; a close-time fee is moved to the market maker. This cannot be undone." wrapText="true" />
+                  <HBox spacing="10.0">
+                     <children>
+                        <Button fx:id="resolveYesBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectYes" styleClass="gm-resolve-option, gm-resolve-option-yes" text="YES" HBox.hgrow="ALWAYS" />
+                        <Button fx:id="resolveNoBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectNo" styleClass="gm-resolve-option, gm-resolve-option-no" text="NO" HBox.hgrow="ALWAYS" />
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+            <!-- Footer -->
+            <HBox alignment="CENTER_LEFT" spacing="9.0" styleClass="gm-divider-top">
+               <padding>
+                  <Insets bottom="14.0" left="20.0" right="20.0" top="14.0" />
+               </padding>
+               <children>
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+                  <Button fx:id="confirmBtn" disable="true" onAction="#handleConfirm" styleClass="gm-btn, gm-btn-destructive" text="Resolve as …" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml
new file mode 100644
index 0000000..0385759
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import market.guess.ui.desktop.components.graphic.MarketChart?>
+
+<StackPane styleClass="gm-chrome" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.EmptyStateController">
+   <children>
+      <VBox alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" spacing="14.0">
+         <children>
+            <MarketChart fx:id="marketChart" />
+            <Label styleClass="gm-text-xl, gm-font-semibold, gm-text-ink" text="No file loaded" />
+            <Label alignment="CENTER" maxWidth="420.0" styleClass="gm-text-md, gm-font-regular, gm-text-ink2" text="Load an XML file to populate events and users" textAlignment="CENTER" wrapText="true" />
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml
new file mode 100644
index 0000000..4e2c1d4
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml
@@ -0,0 +1,448 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.layout.FlowPane?>
+<?import javafx.scene.chart.LineChart?>
+<?import javafx.scene.chart.NumberAxis?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.ProgressBar?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<HBox spacing="12.0" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.EventsTabController">
+   <padding>
+      <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+   </padding>
+   <children>
+      <!-- Left Card: Filters + List -->
+      <VBox maxWidth="498.0" minWidth="498.0" prefWidth="498.0" spacing="10.0" styleClass="gm-card">
+         <padding>
+            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+         </padding>
+         <children>
+            <!-- Method Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Method" />
+                  <Button fx:id="methodFilterAllBtn" onAction="#handleMethodAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="methodFilterLmsrBtn" onAction="#handleMethodLmsr" styleClass="gm-toggle" text="LMSR" />
+                  <Button fx:id="methodFilterObBtn" onAction="#handleMethodOb" styleClass="gm-toggle" text="Order Book" />
+               </children>
+            </HBox>
+            <!-- Status Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Status" />
+                  <Button fx:id="statusFilterAllBtn" onAction="#handleStatusAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="statusFilterNotStartedBtn" onAction="#handleStatusNotStarted" styleClass="gm-toggle" text="Not started" />
+                  <Button fx:id="statusFilterActiveBtn" onAction="#handleStatusActive" styleClass="gm-toggle" text="Active" />
+                  <Button fx:id="statusFilterClosedBtn" onAction="#handleStatusClosed" styleClass="gm-toggle" text="Closed" />
+               </children>
+            </HBox>
+            <!-- Fee Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee" />
+                  <Button fx:id="feeFilterAllBtn" onAction="#handleFeeAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="feeFilterPurchaseBtn" onAction="#handleFeePurchase" styleClass="gm-toggle" text="On purchase" />
+                  <Button fx:id="feeFilterCloseBtn" onAction="#handleFeeClose" styleClass="gm-toggle" text="On close" />
+               </children>
+            </HBox>
+            <!-- Virtualized Event List -->
+            <ListView fx:id="eventListContainer" styleClass="gm-scroll-transparent, gm-list-view" VBox.vgrow="ALWAYS" />
+            <!-- Footer -->
+            <HBox alignment="CENTER_LEFT">
+               <children>
+                  <Label fx:id="eventCountLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="0 of 0 events shown" />
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleNewEvent" styleClass="gm-btn, gm-btn-secondary" text="+ New Event" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+      <!-- Right Card: Event Details -->
+      <VBox fx:id="eventDetailCard" styleClass="gm-card" HBox.hgrow="ALWAYS">
+         <children>
+            <!-- Detail Header -->
+            <VBox fx:id="detailHeaderBox" spacing="9.0" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+               </padding>
+               <children>
+                  <HBox alignment="TOP_LEFT" spacing="12.0">
+                     <children>
+                        <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                           <children>
+                              <Label fx:id="eventNameLabel" styleClass="gm-text-xl, gm-font-bold, gm-text-ink" />
+                              <Label fx:id="eventDescLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" wrapText="true" />
+                           </children>
+                        </VBox>
+                        <HBox spacing="7.0">
+                           <children>
+                              <Button fx:id="openEventBtn" onAction="#handleOpenEvent" styleClass="gm-btn, gm-btn-primary" text="Open Event" />
+                              <Button fx:id="closeEventBtn" onAction="#handleCloseEvent" styleClass="gm-btn, gm-btn-secondary" text="Close &amp; Resolve…" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </HBox>
+                  <HBox fx:id="metaFieldsBox" alignment="CENTER_LEFT" spacing="16.0">
+                     <children>
+                        <HBox fx:id="livePill" alignment="CENTER_LEFT" spacing="7.0" styleClass="gm-pill, gm-live-pill">
+                           <children>
+                              <StackPane fx:id="liveBarsBox" />
+                              <Label fx:id="liveLabel" styleClass="gm-live-label" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Method" />
+                              <Label fx:id="metaMethodLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Status" />
+                              <Label fx:id="metaStatusLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Market Maker" />
+                              <Label fx:id="metaMmLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Fee" />
+                              <Label fx:id="metaFeeLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Contract" />
+                              <Label fx:id="metaContractLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+            <!-- Detail Scrollable Body -->
+            <ScrollPane fitToWidth="true" styleClass="gm-scroll-transparent" VBox.vgrow="ALWAYS">
+               <content>
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <!-- LMSR Section -->
+                        <VBox fx:id="lmsrSection" spacing="14.0">
+                           <children>
+                              <!-- YES / NO Option Cards -->
+                              <HBox spacing="10.0">
+                                 <children>
+                                    <VBox spacing="9.0" styleClass="gm-card-soft-yes" HBox.hgrow="ALWAYS">
+                                       <padding>
+                                          <Insets bottom="12.0" left="13.0" right="13.0" top="12.0" />
+                                       </padding>
+                                       <children>
+                                          <HBox alignment="BASELINE_LEFT">
+                                             <children>
+                                                <Label styleClass="gm-text-lg, gm-font-bold, gm-text-yes" text="YES" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="lmsrYesPriceLabel" styleClass="gm-text-2xl, gm-font-semibold, gm-font-mono, gm-text-yes" />
+                                             </children>
+                                          </HBox>
+                                          <ProgressBar fx:id="lmsrYesProgressBar" maxHeight="6.0" maxWidth="1.7976931348623157E308" minHeight="6.0" prefHeight="6.0" styleClass="gm-progress, gm-progress-yes" />
+                                          <Label fx:id="lmsrYesSharesLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </VBox>
+                                    <VBox spacing="9.0" styleClass="gm-card-soft-no" HBox.hgrow="ALWAYS">
+                                       <padding>
+                                          <Insets bottom="12.0" left="13.0" right="13.0" top="12.0" />
+                                       </padding>
+                                       <children>
+                                          <HBox alignment="BASELINE_LEFT">
+                                             <children>
+                                                <Label styleClass="gm-text-lg, gm-font-bold, gm-text-no" text="NO" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="lmsrNoPriceLabel" styleClass="gm-text-2xl, gm-font-semibold, gm-font-mono, gm-text-no" />
+                                             </children>
+                                          </HBox>
+                                          <ProgressBar fx:id="lmsrNoProgressBar" maxHeight="6.0" maxWidth="1.7976931348623157E308" minHeight="6.0" prefHeight="6.0" styleClass="gm-progress, gm-progress-no" />
+                                          <Label fx:id="lmsrNoSharesLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </HBox>
+                              <!-- LMSR Chart Block -->
+                              <VBox spacing="8.0">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT">
+                                       <children>
+                                          <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Share price over time" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="lmsrChartSubLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <VBox styleClass="gm-card-panel2">
+                                       <padding>
+                                          <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                       </padding>
+                                       <children>
+                                          <LineChart fx:id="lmsrChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="170.0" styleClass="gm-chart, gm-chart-dual" verticalGridLinesVisible="false">
+                                             <xAxis>
+                                                <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                             </xAxis>
+                                             <yAxis>
+                                                <NumberAxis autoRanging="false" lowerBound="0.0" minorTickVisible="false" styleClass="gm-chart-axis" tickUnit="0.25" upperBound="1.0" />
+                                             </yAxis>
+                                          </LineChart>
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Order Book Section -->
+                        <VBox fx:id="orderBookSection" spacing="14.0">
+                           <children>
+                              <HBox spacing="12.0">
+                                 <children>
+                                    <!-- YES Order Book -->
+                                    <VBox styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                       <children>
+                                          <HBox alignment="CENTER_LEFT" styleClass="gm-card-soft-yes">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-bold, gm-text-yes" text="YES Order Book" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="yesBookCountLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </HBox>
+                                          <FlowPane hgap="12.0" vgap="4.0" styleClass="gm-divider-bottom">
+                                             <padding>
+                                                <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Last" />
+                                                      <Label fx:id="yesLastLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best bid" />
+                                                      <Label fx:id="yesBestBidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best ask" />
+                                                      <Label fx:id="yesBestAskLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Mid" />
+                                                      <Label fx:id="yesMidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Spread" />
+                                                      <Label fx:id="yesSpreadLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </FlowPane>
+                                          <HBox spacing="8.0" styleClass="gm-bg-panel3">
+                                             <padding>
+                                                <Insets bottom="6.0" left="12.0" right="12.0" top="6.0" />
+                                             </padding>
+                                             <children>
+                                                <Label alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Price" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Side" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Qty" />
+                                                <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                             </children>
+                                          </HBox>
+                                          <VBox fx:id="yesBookLadderList" />
+                                       </children>
+                                    </VBox>
+                                    <!-- NO Order Book -->
+                                    <VBox styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                       <children>
+                                          <HBox alignment="CENTER_LEFT" styleClass="gm-card-soft-no">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-bold, gm-text-no" text="NO Order Book" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="noBookCountLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </HBox>
+                                          <FlowPane hgap="12.0" vgap="4.0" styleClass="gm-divider-bottom">
+                                             <padding>
+                                                <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Last" />
+                                                      <Label fx:id="noLastLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best bid" />
+                                                      <Label fx:id="noBestBidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best ask" />
+                                                      <Label fx:id="noBestAskLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Mid" />
+                                                      <Label fx:id="noMidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Spread" />
+                                                      <Label fx:id="noSpreadLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </FlowPane>
+                                          <HBox spacing="8.0" styleClass="gm-bg-panel3">
+                                             <padding>
+                                                <Insets bottom="6.0" left="12.0" right="12.0" top="6.0" />
+                                             </padding>
+                                             <children>
+                                                <Label alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Price" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Side" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Qty" />
+                                                <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                             </children>
+                                          </HBox>
+                                          <VBox fx:id="noBookLadderList" />
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </HBox>
+                              <VBox spacing="8.0">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT">
+                                       <children>
+                                          <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Last trade price over time" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="obChartSubLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <VBox styleClass="gm-card-panel2">
+                                       <padding>
+                                          <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                       </padding>
+                                       <children>
+                                          <LineChart fx:id="obChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="160.0" styleClass="gm-chart, gm-chart-single" verticalGridLinesVisible="false">
+                                             <xAxis>
+                                                <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                             </xAxis>
+                                             <yAxis>
+                                                <NumberAxis autoRanging="false" lowerBound="0.0" minorTickVisible="false" styleClass="gm-chart-axis" tickUnit="0.25" upperBound="1.0" />
+                                             </yAxis>
+                                          </LineChart>
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Trade History Block -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <HBox alignment="CENTER_LEFT" spacing="6.0">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Trade history" />
+                                    <Label styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="newest first" />
+                                 </children>
+                              </HBox>
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label minWidth="66.0" prefWidth="66.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="#" />
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label minWidth="76.0" prefWidth="76.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Option" />
+                                          <Label minWidth="92.0" prefWidth="92.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Shares" />
+                                          <Label minWidth="88.0" prefWidth="88.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Paid" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="tradeHistoryRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Participants Section -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Participants">
+                                       <padding>
+                                          <Insets bottom="4.0" />
+                                       </padding>
+                                    </Label>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="YES" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="NO" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Value" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Fees paid" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="participantsRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Resolved Banner Section -->
+                        <HBox fx:id="resolvedBanner" alignment="CENTER_LEFT" spacing="12.0" styleClass="gm-banner-resolved">
+                           <padding>
+                              <Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
+                           </padding>
+                           <children>
+                              <Label styleClass="gm-pill, gm-pill-resolved" text="RESOLVED" />
+                              <Label fx:id="resolvedBannerText" maxWidth="1.7976931348623157E308" styleClass="gm-text-md, gm-font-medium, gm-text-ink" wrapText="true" HBox.hgrow="ALWAYS" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+               </content>
+            </ScrollPane>
+         </children>
+      </VBox>
+   </children>
+</HBox>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml
new file mode 100644
index 0000000..0a8ee3b
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml
@@ -0,0 +1,240 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.chart.LineChart?>
+<?import javafx.scene.chart.NumberAxis?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.FlowPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<HBox spacing="12.0" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.UsersTabController">
+   <padding>
+      <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+   </padding>
+   <children>
+      <!-- Left Card: Users List -->
+      <VBox maxWidth="274.0" minWidth="274.0" prefWidth="274.0" spacing="6.0" styleClass="gm-card">
+         <padding>
+            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+         </padding>
+         <children>
+            <!-- Header -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                  <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Balance" />
+               </children>
+            </HBox>
+            <!-- Virtualized Users List -->
+            <ListView fx:id="userListContainer" styleClass="gm-scroll-transparent, gm-list-view" VBox.vgrow="ALWAYS" />
+            <!-- Create Event Button -->
+            <Button maxWidth="1.7976931348623157E308" onAction="#handleCreateNewEvent" styleClass="gm-btn, gm-btn-primary" text="+ Create New Event" />
+         </children>
+      </VBox>
+      <!-- Right Card: User Details -->
+      <VBox fx:id="userDetailCard" styleClass="gm-card" HBox.hgrow="ALWAYS">
+         <children>
+            <!-- Header Section -->
+            <HBox alignment="CENTER_LEFT" spacing="14.0" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+               </padding>
+               <children>
+                  <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                     <children>
+                        <HBox alignment="CENTER_LEFT" spacing="9.0">
+                           <children>
+                              <Label fx:id="userNameLabel" styleClass="gm-text-xl, gm-font-bold, gm-text-ink" />
+                              <Label fx:id="userRolePill" styleClass="gm-pill" />
+                           </children>
+                        </HBox>
+                        <Label fx:id="userSubLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" />
+                     </children>
+                  </VBox>
+                  <HBox alignment="CENTER_RIGHT" spacing="12.0">
+                     <children>
+                        <StackPane fx:id="sparklineBox" />
+                        <VBox alignment="CENTER_RIGHT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Balance" />
+                              <Label fx:id="userBalanceLabel" styleClass="gm-user-balance" />
+                           </children>
+                        </VBox>
+                     </children>
+                  </HBox>
+               </children>
+            </HBox>
+            <!-- Body Content (Scrollable) -->
+            <ScrollPane fitToWidth="true" styleClass="gm-scroll-transparent" VBox.vgrow="ALWAYS">
+               <content>
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <!-- Blocked Banner -->
+                        <HBox fx:id="blockedBanner" alignment="CENTER_LEFT" spacing="11.0" styleClass="gm-banner-blocked">
+                           <padding>
+                              <Insets bottom="11.0" left="13.0" right="13.0" top="11.0" />
+                           </padding>
+                           <children>
+                              <Label styleClass="gm-pill, gm-pill-blocked" text="BLOCKED" />
+                              <Label maxWidth="1.7976931348623157E308" styleClass="gm-text-base, gm-font-medium, gm-text-ink" text="This account reached a negative balance. All trading actions are disabled and cannot be re-enabled — accounts cannot be topped up in Ex 2." wrapText="true" HBox.hgrow="ALWAYS" />
+                           </children>
+                        </HBox>
+                        <!-- Balance Chart Block -->
+                        <VBox spacing="8.0">
+                           <children>
+                              <HBox alignment="CENTER_LEFT">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Account balance over time" />
+                                    <Region HBox.hgrow="ALWAYS" />
+                                    <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="every trade, fee and payout" />
+                                 </children>
+                              </HBox>
+                              <VBox styleClass="gm-card-panel2">
+                                 <padding>
+                                    <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                 </padding>
+                                 <children>
+                                    <LineChart fx:id="balanceChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="170.0" styleClass="gm-chart, gm-chart-single" verticalGridLinesVisible="false">
+                                       <xAxis>
+                                          <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                       </xAxis>
+                                       <yAxis>
+                                          <NumberAxis autoRanging="true" minorTickVisible="false" styleClass="gm-chart-axis" />
+                                       </yAxis>
+                                    </LineChart>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Participation Table Block -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Events participation / owner" />
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Event" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label minWidth="-Infinity" prefWidth="92.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Role" />
+                                          <Label minWidth="-Infinity" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Type" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="YES" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="NO" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="90.0" prefWidth="90.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="P/L" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="participationRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Trade Panel Block -->
+                        <VBox fx:id="tradePanel" spacing="9.0" styleClass="gm-card-panel2">
+                           <padding>
+                              <Insets bottom="13.0" left="14.0" right="14.0" top="13.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="noTradeEventLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="Select an event above to trade." visible="false" />
+                              <VBox fx:id="tradeContentBox" spacing="9.0">
+                                 <children>
+                                    <HBox alignment="BASELINE_LEFT">
+                                       <children>
+                                          <Label fx:id="tradeEventTitle" styleClass="gm-text-lg, gm-font-bold, gm-text-ink" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="tradeEventSub" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <HBox spacing="10.0">
+                                       <children>
+                                          <VBox fx:id="tradeYesOptCard" onMouseClicked="#handleSelectTradeYes" spacing="6.0" styleClass="gm-option-card, gm-option-card-yes" HBox.hgrow="ALWAYS">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox alignment="CENTER_LEFT">
+                                                   <children>
+                                                      <Label styleClass="gm-text-md, gm-font-bold, gm-text-yes" text="YES" />
+                                                      <Region HBox.hgrow="ALWAYS" />
+                                                      <Label fx:id="tradeYesPriceLabel" styleClass="gm-text-xl, gm-font-semibold, gm-font-mono, gm-text-yes" />
+                                                   </children>
+                                                </HBox>
+                                                <Label fx:id="tradeYesHeldLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </VBox>
+                                          <VBox fx:id="tradeNoOptCard" onMouseClicked="#handleSelectTradeNo" spacing="6.0" styleClass="gm-option-card, gm-option-card-no" HBox.hgrow="ALWAYS">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox alignment="CENTER_LEFT">
+                                                   <children>
+                                                      <Label styleClass="gm-text-md, gm-font-bold, gm-text-no" text="NO" />
+                                                      <Region HBox.hgrow="ALWAYS" />
+                                                      <Label fx:id="tradeNoPriceLabel" styleClass="gm-text-xl, gm-font-semibold, gm-font-mono, gm-text-no" />
+                                                   </children>
+                                                </HBox>
+                                                <Label fx:id="tradeNoHeldLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </VBox>
+                                       </children>
+                                    </HBox>
+                                    <FlowPane alignment="BOTTOM_LEFT" hgap="10.0" vgap="10.0">
+                                       <children>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Action" />
+                                                <HBox>
+                                                   <children>
+                                                      <Button fx:id="tradeBuyBtn" onAction="#handleTradeBuy" styleClass="gm-seg, gm-seg-left, gm-seg-pad-wide" text="Buy" />
+                                                      <Button fx:id="tradeSellBtn" onAction="#handleTradeSell" styleClass="gm-seg, gm-seg-right, gm-seg-pad-wide" text="Sell" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Shares" />
+                                                <TextField fx:id="tradeQtyField" prefWidth="96.0" styleClass="gm-textfield, gm-textfield-mono" />
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Price / share" />
+                                                <TextField fx:id="tradePriceField" prefWidth="96.0" styleClass="gm-textfield, gm-textfield-mono" />
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Estimated cost" />
+                                                <Label fx:id="tradeCostLabel" styleClass="gm-text-lg, gm-font-semibold, gm-font-mono, gm-text-ink" />
+                                             </children>
+                                          </VBox>
+                                          <Button fx:id="tradeSubmitBtn" onAction="#handleTradeSubmit" styleClass="gm-btn, gm-btn-primary" />
+                                       </children>
+                                    </FlowPane>
+                                    <Label fx:id="tradeHintLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" wrapText="true" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                     </children>
+                  </VBox>
+               </content>
+            </ScrollPane>
+         </children>
+      </VBox>
+   </children>
+</HBox>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml
new file mode 100644
index 0000000..9d82c4a
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.VBox?>
+
+<fx:root type="javafx.scene.layout.VBox" spacing="5.0" styleClass="gm-list-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="9.0" left="11.0" right="11.0" top="9.0" />
+   </padding>
+   <children>
+      <HBox alignment="CENTER_LEFT" spacing="6.0">
+         <children>
+            <Label fx:id="numLabel" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" />
+            <Label fx:id="titleLabel" maxWidth="1.7976931348623157E308" styleClass="gm-text-md, gm-font-semibold, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+         </children>
+      </HBox>
+      <HBox alignment="CENTER_LEFT" spacing="8.0">
+         <children>
+            <Label fx:id="typeLabel" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" />
+            <Label fx:id="statusLabel" styleClass="gm-pill" />
+            <Label fx:id="feeLabel" minWidth="0.0" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" />
+            <Region HBox.hgrow="ALWAYS" />
+            <Label fx:id="contractLabel" alignment="CENTER_RIGHT" styleClass="gm-text-xs, gm-font-semibold, gm-font-mono, gm-text-accent" />
+         </children>
+      </HBox>
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf
new file mode 100644
index 0000000..be823bf
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf
new file mode 100644
index 0000000..013a15b
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf
new file mode 100644
index 0000000..ed37330
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf
new file mode 100644
index 0000000..3fd04ba
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf
new file mode 100644
index 0000000..de2d3b3
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf
new file mode 100644
index 0000000..235a07a
Binary files /dev/null and b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf differ
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml
new file mode 100644
index 0000000..7516d5b
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-ladder-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="3.0" left="12.0" right="12.0" top="3.0" />
+   </padding>
+   <children>
+      <Label fx:id="priceLabel" alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="sideLabel" alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="qtyLabel" alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml
new file mode 100644
index 0000000..840bacb
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-divider-top" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="7.0" left="11.0" right="11.0" top="7.0" />
+   </padding>
+   <children>
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <Label fx:id="yesLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="noLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="valueLabel" alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="feesLabel" alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css b/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css
new file mode 100644
index 0000000..f2616a3
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css
@@ -0,0 +1,926 @@
+/* Guess Market desktop UI stylesheet.
+ *
+ * PALETTES & TYPOGRAPHY:
+ * Each skin class (.gm-skin-*) defines its own looked-up color variables (-gm-*)
+ * and root font-family. AppView puts exactly one skin class on the scene root,
+ * allowing all child rules to automatically cascade and re-resolve without
+ * requiring any inline CSS or manual style-string construction in Java.
+ *
+ * BUNDLED NERD FONTS:
+ * - Rosé Pine Dawn -> CaskaydiaCove Nerd Font (CaskaydiaCove NF)
+ * - Catppuccin     -> JetBrainsMono Nerd Font (JetBrainsMono NF)
+ * - Gruvbox        -> FiraCode Nerd Font (FiraCode Nerd Font)
+ */
+
+@font-face {
+  font-family: 'CaskaydiaCove NF';
+  src: url('fonts/CaskaydiaCoveNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'CaskaydiaCove NF';
+  font-weight: bold;
+  src: url('fonts/CaskaydiaCoveNerdFont-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'JetBrainsMono NF';
+  src: url('fonts/JetBrainsMonoNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'JetBrainsMono NF';
+  font-weight: bold;
+  src: url('fonts/JetBrainsMonoNerdFont-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'FiraCode Nerd Font';
+  src: url('fonts/FiraCodeNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'FiraCode Nerd Font';
+  font-weight: bold;
+  src: url('fonts/FiraCodeNerdFont-Bold.ttf');
+}
+
+/* rose-pine.dev/palette/#dawn — base/surface/overlay/highlight, iris accent, pine/love for yes/no */
+.gm-root,
+.gm-root:skin-rose-pine-dawn,
+.gm-skin-rose-pine-dawn {
+  -fx-font-family: "CaskaydiaCove NF", "CaskaydiaCove Nerd Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  -fx-font-size: 13px;
+  -gm-bg: #faf4ed;
+  -gm-panel: #fffaf3;
+  -gm-panel2: #f2e9e1;
+  -gm-panel3: #dfdad9;
+  -gm-line: #cecacd;
+  -gm-ink: #575279;
+  -gm-ink2: #797593;
+  -gm-accent: #907aa9;
+  -gm-accent-fg: #fffaf3;
+  -gm-btn: #f2e9e1;
+  -gm-btn-line: #cecacd;
+  -gm-yes: #286983;
+  -gm-no: #b4637a;
+  -gm-yes-soft: #e3edf0;
+  -gm-no-soft: #f5e6ea;
+}
+
+/* catppuccin.com Mocha — mantle/base/surface, mauve accent, green/red for yes/no */
+.gm-root:skin-catppuccin,
+.gm-skin-catppuccin {
+  -fx-font-family: "JetBrainsMono NF", "JetBrainsMono Nerd Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  -fx-font-size: 13px;
+  -gm-bg: #181825;
+  -gm-panel: #1e1e2e;
+  -gm-panel2: #313244;
+  -gm-panel3: #45475a;
+  -gm-line: #585b70;
+  -gm-ink: #cdd6f4;
+  -gm-ink2: #a6adc8;
+  -gm-accent: #cba6f7;
+  -gm-accent-fg: #1e1e2e;
+  -gm-btn: #313244;
+  -gm-btn-line: #585b70;
+  -gm-yes: #a6e3a1;
+  -gm-no: #f38ba8;
+  -gm-yes-soft: #23312a;
+  -gm-no-soft: #34232c;
+}
+
+/* gruvbox dark (hard) — bg0_h/bg0/bg1/bg2, bright orange accent, bright green/red */
+.gm-root:skin-gruvbox,
+.gm-skin-gruvbox {
+  -fx-font-family: "FiraCode Nerd Font", "FiraCode NF", Consolas, "Liberation Mono", Menlo, monospace;
+  -fx-font-size: 13.5px;
+  -gm-bg: #1d2021;
+  -gm-panel: #282828;
+  -gm-panel2: #3c3836;
+  -gm-panel3: #504945;
+  -gm-line: #665c54;
+  -gm-ink: #ebdbb2;
+  -gm-ink2: #a89984;
+  -gm-accent: #fe8019;
+  -gm-accent-fg: #1d2021;
+  -gm-btn: #3c3836;
+  -gm-btn-line: #665c54;
+  -gm-yes: #b8bb26;
+  -gm-no: #fb4934;
+  -gm-yes-soft: #2b3021;
+  -gm-no-soft: #3b2320;
+}
+
+/* ---- typography & text fills ------------------------------------------ */
+
+.root {
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-text-ink       { -fx-text-fill: -gm-ink; }
+.gm-text-ink2      { -fx-text-fill: -gm-ink2; }
+.gm-text-accent    { -fx-text-fill: -gm-accent; }
+.gm-text-accent-fg { -fx-text-fill: -gm-accent-fg; }
+.gm-text-yes       { -fx-text-fill: -gm-yes; }
+.gm-text-no        { -fx-text-fill: -gm-no; }
+
+.gm-font-mono,
+.gm-textfield-mono,
+.gm-pill,
+.gm-user-balance,
+.gm-balance-cell,
+.gm-pnl-cell,
+.gm-chart-axis,
+.gm-anim-tick {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+}
+
+.gm-root:skin-rose-pine-dawn .gm-font-mono,
+.gm-skin-rose-pine-dawn .gm-font-mono,
+.gm-root:skin-rose-pine-dawn .gm-textfield-mono,
+.gm-skin-rose-pine-dawn .gm-textfield-mono,
+.gm-root:skin-rose-pine-dawn .gm-pill,
+.gm-skin-rose-pine-dawn .gm-pill,
+.gm-root:skin-rose-pine-dawn .gm-user-balance,
+.gm-skin-rose-pine-dawn .gm-user-balance,
+.gm-root:skin-rose-pine-dawn .gm-balance-cell,
+.gm-skin-rose-pine-dawn .gm-balance-cell,
+.gm-root:skin-rose-pine-dawn .gm-pnl-cell,
+.gm-skin-rose-pine-dawn .gm-pnl-cell,
+.gm-root:skin-rose-pine-dawn .gm-chart-axis,
+.gm-skin-rose-pine-dawn .gm-chart-axis,
+.gm-root:skin-rose-pine-dawn .gm-anim-tick,
+.gm-skin-rose-pine-dawn .gm-anim-tick {
+  -fx-font-family: "CaskaydiaCove NF", "CaskaydiaCove Nerd Font", monospace;
+}
+
+.gm-root:skin-catppuccin .gm-font-mono,
+.gm-skin-catppuccin .gm-font-mono,
+.gm-root:skin-catppuccin .gm-textfield-mono,
+.gm-skin-catppuccin .gm-textfield-mono,
+.gm-root:skin-catppuccin .gm-pill,
+.gm-skin-catppuccin .gm-pill,
+.gm-root:skin-catppuccin .gm-user-balance,
+.gm-skin-catppuccin .gm-user-balance,
+.gm-root:skin-catppuccin .gm-balance-cell,
+.gm-skin-catppuccin .gm-balance-cell,
+.gm-root:skin-catppuccin .gm-pnl-cell,
+.gm-skin-catppuccin .gm-pnl-cell,
+.gm-root:skin-catppuccin .gm-chart-axis,
+.gm-skin-catppuccin .gm-chart-axis,
+.gm-root:skin-catppuccin .gm-anim-tick,
+.gm-skin-catppuccin .gm-anim-tick {
+  -fx-font-family: "JetBrainsMono NF", "JetBrainsMono Nerd Font", monospace;
+}
+
+.gm-root:skin-gruvbox .gm-font-mono,
+.gm-skin-gruvbox .gm-font-mono,
+.gm-root:skin-gruvbox .gm-textfield-mono,
+.gm-skin-gruvbox .gm-textfield-mono,
+.gm-root:skin-gruvbox .gm-pill,
+.gm-skin-gruvbox .gm-pill,
+.gm-root:skin-gruvbox .gm-user-balance,
+.gm-skin-gruvbox .gm-user-balance,
+.gm-root:skin-gruvbox .gm-balance-cell,
+.gm-skin-gruvbox .gm-balance-cell,
+.gm-root:skin-gruvbox .gm-pnl-cell,
+.gm-skin-gruvbox .gm-pnl-cell,
+.gm-root:skin-gruvbox .gm-chart-axis,
+.gm-skin-gruvbox .gm-chart-axis,
+.gm-root:skin-gruvbox .gm-anim-tick,
+.gm-skin-gruvbox .gm-anim-tick {
+  -fx-font-family: "FiraCode Nerd Font", "FiraCode NF", monospace;
+}
+.gm-font-bold      { -fx-font-weight: 700; }
+.gm-font-semibold  { -fx-font-weight: 600; }
+.gm-font-medium    { -fx-font-weight: 500; }
+.gm-font-regular   { -fx-font-weight: 400; }
+
+.gm-text-xs        { -fx-font-size: 10.5px; }
+.gm-text-sm        { -fx-font-size: 11.5px; }
+.gm-text-base      { -fx-font-size: 12.5px; }
+.gm-text-md        { -fx-font-size: 13px; }
+.gm-text-lg        { -fx-font-size: 14px; }
+.gm-text-xl        { -fx-font-size: 17px; }
+.gm-text-2xl       { -fx-font-size: 22px; }
+
+/* ---- window chrome & containers --------------------------------------- */
+
+.gm-chrome {
+  -fx-background-color: -gm-bg;
+}
+
+.gm-bg-panel {
+  -fx-background-color: -gm-panel;
+}
+
+.gm-bg-panel2 {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-bg-panel3 {
+  -fx-background-color: -gm-panel3;
+}
+
+.gm-card {
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 7;
+  -fx-border-radius: 7;
+}
+
+.gm-card-panel2 {
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-panel {
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-soft-yes {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-soft-no {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-banner-blocked {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-banner-resolved {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-divider-bottom {
+  -fx-border-color: transparent transparent -gm-line transparent;
+  -fx-border-width: 0 0 1 0;
+}
+
+.gm-divider-top {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+}
+
+.gm-hline {
+  -fx-background-color: -gm-line;
+  -fx-pref-height: 1;
+  -fx-min-height: 1;
+}
+
+/* ---- buttons & interactive controls ----------------------------------- */
+
+.gm-btn {
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+  -fx-padding: 8 15;
+  -fx-cursor: hand;
+}
+
+.gm-btn:hover {
+  -fx-opacity: 0.92;
+}
+
+.gm-btn:disabled {
+  -fx-opacity: 0.45;
+  -fx-cursor: default;
+}
+
+.gm-btn-primary {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-btn-secondary {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink;
+  -fx-border-color: -gm-btn-line;
+}
+
+.gm-btn-destructive {
+  -fx-background-color: -gm-no;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 12.5px;
+  -fx-font-weight: 600;
+  -fx-padding: 9 17;
+  -fx-cursor: hand;
+}
+
+.gm-btn-destructive:disabled {
+  -fx-opacity: 0.5;
+  -fx-cursor: default;
+}
+
+.gm-app-scroll,
+.gm-app-scroll > .viewport {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 0;
+}
+
+.gm-tabs > .tab-header-area {
+  -fx-padding: 6 16 0 16;
+}
+
+.gm-tabs > .tab-header-area > .tab-header-background {
+  -fx-background-color: -gm-line, -gm-panel;
+  -fx-background-insets: 0, 0 0 1 0;
+}
+
+.gm-tabs > .tab-content-area {
+  -fx-background-color: transparent;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab {
+  -fx-background-color: -gm-panel2;
+  -fx-background-insets: 0 1 0 1;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1 1 0 1;
+  -fx-border-insets: 0 1 0 1;
+  -fx-background-radius: 6 6 0 0;
+  -fx-border-radius: 6 6 0 0;
+  -fx-padding: 9 20;
+  -fx-cursor: hand;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected {
+  -fx-background-color: -gm-bg;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab .tab-label {
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected .tab-label {
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
+  -fx-border-color: transparent;
+}
+
+.gm-toggle {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 4;
+  -fx-border-radius: 4;
+  -fx-font-size: 12px;
+  -fx-font-weight: 500;
+  -fx-padding: 5 11;
+  -fx-cursor: hand;
+}
+
+.gm-toggle:selected {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-seg {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-font-size: 12px;
+  -fx-font-weight: 600;
+  -fx-cursor: hand;
+}
+
+.gm-seg:selected {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+}
+
+.gm-seg:disabled {
+  -fx-opacity: 0.45;
+  -fx-cursor: default;
+}
+
+.gm-seg-left {
+  -fx-background-radius: 5 0 0 5;
+  -fx-border-radius: 5 0 0 5;
+}
+
+.gm-seg-right {
+  -fx-background-radius: 0 5 5 0;
+  -fx-border-radius: 0 5 5 0;
+}
+
+.gm-seg-pad-tight {
+  -fx-padding: 8 0;
+}
+
+.gm-seg-pad-wide {
+  -fx-padding: 8 15;
+}
+
+.gm-textfield {
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 13px;
+  -fx-text-fill: -gm-ink;
+  -fx-padding: 8 10;
+}
+
+.gm-textfield:disabled {
+  -fx-opacity: 0.45;
+}
+
+.gm-textfield:error,
+.gm-textfield.error {
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+.gm-textfield-mono {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+}
+
+.gm-textarea {
+  -fx-control-inner-background: -gm-panel2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-radius: 5;
+  -fx-background-radius: 5;
+  -fx-font-size: 13px;
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-select-base {
+  -fx-border-color: -gm-btn-line;
+  -fx-border-radius: 5;
+  -fx-background-radius: 5;
+  -fx-font-size: 12.5px;
+  -fx-text-base-color: -gm-ink;
+}
+
+.gm-select-btn-bg {
+  -fx-background-color: -gm-btn;
+}
+
+.gm-select-panel2-bg {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-checkbox {
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 12.5px;
+}
+
+.gm-checkbox-strong {
+  -fx-text-fill: -gm-ink;
+  -fx-font-size: 12.5px;
+}
+
+.gm-link-button {
+  -fx-background-color: transparent;
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 14.5px;
+  -fx-underline: false;
+  -fx-cursor: hand;
+  -fx-border-width: 0;
+}
+
+.gm-toast {
+  -fx-background-color: -gm-ink;
+  -fx-text-fill: -gm-bg;
+  -fx-background-radius: 6;
+  -fx-padding: 10 16;
+  -fx-font-size: 12.5px;
+  -fx-font-weight: 600;
+}
+
+.gm-scroll-transparent {
+  -fx-background-color: transparent;
+  -fx-background: transparent;
+}
+
+.gm-scroll-transparent > .viewport {
+  -fx-background-color: transparent;
+}
+
+/* ---- badges, pills, traffic lights ------------------------------------ */
+
+.gm-pill {
+  -fx-background-radius: 3;
+  -fx-padding: 3 6;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 10px;
+  -fx-font-weight: 600;
+  -fx-background-color: -gm-panel3;
+  -fx-text-fill: -gm-ink2;
+}
+
+/* Pseudo-class states for pills */
+.gm-pill:active   { -fx-background-color: -gm-yes-soft; -fx-text-fill: -gm-yes; }
+.gm-pill:closed   { -fx-background-color: -gm-no-soft;  -fx-text-fill: -gm-no; }
+.gm-pill:idle     { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill:blocked  { -fx-background-color: -gm-no;       -fx-text-fill: -gm-accent-fg; }
+.gm-pill:mm       { -fx-background-color: -gm-accent;   -fx-text-fill: -gm-accent-fg; }
+.gm-pill:trader   { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill:resolved { -fx-background-color: -gm-yes;      -fx-text-fill: -gm-accent-fg; }
+
+.gm-pill-active   { -fx-background-color: -gm-yes-soft; -fx-text-fill: -gm-yes; }
+.gm-pill-closed   { -fx-background-color: -gm-no-soft;  -fx-text-fill: -gm-no; }
+.gm-pill-idle     { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill-blocked  { -fx-background-color: -gm-no;       -fx-text-fill: -gm-accent-fg; }
+.gm-pill-mm       { -fx-background-color: -gm-accent;   -fx-text-fill: -gm-accent-fg; }
+.gm-pill-trader   { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill-resolved { -fx-background-color: -gm-yes;      -fx-text-fill: -gm-accent-fg; }
+
+/* ---- user balance ---------------------------------------------------- */
+.gm-user-balance {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 22px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-accent;
+}
+
+.gm-user-balance:negative {
+  -fx-text-fill: -gm-no;
+}
+
+/* ---- traffic lights with macOS on-hover symbols ---------------------- */
+
+.gm-traffic-lights {
+  -fx-alignment: center-left;
+}
+
+.gm-traffic-dot {
+  -fx-min-width: 12px;
+  -fx-min-height: 12px;
+  -fx-pref-width: 12px;
+  -fx-pref-height: 12px;
+  -fx-max-width: 12px;
+  -fx-max-height: 12px;
+  -fx-background-radius: 999px;
+  -fx-alignment: center;
+  -fx-cursor: hand;
+}
+
+.gm-traffic-icon {
+  -fx-fill: transparent;
+  -fx-stroke: transparent;
+  -fx-stroke-width: 1.1;
+  -fx-stroke-line-cap: round;
+}
+
+/* Reveal glyphs on traffic lights cluster hover */
+.gm-traffic-lights:hover .gm-traffic-icon {
+  -fx-stroke: rgba(0, 0, 0, 0.68);
+}
+
+.gm-traffic-dot:hover   { -fx-opacity: 0.85; }
+.gm-traffic-dot:pressed { -fx-opacity: 0.70; }
+
+.gm-traffic-dot-no     { -fx-background-color: -gm-no; }
+.gm-traffic-dot-accent { -fx-background-color: -gm-accent; }
+.gm-traffic-dot-yes    { -fx-background-color: -gm-yes; }
+
+/* ---- list rows, tables & option cards --------------------------------- */
+
+.gm-balance-cell {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-accent;
+}
+.gm-balance-cell:negative {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-pnl-cell {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 12px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-yes;
+}
+.gm-pnl-cell:negative {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-list-view {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 0;
+  -fx-border-color: transparent;
+  -fx-border-width: 0;
+}
+
+.gm-list-view .list-cell {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 1 0;
+}
+
+.gm-list-view .list-cell:empty {
+  -fx-background-color: transparent;
+}
+
+.gm-list-view .list-cell:filled:selected {
+  -fx-background-color: transparent;
+}
+
+.gm-list-view:focused .list-cell:filled:focused:selected {
+  -fx-background-color: transparent;
+}
+
+.gm-list-row {
+  -fx-background-color: transparent;
+  -fx-border-color: transparent;
+  -fx-border-width: 0 0 0 3;
+  -fx-background-radius: 5;
+  -fx-cursor: hand;
+}
+
+.gm-list-row:hover {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-list-row:selected {
+  -fx-background-color: -gm-panel3;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-ladder-row {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+}
+
+.gm-ladder-row:bid,
+.gm-ladder-row-bid {
+  -fx-background-color: -gm-yes-soft;
+}
+
+.gm-ladder-row:ask,
+.gm-ladder-row-ask {
+  -fx-background-color: -gm-no-soft;
+}
+
+.gm-participation-row {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+  -fx-cursor: hand;
+}
+
+.gm-participation-row:hover {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-participation-row:selected {
+  -fx-background-color: -gm-panel3;
+}
+
+.gm-option-card {
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+  -fx-cursor: hand;
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+}
+
+.gm-option-card-yes:selected {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-yes;
+  -fx-border-width: 1.5;
+}
+
+.gm-option-card-no:selected {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+/* ---- modals & dialogs ------------------------------------------------- */
+
+.gm-modal-scrim {
+  -fx-background-color: rgba(10, 10, 10, 0.42);
+}
+
+.gm-modal-card {
+  -fx-background-color: -gm-panel;
+  -fx-background: -gm-panel;
+  -fx-background-radius: 8;
+  -fx-border-radius: 8;
+  -fx-border-color: -gm-line;
+}
+
+.gm-resolve-option {
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+  -fx-font-size: 14px;
+  -fx-font-weight: 700;
+  -fx-padding: 14 0;
+  -fx-cursor: hand;
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-line;
+}
+
+.gm-resolve-option-yes {
+  -fx-text-fill: -gm-yes;
+}
+
+.gm-resolve-option-yes:selected {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-yes;
+  -fx-border-width: 1.5;
+}
+
+.gm-resolve-option-no {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-resolve-option-no:selected {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+/* ---- progress bars ---------------------------------------------------- */
+
+.gm-progress {
+  -fx-control-inner-background: -gm-panel3;
+}
+
+.gm-progress > .track {
+  -fx-background-color: -gm-panel3;
+  -fx-background-insets: 0;
+  -fx-background-radius: 3px;
+  -fx-padding: 0;
+}
+
+.gm-progress > .bar {
+  -fx-background-insets: 0;
+  -fx-background-radius: 3px;
+  -fx-padding: 0;
+}
+
+.gm-progress-accent > .bar {
+  -fx-background-color: -gm-accent;
+}
+
+.gm-progress-yes > .bar {
+  -fx-background-color: -gm-yes;
+}
+
+.gm-progress-no > .bar {
+  -fx-background-color: -gm-no;
+}
+
+/* ---- charts ----------------------------------------------------------- */
+
+.gm-chart {
+  -fx-background-color: transparent;
+}
+
+.gm-chart-axis {
+  -fx-tick-label-fill: -gm-ink2;
+  -fx-tick-mark-stroke: -gm-ink2;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 10px;
+}
+
+.gm-chart-axis .axis-tick-mark,
+.gm-chart-axis .axis-minor-tick-mark {
+  -fx-fill: null;
+  -fx-stroke: -gm-ink2;
+}
+
+.gm-chart-axis:bottom {
+  -fx-border-color: -gm-line transparent transparent transparent;
+}
+
+.gm-chart-axis:left {
+  -fx-border-color: transparent -gm-line transparent transparent;
+}
+
+.gm-chart .chart-line-symbol {
+  -fx-background-color: transparent, transparent;
+  -fx-background-radius: 0;
+  -fx-padding: 0;
+}
+
+.gm-chart .chart-series-line {
+  -fx-stroke-width: 2.5px;
+}
+
+.gm-chart-single .series0.chart-series-line {
+  -fx-stroke: -gm-accent;
+}
+
+.gm-chart-dual .series0.chart-series-line {
+  -fx-stroke: -gm-yes;
+}
+
+.gm-chart-dual .series1.chart-series-line {
+  -fx-stroke: -gm-no;
+}
+
+
+/* ---- decorative animations (see Anim.java) ---------------------------- */
+
+.gm-anim-rule { -fx-stroke: -gm-line; }
+
+.gm-anim-tick {
+  -fx-fill: -gm-ink2;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 9px;
+}
+
+.gm-anim-curve-yes { -fx-stroke: -gm-yes; }
+.gm-anim-curve-no  { -fx-stroke: -gm-no; }
+.gm-anim-dot-yes   { -fx-fill: -gm-yes; }
+.gm-anim-dot-no    { -fx-fill: -gm-no; }
+
+/* LIVE pill: bars and label take the pill's status colour */
+.gm-live-pill { -fx-padding: 3 7; }
+
+.gm-anim-bar   { -fx-fill: -gm-ink2; }
+.gm-live-label { -fx-text-fill: -gm-ink2; }
+
+.gm-pill:active .gm-anim-bar   { -fx-fill: -gm-yes; }
+.gm-pill:active .gm-live-label { -fx-text-fill: -gm-yes; }
+.gm-pill:closed .gm-anim-bar   { -fx-fill: -gm-no; }
+.gm-pill:closed .gm-live-label { -fx-text-fill: -gm-no; }
+
+/* Balance sparkline: stroke follows the sign of the balance */
+.gm-anim-spark     { -fx-stroke: -gm-accent; }
+.gm-anim-spark-dot { -fx-fill: -gm-accent; }
+
+.gm-anim-sparkline:negative .gm-anim-spark     { -fx-stroke: -gm-no; }
+.gm-anim-sparkline:negative .gm-anim-spark-dot { -fx-fill: -gm-no; }
+
+/* Animation toggle button & spinner */
+.gm-btn-icon {
+  -fx-padding: 4 8;
+  -fx-min-width: 34px;
+  -fx-min-height: 30px;
+  -fx-pref-height: 30px;
+  -fx-alignment: center;
+}
+
+.gm-btn-icon:selected {
+  -fx-background-color: -gm-panel3;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-anim-spinner {
+  -fx-fill: -gm-ink2;
+}
+
+.gm-anim-spinner-hub {
+  -fx-fill: -gm-panel;
+  -fx-stroke: -gm-ink2;
+  -fx-stroke-width: 1;
+}
+
+.gm-btn-icon:selected .gm-anim-spinner {
+  -fx-fill: -gm-accent;
+}
+
+.gm-btn-icon:selected .gm-anim-spinner-hub {
+  -fx-fill: -gm-panel;
+  -fx-stroke: -gm-accent;
+  -fx-stroke-width: 1;
+}
+
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml
new file mode 100644
index 0000000..2a2bf92
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-divider-top" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="7.0" left="11.0" right="11.0" top="7.0" />
+   </padding>
+   <children>
+      <Label fx:id="numLabel" minWidth="66.0" prefWidth="66.0" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink2, gm-font-mono" />
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <Label fx:id="optionLabel" minWidth="76.0" prefWidth="76.0" styleClass="gm-text-sm, gm-font-bold" />
+      <Label fx:id="sharesLabel" alignment="CENTER_RIGHT" minWidth="92.0" prefWidth="92.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="paidLabel" alignment="CENTER_RIGHT" minWidth="88.0" prefWidth="88.0" styleClass="gm-text-sm, gm-font-semibold, gm-font-mono, gm-text-accent" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml
new file mode 100644
index 0000000..93631a1
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-participation-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+   </padding>
+   <children>
+      <Label fx:id="nameLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <!-- Sized for the longest values ("Market Maker", "Order Book") in every skin's mono font; never shrinks. -->
+      <Label fx:id="roleLabel" minWidth="-Infinity" prefWidth="92.0" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+      <Label fx:id="typeLabel" minWidth="-Infinity" prefWidth="78.0" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+      <Label fx:id="yesLabel" alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="noLabel" alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="plLabel" alignment="CENTER_RIGHT" minWidth="90.0" prefWidth="90.0" styleClass="gm-pnl-cell" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml
new file mode 100644
index 0000000..dec7706
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.VBox?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-list-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="9.0" left="11.0" right="11.0" top="9.0" />
+   </padding>
+   <children>
+      <VBox maxWidth="1.7976931348623157E308" minWidth="0.0" spacing="3.0" HBox.hgrow="ALWAYS">
+         <children>
+            <Label fx:id="nameLabel" styleClass="gm-text-md, gm-font-semibold, gm-text-ink" />
+            <Label fx:id="roleLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+         </children>
+      </VBox>
+      <Label fx:id="balanceLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-balance-cell" />
+   </children>
+</fx:root>
-- 
cgit v1.2.3