From 5fc2ccd5d5f51206a14bd7f8239e1e8e74c5202d Mon Sep 17 00:00:00 2001
From: Alberto Balbo <alberto.balbo.96@gmail.com>
Date: Tue, 31 Mar 2026 10:21:08 +0200
Subject: [PATCH] Restyling dark UI: nuova palette e stili moderni WPF
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rinnovata l’interfaccia con una palette dark personalizzata, testo più leggibile e accenti vivaci. Aggiornati e uniformati gli stili di ComboBox, CheckBox, RadioButton, Button, TextBox, ProgressBar, DataGrid, ScrollBar, DatePicker e ListBox. Migliorati layout, padding e margini in tutte le sezioni (sidebar, header, pagine principali, impostazioni, virtual football). Rimossi stili/commenti obsoleti e aggiunti separatori per una migliore manutenzione del XAML. L’app ora offre un’esperienza visiva più moderna, coerente e accessibile.
---
 .../HorseRacingPredictor/MainWindow.xaml      | 750 ++++++++++++------
 1 file changed, 525 insertions(+), 225 deletions(-)

diff --git a/HorseRacingPredictor/HorseRacingPredictor/MainWindow.xaml b/HorseRacingPredictor/HorseRacingPredictor/MainWindow.xaml
index bbce123..816b8a3 100644
--- a/HorseRacingPredictor/HorseRacingPredictor/MainWindow.xaml
+++ b/HorseRacingPredictor/HorseRacingPredictor/MainWindow.xaml
@@ -1,65 +1,243 @@
 <Window x:Class="HorseRacingPredictor.MainWindow"
-xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
-Title="Betting Predictor" Width="1100" Height="680"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
+        Title="Betting Predictor" Width="1100" Height="680"
         MinWidth="900" MinHeight="540"
         WindowStartupLocation="CenterScreen"
-        Background="#1E1E2E"
-        Loaded="Window_Loaded">
+        Background="#0D0D14"
+        Loaded="Window_Loaded"
+        FontFamily="Segoe UI"
+        UseLayoutRounding="True"
+        TextOptions.TextFormattingMode="Display">
 
     <Window.Resources>
-        <!-- Inlined Global Styles (avoids relying on external resource resolution at runtime) -->
-        <!-- CATPPUCCIN MOCHA PALETTE (shared) -->
-        <Color x:Key="CBase">#1E1E2E</Color>
-        <Color x:Key="CMantle">#181825</Color>
-        <Color x:Key="CCrust">#11111B</Color>
-        <Color x:Key="CSurface0">#313244</Color>
-        <Color x:Key="CSurface1">#45475A</Color>
-        <Color x:Key="CSurface2">#585B70</Color>
-        <Color x:Key="COverlay0">#6C7086</Color>
-        <Color x:Key="CText">#CDD6F4</Color>
-        <Color x:Key="CSubtext0">#A6ADC8</Color>
-        <Color x:Key="CSubtext1">#BAC2DE</Color>
-        <Color x:Key="CBlue">#89B4FA</Color>
-        <Color x:Key="CGreen">#A6E3A1</Color>
-        <Color x:Key="CRed">#F38BA8</Color>
-        <Color x:Key="CPeach">#FAB387</Color>
-        <Color x:Key="CLavender">#B4BEFE</Color>
 
-        <SolidColorBrush x:Key="BrBase"       Color="{StaticResource CBase}"/>
-        <SolidColorBrush x:Key="BrMantle"     Color="{StaticResource CMantle}"/>
-        <SolidColorBrush x:Key="BrSurface0"   Color="{StaticResource CSurface0}"/>
-        <SolidColorBrush x:Key="BrSurface1"   Color="{StaticResource CSurface1}"/>
-        <SolidColorBrush x:Key="BrSurface2"   Color="{StaticResource CSurface2}"/>
-        <SolidColorBrush x:Key="BrOverlay0"   Color="{StaticResource COverlay0}"/>
-        <SolidColorBrush x:Key="BrText"       Color="{StaticResource CText}"/>
-        <SolidColorBrush x:Key="BrSubtext0"   Color="{StaticResource CSubtext0}"/>
-        <SolidColorBrush x:Key="BrBlue"       Color="{StaticResource CBlue}"/>
-        <SolidColorBrush x:Key="BrGreen"      Color="{StaticResource CGreen}"/>
-        <SolidColorBrush x:Key="BrRed"        Color="{StaticResource CRed}"/>
-        <SolidColorBrush x:Key="BrPeach"      Color="{StaticResource CPeach}"/>
-        <SolidColorBrush x:Key="BrLavender"   Color="{StaticResource CLavender}"/>
+        <!-- ???????????????????????????????????????????????????????
+             COLOR PALETTE
+             Dark theme with high-contrast readable text.
+             ??????????????????????????????????????????????????????? -->
+        <Color x:Key="CBase">#0D0D14</Color>
+        <Color x:Key="CMantle">#12121C</Color>
+        <Color x:Key="CCrust">#090910</Color>
+        <Color x:Key="CSurface0">#1A1A28</Color>
+        <Color x:Key="CSurface1">#242436</Color>
+        <Color x:Key="CSurface2">#2E2E44</Color>
+        <Color x:Key="COverlay0">#5A5A7A</Color>
+        <Color x:Key="CText">#E8E8F0</Color>
+        <Color x:Key="CSubtext0">#9898B0</Color>
+        <Color x:Key="CSubtext1">#B8B8D0</Color>
+        <Color x:Key="CBlue">#6E8EFA</Color>
+        <Color x:Key="CGreen">#5CC9A7</Color>
+        <Color x:Key="CRed">#F06080</Color>
+        <Color x:Key="CPeach">#F0A060</Color>
+        <Color x:Key="CLavender">#A0A0F0</Color>
 
-        <!-- Force ComboBox text to black for readability on light backgrounds -->
+        <SolidColorBrush x:Key="BrBase"     Color="{StaticResource CBase}"/>
+        <SolidColorBrush x:Key="BrMantle"   Color="{StaticResource CMantle}"/>
+        <SolidColorBrush x:Key="BrSurface0" Color="{StaticResource CSurface0}"/>
+        <SolidColorBrush x:Key="BrSurface1" Color="{StaticResource CSurface1}"/>
+        <SolidColorBrush x:Key="BrSurface2" Color="{StaticResource CSurface2}"/>
+        <SolidColorBrush x:Key="BrOverlay0" Color="{StaticResource COverlay0}"/>
+        <SolidColorBrush x:Key="BrText"     Color="{StaticResource CText}"/>
+        <SolidColorBrush x:Key="BrSubtext0" Color="{StaticResource CSubtext0}"/>
+        <SolidColorBrush x:Key="BrBlue"     Color="{StaticResource CBlue}"/>
+        <SolidColorBrush x:Key="BrGreen"    Color="{StaticResource CGreen}"/>
+        <SolidColorBrush x:Key="BrRed"      Color="{StaticResource CRed}"/>
+        <SolidColorBrush x:Key="BrPeach"    Color="{StaticResource CPeach}"/>
+        <SolidColorBrush x:Key="BrLavender" Color="{StaticResource CLavender}"/>
+
+        <!-- Border / divider color -->
+        <SolidColorBrush x:Key="BrBorder" Color="#1E1E30"/>
+
+        <!-- ???????????????????????????????????????????????????????
+             TOGGLE/SWITCH FOR COMBOBOX (dark-friendly custom template)
+             ??????????????????????????????????????????????????????? -->
+        <ControlTemplate x:Key="DarkComboBoxToggle" TargetType="ToggleButton">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition Width="28"/>
+                </Grid.ColumnDefinitions>
+                <Border x:Name="Bd" Grid.ColumnSpan="2" CornerRadius="6"
+                        Background="{StaticResource BrSurface0}"
+                        BorderBrush="{StaticResource BrSurface1}"
+                        BorderThickness="1"/>
+                <Path x:Name="Arrow" Grid.Column="1" Data="M 0,0 L 4,4 L 8,0"
+                      Stroke="{StaticResource BrSubtext0}" StrokeThickness="1.5"
+                      HorizontalAlignment="Center" VerticalAlignment="Center"/>
+            </Grid>
+            <ControlTemplate.Triggers>
+                <Trigger Property="IsMouseOver" Value="True">
+                    <Setter TargetName="Bd" Property="BorderBrush" Value="{StaticResource BrOverlay0}"/>
+                </Trigger>
+                <Trigger Property="IsChecked" Value="True">
+                    <Setter TargetName="Bd" Property="BorderBrush" Value="{StaticResource BrBlue}"/>
+                    <Setter TargetName="Arrow" Property="Stroke" Value="{StaticResource BrBlue}"/>
+                </Trigger>
+            </ControlTemplate.Triggers>
+        </ControlTemplate>
+
+        <!-- Dark ComboBox style -->
         <Style TargetType="ComboBox">
-            <Setter Property="Foreground" Value="Black"/>
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
+            <Setter Property="FontSize" Value="13"/>
+            <Setter Property="Height" Value="34"/>
+            <Setter Property="VerticalContentAlignment" Value="Center"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="ComboBox">
+                        <Grid>
+                            <ToggleButton x:Name="ToggleButton"
+                                          Template="{StaticResource DarkComboBoxToggle}"
+                                          Focusable="False"
+                                          IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
+                                          ClickMode="Press"/>
+                            <ContentPresenter x:Name="ContentSite"
+                                              IsHitTestVisible="False"
+                                              Content="{TemplateBinding SelectionBoxItem}"
+                                              ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
+                                              Margin="10,0,28,0"
+                                              VerticalAlignment="Center"
+                                              HorizontalAlignment="Left">
+                                <ContentPresenter.Resources>
+                                    <Style TargetType="TextBlock">
+                                        <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+                                    </Style>
+                                </ContentPresenter.Resources>
+                            </ContentPresenter>
+                            <Popup x:Name="Popup" Placement="Bottom"
+                                   IsOpen="{TemplateBinding IsDropDownOpen}"
+                                   AllowsTransparency="True" Focusable="False"
+                                   PopupAnimation="Slide">
+                                <Grid x:Name="DropDown"
+                                      SnapsToDevicePixels="True"
+                                      MinWidth="{TemplateBinding ActualWidth}"
+                                      MaxHeight="{TemplateBinding MaxDropDownHeight}">
+                                    <Border x:Name="DropDownBorder"
+                                            CornerRadius="6" Margin="0,2,0,0"
+                                            Background="{StaticResource BrSurface1}"
+                                            BorderBrush="{StaticResource BrSurface2}"
+                                            BorderThickness="1">
+                                        <Border.Effect>
+                                            <DropShadowEffect BlurRadius="16" ShadowDepth="4" Color="#40000000"/>
+                                        </Border.Effect>
+                                    </Border>
+                                    <ScrollViewer Margin="2,4" SnapsToDevicePixels="True">
+                                        <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained"/>
+                                    </ScrollViewer>
+                                </Grid>
+                            </Popup>
+                        </Grid>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
+
         <Style TargetType="ComboBoxItem">
-            <Setter Property="Foreground" Value="Black"/>
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="Padding" Value="10,6"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="ComboBoxItem">
+                        <Border x:Name="Bd" Padding="{TemplateBinding Padding}"
+                                Background="Transparent" CornerRadius="4" Margin="2,1">
+                            <ContentPresenter/>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsHighlighted" Value="True">
+                                <Setter TargetName="Bd" Property="Background" Value="{StaticResource BrSurface2}"/>
+                            </Trigger>
+                            <Trigger Property="IsSelected" Value="True">
+                                <Setter TargetName="Bd" Property="Background" Value="#283050"/>
+                                <Setter Property="Foreground" Value="{StaticResource BrBlue}"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
 
-        <!-- Acrylic-like background (semi-transparent fallback) -->
-        <SolidColorBrush x:Key="AcrylicBackgroundBrush" Color="#0F000000"/>
+        <!-- ???????????????????????????????????????????????????????
+             CHECKBOX  (dark)
+             ??????????????????????????????????????????????????????? -->
+        <Style TargetType="CheckBox">
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="FontSize" Value="13"/>
+            <Setter Property="VerticalContentAlignment" Value="Center"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="CheckBox">
+                        <StackPanel Orientation="Horizontal">
+                            <Border x:Name="Bx" Width="18" Height="18" CornerRadius="4"
+                                    Background="{StaticResource BrSurface0}"
+                                    BorderBrush="{StaticResource BrSurface2}" BorderThickness="1.5"
+                                    VerticalAlignment="Center">
+                                <Path x:Name="Ck" Data="M 3,7 L 7,11 L 13,3"
+                                      Stroke="{StaticResource BrBlue}" StrokeThickness="2"
+                                      Visibility="Collapsed" Margin="0"/>
+                            </Border>
+                            <ContentPresenter Margin="8,0,0,0" VerticalAlignment="Center"
+                                              RecognizesAccessKey="True"/>
+                        </StackPanel>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsChecked" Value="True">
+                                <Setter TargetName="Ck" Property="Visibility" Value="Visible"/>
+                                <Setter TargetName="Bx" Property="BorderBrush" Value="{StaticResource BrBlue}"/>
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="Bx" Property="BorderBrush" Value="{StaticResource BrOverlay0}"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
 
-        <!-- Subtle shadow effect for elevation -->
-        <DropShadowEffect x:Key="SubtleDropShadow" BlurRadius="12" ShadowDepth="2" Color="#50000000"/>
+        <!-- ???????????????????????????????????????????????????????
+             RADIOBUTTON  (data-page source selector)
+             ??????????????????????????????????????????????????????? -->
+        <Style TargetType="RadioButton">
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="FontSize" Value="13"/>
+            <Setter Property="VerticalContentAlignment" Value="Center"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="RadioButton">
+                        <StackPanel Orientation="Horizontal">
+                            <Border x:Name="Outer" Width="18" Height="18" CornerRadius="9"
+                                    Background="{StaticResource BrSurface0}"
+                                    BorderBrush="{StaticResource BrSurface2}" BorderThickness="1.5"
+                                    VerticalAlignment="Center">
+                                <Ellipse x:Name="Dot" Width="8" Height="8" Fill="{StaticResource BrBlue}"
+                                         Visibility="Collapsed" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                            </Border>
+                            <ContentPresenter Margin="8,0,0,0" VerticalAlignment="Center"
+                                              RecognizesAccessKey="True"/>
+                        </StackPanel>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsChecked" Value="True">
+                                <Setter TargetName="Dot" Property="Visibility" Value="Visible"/>
+                                <Setter TargetName="Outer" Property="BorderBrush" Value="{StaticResource BrBlue}"/>
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="Outer" Property="BorderBrush" Value="{StaticResource BrOverlay0}"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
 
-        <!-- NAV BUTTON STYLE  (icon-only sidebar) -->
+        <!-- NAV BUTTON (sidebar icon buttons, overrides default RadioButton) -->
         <Style x:Key="NavBtn" TargetType="RadioButton">
-            <Setter Property="Width" Value="48"/>
-            <Setter Property="Height" Value="48"/>
-            <Setter Property="Margin" Value="6,4"/>
+            <Setter Property="Width" Value="44"/>
+            <Setter Property="Height" Value="44"/>
+            <Setter Property="Margin" Value="4,3"/>
             <Setter Property="Cursor" Value="Hand"/>
             <Setter Property="Foreground" Value="{StaticResource BrSubtext0}"/>
             <Setter Property="Background" Value="Transparent"/>
@@ -72,11 +250,11 @@ Title="Betting Predictor" Width="1100" Height="680"
                         </Grid>
                         <ControlTemplate.Triggers>
                             <Trigger Property="IsMouseOver" Value="True">
-                                <Setter TargetName="Bg" Property="Background" Value="#28283A"/>
+                                <Setter TargetName="Bg" Property="Background" Value="#1A1A2C"/>
                             </Trigger>
                             <Trigger Property="IsChecked" Value="True">
                                 <Setter TargetName="Bg" Property="Background" Value="{StaticResource BrBlue}"/>
-                                <Setter Property="Foreground" Value="#181825"/>
+                                <Setter Property="Foreground" Value="#0D0D14"/>
                             </Trigger>
                         </ControlTemplate.Triggers>
                     </ControlTemplate>
@@ -84,12 +262,14 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
         </Style>
 
-        <!-- ACCENT BUTTON -->
+        <!-- ???????????????????????????????????????????????????????
+             ACCENT BUTTON
+             ??????????????????????????????????????????????????????? -->
         <Style x:Key="AccentBtn" TargetType="Button">
-            <Setter Property="Foreground" Value="#181825"/>
+            <Setter Property="Foreground" Value="#0D0D14"/>
             <Setter Property="FontFamily" Value="Segoe UI Semibold"/>
             <Setter Property="FontSize" Value="13"/>
-            <Setter Property="Padding" Value="18,7"/>
+            <Setter Property="Padding" Value="18,8"/>
             <Setter Property="Cursor" Value="Hand"/>
             <Setter Property="Template">
                 <Setter.Value>
@@ -104,7 +284,7 @@ Title="Betting Predictor" Width="1100" Height="680"
                                 <Setter TargetName="Bd" Property="Opacity" Value="0.85"/>
                             </Trigger>
                             <Trigger Property="IsEnabled" Value="False">
-                                <Setter TargetName="Bd" Property="Opacity" Value="0.40"/>
+                                <Setter TargetName="Bd" Property="Opacity" Value="0.35"/>
                             </Trigger>
                         </ControlTemplate.Triggers>
                     </ControlTemplate>
@@ -112,7 +292,9 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
         </Style>
 
-        <!-- FLAT TEXTBOX -->
+        <!-- ???????????????????????????????????????????????????????
+             FLAT TEXTBOX
+             ??????????????????????????????????????????????????????? -->
         <Style x:Key="FlatTb" TargetType="TextBox">
             <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
             <Setter Property="Foreground" Value="{StaticResource BrText}"/>
@@ -121,7 +303,6 @@ Title="Betting Predictor" Width="1100" Height="680"
             <Setter Property="BorderThickness" Value="1"/>
             <Setter Property="Padding" Value="10,7"/>
             <Setter Property="FontSize" Value="13"/>
-            <Setter Property="FontFamily" Value="Segoe UI"/>
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="TextBox">
@@ -142,7 +323,9 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
         </Style>
 
-        <!-- PASSWORD BOX -->
+        <!-- ???????????????????????????????????????????????????????
+             PASSWORD BOX
+             ??????????????????????????????????????????????????????? -->
         <Style x:Key="FlatPb" TargetType="PasswordBox">
             <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
             <Setter Property="Foreground" Value="{StaticResource BrText}"/>
@@ -151,7 +334,6 @@ Title="Betting Predictor" Width="1100" Height="680"
             <Setter Property="BorderThickness" Value="1"/>
             <Setter Property="Padding" Value="10,7"/>
             <Setter Property="FontSize" Value="13"/>
-            <Setter Property="FontFamily" Value="Segoe UI"/>
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="PasswordBox">
@@ -172,9 +354,11 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
         </Style>
 
-        <!-- PROGRESS BAR -->
+        <!-- ???????????????????????????????????????????????????????
+             PROGRESS BAR
+             ??????????????????????????????????????????????????????? -->
         <Style x:Key="ModernPb" TargetType="ProgressBar">
-            <Setter Property="Height" Value="4"/>
+            <Setter Property="Height" Value="3"/>
             <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
             <Setter Property="Foreground" Value="{StaticResource BrBlue}"/>
             <Setter Property="BorderThickness" Value="0"/>
@@ -193,15 +377,18 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
         </Style>
 
-        <!-- DATAGRID -->
+        <!-- ???????????????????????????????????????????????????????
+             DATAGRID
+             ??????????????????????????????????????????????????????? -->
         <Style x:Key="ModernDg" TargetType="DataGrid">
-            <Setter Property="Background" Value="#282A3A"/>
+            <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
             <Setter Property="Foreground" Value="{StaticResource BrText}"/>
-            <Setter Property="BorderThickness" Value="0"/>
-            <Setter Property="RowBackground" Value="#282A3A"/>
-            <Setter Property="AlternatingRowBackground" Value="#2D2F42"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="BorderBrush" Value="{StaticResource BrSurface1}"/>
+            <Setter Property="RowBackground" Value="Transparent"/>
+            <Setter Property="AlternatingRowBackground" Value="#0CFFFFFF"/>
             <Setter Property="GridLinesVisibility" Value="Horizontal"/>
-            <Setter Property="HorizontalGridLinesBrush" Value="#37394E"/>
+            <Setter Property="HorizontalGridLinesBrush" Value="#10FFFFFF"/>
             <Setter Property="HeadersVisibility" Value="Column"/>
             <Setter Property="RowHeaderWidth" Value="0"/>
             <Setter Property="AutoGenerateColumns" Value="True"/>
@@ -210,23 +397,23 @@ Title="Betting Predictor" Width="1100" Height="680"
             <Setter Property="CanUserAddRows" Value="False"/>
             <Setter Property="CanUserDeleteRows" Value="False"/>
             <Setter Property="CanUserResizeRows" Value="False"/>
-            <Setter Property="FontFamily" Value="Segoe UI"/>
             <Setter Property="FontSize" Value="13"/>
         </Style>
 
         <Style TargetType="DataGridColumnHeader">
-            <Setter Property="Background" Value="#23243A"/>
+            <Setter Property="Background" Value="#14141E"/>
             <Setter Property="Foreground" Value="{StaticResource BrBlue}"/>
             <Setter Property="FontFamily" Value="Segoe UI Semibold"/>
-            <Setter Property="FontSize" Value="13"/>
-            <Setter Property="Padding" Value="10,8"/>
-            <Setter Property="BorderBrush" Value="#37394E"/>
+            <Setter Property="FontSize" Value="12"/>
+            <Setter Property="Padding" Value="12,10"/>
+            <Setter Property="BorderBrush" Value="#1C1C2C"/>
             <Setter Property="BorderThickness" Value="0,0,0,1"/>
         </Style>
 
         <Style TargetType="DataGridCell">
-            <Setter Property="Padding" Value="8,6"/>
+            <Setter Property="Padding" Value="10,7"/>
             <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="DataGridCell">
@@ -238,7 +425,7 @@ Title="Betting Predictor" Width="1100" Height="680"
             </Setter>
             <Style.Triggers>
                 <Trigger Property="IsSelected" Value="True">
-                    <Setter Property="Background" Value="#3C3F58"/>
+                    <Setter Property="Background" Value="#1C2840"/>
                     <Setter Property="Foreground" Value="{StaticResource BrBlue}"/>
                 </Trigger>
             </Style.Triggers>
@@ -248,97 +435,169 @@ Title="Betting Predictor" Width="1100" Height="680"
             <Setter Property="Margin" Value="0"/>
             <Style.Triggers>
                 <Trigger Property="IsSelected" Value="True">
-                    <Setter Property="Background" Value="#3C3F58"/>
+                    <Setter Property="Background" Value="#1C2840"/>
+                </Trigger>
+                <Trigger Property="IsMouseOver" Value="True">
+                    <Setter Property="Background" Value="#0AFFFFFF"/>
                 </Trigger>
             </Style.Triggers>
         </Style>
 
-        <!-- Card style for lists / rows -->
-        <Style x:Key="CardStyle" TargetType="Border">
-            <Setter Property="CornerRadius" Value="8"/>
-            <Setter Property="Background" Value="#23232A"/>
-            <Setter Property="Padding" Value="12"/>
-            <Setter Property="Margin" Value="6"/>
+        <!-- ???????????????????????????????????????????????????????
+             SCROLLBAR (dark, slim)
+             ??????????????????????????????????????????????????????? -->
+        <Style TargetType="ScrollBar">
+            <Setter Property="Width" Value="8"/>
+            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="ScrollBar">
+                        <Grid>
+                            <Track x:Name="PART_Track" IsDirectionReversed="True">
+                                <Track.Thumb>
+                                    <Thumb>
+                                        <Thumb.Template>
+                                            <ControlTemplate TargetType="Thumb">
+                                                <Border CornerRadius="4" Background="#30FFFFFF" Margin="1"/>
+                                            </ControlTemplate>
+                                        </Thumb.Template>
+                                    </Thumb>
+                                </Track.Thumb>
+                            </Track>
+                        </Grid>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+            <Style.Triggers>
+                <Trigger Property="Orientation" Value="Horizontal">
+                    <Setter Property="Width" Value="Auto"/>
+                    <Setter Property="Height" Value="8"/>
+                </Trigger>
+            </Style.Triggers>
         </Style>
+
+        <!-- ???????????????????????????????????????????????????????
+             DATEPICKER (dark)
+             ??????????????????????????????????????????????????????? -->
+        <Style TargetType="DatePicker">
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
+            <Setter Property="BorderBrush" Value="{StaticResource BrSurface1}"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="FontSize" Value="13"/>
+            <Setter Property="Padding" Value="6,4"/>
+        </Style>
+
+        <!-- DatePickerTextBox - remove watermark, apply dark background -->
+        <Style TargetType="DatePickerTextBox">
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+            <Setter Property="Background" Value="{StaticResource BrSurface0}"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="DatePickerTextBox">
+                        <Border Background="{StaticResource BrSurface0}" CornerRadius="4" Padding="6,4">
+                            <Grid>
+                                <TextBlock x:Name="Watermark" Text="Seleziona data"
+                                           Foreground="{StaticResource BrOverlay0}"
+                                           Visibility="Collapsed" VerticalAlignment="Center"/>
+                                <ScrollViewer x:Name="PART_ContentHost"
+                                              HorizontalScrollBarVisibility="Hidden"
+                                              VerticalScrollBarVisibility="Hidden"/>
+                            </Grid>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <DataTrigger Binding="{Binding Text.Length, RelativeSource={RelativeSource Self}}" Value="0">
+                                <Setter TargetName="Watermark" Property="Visibility" Value="Visible"/>
+                            </DataTrigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <!-- ???????????????????????????????????????????????????????
+             LISTBOX  (transparent, dark)
+             ??????????????????????????????????????????????????????? -->
+        <Style TargetType="ListBox">
+            <Setter Property="Background" Value="Transparent"/>
+            <Setter Property="BorderThickness" Value="0"/>
+            <Setter Property="Foreground" Value="{StaticResource BrText}"/>
+        </Style>
+
     </Window.Resources>
 
-    <!-- ================================================================
+    <!-- ???????????????????????????????????????????????????????????
          MAIN LAYOUT : Sidebar | Content
-         ================================================================ -->
+         ??????????????????????????????????????????????????????????? -->
     <Grid>
         <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="64"/>
+            <ColumnDefinition Width="56"/>
             <ColumnDefinition Width="*"/>
         </Grid.ColumnDefinitions>
 
-        <!-- =============  SIDEBAR  ============= -->
-        <Border Grid.Column="0" Background="#181825">
+        <!-- ???????????  SIDEBAR  ??????????? -->
+        <Border Grid.Column="0" Background="{StaticResource BrMantle}">
             <DockPanel LastChildFill="False">
-                <!-- App icon -->
                 <TextBlock DockPanel.Dock="Top" Text="BP"
-                           FontFamily="Segoe UI Black" FontSize="18"
+                           FontFamily="Segoe UI Black" FontSize="16"
                            Foreground="{StaticResource BrBlue}"
-                           HorizontalAlignment="Center" Margin="0,16,0,12"/>
-                <Border DockPanel.Dock="Top" Height="1" Background="#37394E" Margin="10,0"/>
+                           HorizontalAlignment="Center" Margin="0,14,0,10"/>
+                <Border DockPanel.Dock="Top" Height="1" Background="{StaticResource BrBorder}" Margin="8,0"/>
 
-                <!-- Nav icons -->
-                <StackPanel DockPanel.Dock="Top" Margin="0,8,0,0">
+                <StackPanel DockPanel.Dock="Top" Margin="0,10,0,0">
                     <RadioButton x:Name="navFootball" Style="{StaticResource NavBtn}"
                                  IsChecked="True" ToolTip="Calcio"
                                  Checked="navFootball_Checked">
-                        <TextBlock Text="&#xE8D6;" FontFamily="Segoe MDL2 Assets" FontSize="20"
+                        <TextBlock Text="&#xE8D6;" FontFamily="Segoe MDL2 Assets" FontSize="18"
                                    Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType=RadioButton}}"/>
                     </RadioButton>
                     <RadioButton x:Name="navRacing" Style="{StaticResource NavBtn}"
                                  ToolTip="Corse Cavalli"
                                  Checked="navRacing_Checked">
-                        <TextBlock Text="&#xE7C1;" FontFamily="Segoe MDL2 Assets" FontSize="20"
+                        <TextBlock Text="&#xE7C1;" FontFamily="Segoe MDL2 Assets" FontSize="18"
                                    Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType=RadioButton}}"/>
                     </RadioButton>
                     <RadioButton x:Name="navVirtualFb" Style="{StaticResource NavBtn}"
                                  ToolTip="Calcio Virtuale"
                                  Checked="navVirtualFb_Checked">
-                        <TextBlock Text="&#xE7FC;" FontFamily="Segoe MDL2 Assets" FontSize="20"
+                        <TextBlock Text="&#xE7FC;" FontFamily="Segoe MDL2 Assets" FontSize="18"
                                    Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType=RadioButton}}"/>
                     </RadioButton>
                     <RadioButton x:Name="navSettings" Style="{StaticResource NavBtn}"
                                  ToolTip="Impostazioni"
                                  Checked="navSettings_Checked">
-                        <TextBlock Text="&#xE713;" FontFamily="Segoe MDL2 Assets" FontSize="20"
+                        <TextBlock Text="&#xE713;" FontFamily="Segoe MDL2 Assets" FontSize="18"
                                    Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType=RadioButton}}"/>
                     </RadioButton>
-                    <!-- Info tab removed -->
                 </StackPanel>
             </DockPanel>
         </Border>
 
-        <!-- =============  CONTENT  ============= -->
+        <!-- ???????????  CONTENT  ??????????? -->
         <DockPanel Grid.Column="1">
-            <!-- Header -->
-            <Border DockPanel.Dock="Top" Height="52" Background="#181825">
+            <!-- Header bar -->
+            <Border DockPanel.Dock="Top" Height="48" Background="{StaticResource BrMantle}">
                 <TextBlock x:Name="lblTitle" Text="Calcio"
-                           FontFamily="Segoe UI Semibold" FontSize="20"
+                           FontFamily="Segoe UI Semibold" FontSize="18"
                            Foreground="{StaticResource BrText}"
                            VerticalAlignment="Center" Margin="24,0"/>
             </Border>
-            <Border DockPanel.Dock="Top" Height="1" Background="#37394E"/>
+            <Border DockPanel.Dock="Top" Height="1" Background="{StaticResource BrBorder}"/>
 
             <!-- Page host -->
             <Grid Background="{StaticResource BrBase}">
 
-                <!-- ====  PAGE: FOOTBALL  ==== -->
-                <Grid x:Name="pageFootball" Margin="24,16" Panel.ZIndex="10">
+                <!-- ????????  PAGE: FOOTBALL  ???????? -->
+                <Grid x:Name="pageFootball" Margin="24,20" Panel.ZIndex="10">
                     <Grid.RowDefinitions>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="*"/>
                     </Grid.RowDefinitions>
+
                     <!-- Toolbar -->
-                    <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,12" Panel.ZIndex="20">
-                        <DatePicker x:Name="dpFootball" Width="160"
-                                    Background="{StaticResource BrSurface0}"
-                                    Foreground="{StaticResource BrText}"
-                                    FontSize="13" VerticalContentAlignment="Center" IsHitTestVisible="True"/>
+                    <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,14" Panel.ZIndex="20">
+                        <DatePicker x:Name="dpFootball" Width="160" IsHitTestVisible="True"/>
                         <Button x:Name="btnDownloadFb" Content="Scarica Partite"
                                 Style="{StaticResource AccentBtn}"
                                 Background="{StaticResource BrBlue}" Margin="12,0,0,0"
@@ -349,47 +608,51 @@ Title="Betting Predictor" Width="1100" Height="680"
                                 IsEnabled="False"
                                 Click="btnExportFbCsv_Click" IsHitTestVisible="True"/>
                     </StackPanel>
-                                
+
                     <!-- Status -->
-                    <StackPanel Grid.Row="1" Margin="0,0,0,8">
-                        <ProgressBar x:Name="pbFootball" Style="{StaticResource ModernPb}" Margin="0,0,0,4"/>
+                    <StackPanel Grid.Row="1" Margin="0,0,0,10">
+                        <ProgressBar x:Name="pbFootball" Style="{StaticResource ModernPb}" Margin="0,0,0,6"/>
                         <TextBlock x:Name="lblStatusFb" Text="Pronto"
                                    FontSize="12" Foreground="{StaticResource BrSubtext0}"/>
                     </StackPanel>
+
                     <!-- Grid -->
-                    <DataGrid x:Name="dgFootball" Grid.Row="2" Style="{StaticResource ModernDg}"/>
+                    <Border Grid.Row="2" CornerRadius="8" Background="{StaticResource BrSurface0}"
+                            BorderBrush="{StaticResource BrSurface1}" BorderThickness="1"
+                            ClipToBounds="True">
+                        <DataGrid x:Name="dgFootball" Style="{StaticResource ModernDg}"
+                                  BorderThickness="0"/>
+                    </Border>
                 </Grid>
 
-                <!-- ====  PAGE: HORSE RACING  ==== -->
-                <Grid x:Name="pageRacing" Margin="24,16" Visibility="Collapsed">
+                <!-- ????????  PAGE: HORSE RACING  ???????? -->
+                <Grid x:Name="pageRacing" Margin="24,20" Visibility="Collapsed">
                     <Grid.RowDefinitions>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="*"/>
                     </Grid.RowDefinitions>
-                    <!-- Source selector: API or CSV -->
-                    <StackPanel Grid.Row="0" Margin="0,0,0,12">
-                        <StackPanel Orientation="Horizontal" Margin="0,0,0,8">
-                            <RadioButton x:Name="rbRcApi" Content="API" IsChecked="True" Foreground="{StaticResource BrText}" VerticalAlignment="Center" GroupName="RcSource" Checked="rbRcSource_Checked"/>
-                            <RadioButton x:Name="rbRcCsv" Content="CSV (Punters)" Foreground="{StaticResource BrText}" VerticalAlignment="Center" Margin="16,0,0,0" GroupName="RcSource" Checked="rbRcSource_Checked"/>
+
+                    <!-- Source selector + controls -->
+                    <StackPanel Grid.Row="0" Margin="0,0,0,14">
+                        <StackPanel Orientation="Horizontal" Margin="0,0,0,10">
+                            <RadioButton x:Name="rbRcApi" Content="API" IsChecked="True"
+                                         GroupName="RcSource" Checked="rbRcSource_Checked"/>
+                            <RadioButton x:Name="rbRcCsv" Content="CSV (Punters)"
+                                         Margin="20,0,0,0"
+                                         GroupName="RcSource" Checked="rbRcSource_Checked"/>
                         </StackPanel>
                         <StackPanel Orientation="Horizontal">
-                            <!-- API controls -->
-                            <ComboBox x:Name="cmbDay" Width="140"
-                                      Background="{StaticResource BrSurface0}"
-                                      Foreground="{StaticResource BrText}"
-                                      FontSize="13" VerticalContentAlignment="Center"/>
+                            <ComboBox x:Name="cmbDay" Width="140"/>
                             <Button x:Name="btnDownloadRc" Content="Scarica Corse"
                                     Style="{StaticResource AccentBtn}"
                                     Background="{StaticResource BrBlue}" Margin="12,0,0,0"
                                     Click="btnDownloadRc_Click"/>
-                            <!-- CSV controls -->
                             <Button x:Name="btnBrowseCsvRc" Content="Seleziona cartella CSV..."
                                     Style="{StaticResource AccentBtn}"
                                     Background="{StaticResource BrBlue}" Margin="12,0,0,0"
                                     Visibility="Collapsed"
                                     Click="btnBrowseCsvRc_Click"/>
-                            <!-- Export (always visible) -->
                             <Button x:Name="btnExportRcCsv" Content="Esporta"
                                     Style="{StaticResource AccentBtn}"
                                     Background="{StaticResource BrGreen}" Margin="8,0,0,0"
@@ -397,45 +660,59 @@ Title="Betting Predictor" Width="1100" Height="680"
                                     Click="btnExportRcCsv_Click"/>
                         </StackPanel>
                     </StackPanel>
+
                     <!-- Status -->
-                    <StackPanel Grid.Row="1" Margin="0,0,0,8">
-                        <ProgressBar x:Name="pbRacing" Style="{StaticResource ModernPb}" Margin="0,0,0,4"/>
+                    <StackPanel Grid.Row="1" Margin="0,0,0,10">
+                        <ProgressBar x:Name="pbRacing" Style="{StaticResource ModernPb}" Margin="0,0,0,6"/>
                         <TextBlock x:Name="lblStatusRc" Text="Pronto"
                                    FontSize="12" Foreground="{StaticResource BrSubtext0}"/>
                     </StackPanel>
+
                     <!-- Grid -->
-                    <DataGrid x:Name="dgRacing" Grid.Row="2" Style="{StaticResource ModernDg}" AutoGeneratingColumn="dgRacing_AutoGeneratingColumn"/>
+                    <Border Grid.Row="2" CornerRadius="8" Background="{StaticResource BrSurface0}"
+                            BorderBrush="{StaticResource BrSurface1}" BorderThickness="1"
+                            ClipToBounds="True">
+                        <DataGrid x:Name="dgRacing" Style="{StaticResource ModernDg}"
+                                  BorderThickness="0"
+                                  AutoGeneratingColumn="dgRacing_AutoGeneratingColumn"/>
+                    </Border>
                 </Grid>
 
-                <!-- ====  PAGE: SETTINGS  ==== -->
+                <!-- ????????  PAGE: SETTINGS  ???????? -->
                 <ScrollViewer x:Name="pageSettings" Visibility="Collapsed"
-                              VerticalScrollBarVisibility="Auto" Padding="24,16">
-                    <StackPanel MaxWidth="600" HorizontalAlignment="Left">
-                        <TextBlock Text="Calcio &#x2014; API" FontSize="16" FontFamily="Segoe UI Semibold"
-                                   Foreground="{StaticResource BrBlue}" Margin="0,0,0,8"/>
-                        <Border Background="#282A3A" CornerRadius="10" Padding="20" Margin="0,0,0,20">
+                              VerticalScrollBarVisibility="Auto" Padding="28,20">
+                    <StackPanel MaxWidth="620" HorizontalAlignment="Left">
+
+                        <!-- FOOTBALL SECTION -->
+                        <TextBlock Text="Calcio &#x2014; API" FontSize="15" FontFamily="Segoe UI Semibold"
+                                   Foreground="{StaticResource BrBlue}" Margin="0,0,0,10"/>
+                        <Border Background="{StaticResource BrSurface0}" CornerRadius="10"
+                                BorderBrush="{StaticResource BrSurface1}" BorderThickness="1"
+                                Padding="20,18" Margin="0,0,0,24">
                             <StackPanel>
-                                <TextBlock Text="API Key (api-football)" Foreground="{StaticResource BrText}"
-                                           FontSize="13" Margin="0,0,0,6"/>
+                                <TextBlock Text="API Key (api-football)" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,0,0,6"/>
                                 <TextBox x:Name="txtApiKey" Style="{StaticResource FlatTb}"/>
-                                <!-- File name now built from prefix + date + suffix -->
-                                <Grid Margin="0,8,0,0">
+
+                                <Grid Margin="0,14,0,0">
                                     <Grid.ColumnDefinitions>
                                         <ColumnDefinition Width="*"/>
+                                        <ColumnDefinition Width="12"/>
                                         <ColumnDefinition Width="*"/>
                                     </Grid.ColumnDefinitions>
                                     <StackPanel Grid.Column="0">
-                                        <TextBlock Text="Prefisso" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,0,0,6"/>
+                                        <TextBlock Text="Prefisso" Foreground="{StaticResource BrSubtext0}" FontSize="12" Margin="0,0,0,6"/>
                                         <TextBox x:Name="txtFbPrefix" Style="{StaticResource FlatTb}"/>
                                     </StackPanel>
-                                    <StackPanel Grid.Column="1" Margin="8,0,0,0">
-                                        <TextBlock Text="Suffisso" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,0,0,6"/>
+                                    <StackPanel Grid.Column="2">
+                                        <TextBlock Text="Suffisso" Foreground="{StaticResource BrSubtext0}" FontSize="12" Margin="0,0,0,6"/>
                                         <TextBox x:Name="txtFbSuffix" Style="{StaticResource FlatTb}"/>
                                     </StackPanel>
                                 </Grid>
-                                <StackPanel Orientation="Horizontal" Margin="0,8,0,0">
-                                    <CheckBox x:Name="chkFbIncludeDate" IsChecked="True" Foreground="{StaticResource BrText}" VerticalAlignment="Center">Includi data</CheckBox>
-                                <ComboBox x:Name="cmbFbDateFormat" Width="180" Margin="12,0,0,0" Background="{StaticResource BrSurface0}" Foreground="Black">
+
+                                <StackPanel Orientation="Horizontal" Margin="0,14,0,0">
+                                    <CheckBox x:Name="chkFbIncludeDate" IsChecked="True">Includi data</CheckBox>
+                                    <ComboBox x:Name="cmbFbDateFormat" Width="180" Margin="16,0,0,0">
                                         <ComboBoxItem Content="yyyy-MM-dd"/>
                                         <ComboBoxItem Content="dd-MM-yyyy"/>
                                         <ComboBoxItem Content="yyyyMMdd"/>
@@ -443,16 +720,21 @@ Title="Betting Predictor" Width="1100" Height="680"
                                         <ComboBoxItem Content="yyyy-MM-dd_HH-mm"/>
                                     </ComboBox>
                                 </StackPanel>
-                                <TextBlock Text="Anteprima nome file:" Foreground="{StaticResource BrSubtext0}" Margin="0,8,0,4"/>
-                                <TextBlock x:Name="txtFbPreview" FontFamily="Segoe UI" FontSize="13" Foreground="{StaticResource BrText}" />
-                                <TextBlock Text="Formato esportazione" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,12,0,6"/>
-                                    <ComboBox x:Name="cmbFbFormat" Width="160" SelectedIndex="0" Background="{StaticResource BrSurface0}" Foreground="Black">
+
+                                <TextBlock Text="Anteprima nome file:" Foreground="{StaticResource BrOverlay0}"
+                                           FontSize="11" Margin="0,12,0,3"/>
+                                <TextBlock x:Name="txtFbPreview" FontSize="13" Foreground="{StaticResource BrText}"/>
+
+                                <TextBlock Text="Formato esportazione" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,14,0,6"/>
+                                <ComboBox x:Name="cmbFbFormat" Width="160" SelectedIndex="0">
                                     <ComboBoxItem Content="CSV"/>
                                     <ComboBoxItem Content="JSON"/>
                                     <ComboBoxItem Content="XML"/>
                                 </ComboBox>
-                                <TextBlock Text="Cartella esportazione CSV" Foreground="{StaticResource BrText}"
-                                           FontSize="13" Margin="0,14,0,6"/>
+
+                                <TextBlock Text="Cartella esportazione" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,14,0,6"/>
                                 <Grid>
                                     <Grid.ColumnDefinitions>
                                         <ColumnDefinition Width="*"/>
@@ -467,32 +749,36 @@ Title="Betting Predictor" Width="1100" Height="680"
                             </StackPanel>
                         </Border>
 
-                        <!-- HORSE RACING API -->
-                        <TextBlock Text="Corse Cavalli &#x2014; API" FontSize="16" FontFamily="Segoe UI Semibold"
-                                   Foreground="{StaticResource BrBlue}" Margin="0,32,0,8"/>
-                        <Border Background="#282A3A" CornerRadius="10" Padding="20" Margin="0,0,0,20">
+                        <!-- HORSE RACING SECTION -->
+                        <TextBlock Text="Corse Cavalli &#x2014; API" FontSize="15" FontFamily="Segoe UI Semibold"
+                                   Foreground="{StaticResource BrBlue}" Margin="0,0,0,10"/>
+                        <Border Background="{StaticResource BrSurface0}" CornerRadius="10"
+                                BorderBrush="{StaticResource BrSurface1}" BorderThickness="1"
+                                Padding="20,18" Margin="0,0,0,24">
                             <StackPanel>
-                                <TextBlock Text="Username" Foreground="{StaticResource BrText}"
-                                           FontSize="13" Margin="0,0,0,6"/>
+                                <TextBlock Text="Username" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,0,0,6"/>
                                 <TextBox x:Name="txtRacingUser" Style="{StaticResource FlatTb}"/>
-                                <!-- File name now built from prefix + date + suffix -->
-                                <Grid Margin="0,8,0,0">
+
+                                <Grid Margin="0,14,0,0">
                                     <Grid.ColumnDefinitions>
                                         <ColumnDefinition Width="*"/>
+                                        <ColumnDefinition Width="12"/>
                                         <ColumnDefinition Width="*"/>
                                     </Grid.ColumnDefinitions>
                                     <StackPanel Grid.Column="0">
-                                        <TextBlock Text="Prefisso" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,0,0,6"/>
+                                        <TextBlock Text="Prefisso" Foreground="{StaticResource BrSubtext0}" FontSize="12" Margin="0,0,0,6"/>
                                         <TextBox x:Name="txtRcPrefix" Style="{StaticResource FlatTb}"/>
                                     </StackPanel>
-                                    <StackPanel Grid.Column="1" Margin="8,0,0,0">
-                                        <TextBlock Text="Suffisso" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,0,0,6"/>
+                                    <StackPanel Grid.Column="2">
+                                        <TextBlock Text="Suffisso" Foreground="{StaticResource BrSubtext0}" FontSize="12" Margin="0,0,0,6"/>
                                         <TextBox x:Name="txtRcSuffix" Style="{StaticResource FlatTb}"/>
                                     </StackPanel>
                                 </Grid>
-                                <StackPanel Orientation="Horizontal" Margin="0,8,0,0">
-                                    <CheckBox x:Name="chkRcIncludeDate" IsChecked="True" Foreground="{StaticResource BrText}" VerticalAlignment="Center">Includi data</CheckBox>
-                                    <ComboBox x:Name="cmbRcDateFormat" Width="180" Margin="12,0,0,0" Background="{StaticResource BrSurface0}" Foreground="Black">
+
+                                <StackPanel Orientation="Horizontal" Margin="0,14,0,0">
+                                    <CheckBox x:Name="chkRcIncludeDate" IsChecked="True">Includi data</CheckBox>
+                                    <ComboBox x:Name="cmbRcDateFormat" Width="180" Margin="16,0,0,0">
                                         <ComboBoxItem Content="yyyy-MM-dd"/>
                                         <ComboBoxItem Content="dd-MM-yyyy"/>
                                         <ComboBoxItem Content="yyyyMMdd"/>
@@ -500,19 +786,25 @@ Title="Betting Predictor" Width="1100" Height="680"
                                         <ComboBoxItem Content="yyyy-MM-dd_HH-mm"/>
                                     </ComboBox>
                                 </StackPanel>
-                                <TextBlock Text="Anteprima nome file:" Foreground="{StaticResource BrSubtext0}" Margin="0,8,0,4"/>
-                                <TextBlock x:Name="txtRcPreview" FontFamily="Segoe UI" FontSize="13" Foreground="{StaticResource BrText}" />
-                                <TextBlock Text="Formato esportazione" Foreground="{StaticResource BrText}" FontSize="13" Margin="0,12,0,6"/>
-                                <ComboBox x:Name="cmbRcFormat" Width="160" SelectedIndex="0" Background="{StaticResource BrSurface0}" Foreground="Black">
+
+                                <TextBlock Text="Anteprima nome file:" Foreground="{StaticResource BrOverlay0}"
+                                           FontSize="11" Margin="0,12,0,3"/>
+                                <TextBlock x:Name="txtRcPreview" FontSize="13" Foreground="{StaticResource BrText}"/>
+
+                                <TextBlock Text="Formato esportazione" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,14,0,6"/>
+                                <ComboBox x:Name="cmbRcFormat" Width="160" SelectedIndex="0">
                                     <ComboBoxItem Content="CSV"/>
                                     <ComboBoxItem Content="JSON"/>
                                     <ComboBoxItem Content="XML"/>
                                 </ComboBox>
-                                <TextBlock Text="Password" Foreground="{StaticResource BrText}"
-                                           FontSize="13" Margin="0,14,0,6"/>
+
+                                <TextBlock Text="Password" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,14,0,6"/>
                                 <PasswordBox x:Name="txtRacingPass" Style="{StaticResource FlatPb}"/>
-                                <TextBlock Text="Cartella esportazione CSV" Foreground="{StaticResource BrText}"
-                                           FontSize="13" Margin="0,14,0,6"/>
+
+                                <TextBlock Text="Cartella esportazione" Foreground="{StaticResource BrSubtext0}"
+                                           FontSize="12" Margin="0,14,0,6"/>
                                 <Grid>
                                     <Grid.ColumnDefinitions>
                                         <ColumnDefinition Width="*"/>
@@ -531,50 +823,57 @@ Title="Betting Predictor" Width="1100" Height="680"
                         <Button x:Name="btnSaveSettings" Content="Salva Impostazioni"
                                 Style="{StaticResource AccentBtn}"
                                 Background="{StaticResource BrGreen}"
-                                HorizontalAlignment="Left" Margin="0,4,0,24"
+                                HorizontalAlignment="Left" Margin="0,4,0,32"
                                 Click="btnSaveSettings_Click"/>
                     </StackPanel>
                 </ScrollViewer>
 
-                <!-- ====  PAGE: VIRTUAL FOOTBALL  ==== -->
+                <!-- ????????  PAGE: VIRTUAL FOOTBALL  ???????? -->
                 <Grid x:Name="pageVirtualFb" Margin="0" Visibility="Collapsed">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="*" MinWidth="400"/>
-                        <ColumnDefinition Width="360"/>
+                        <ColumnDefinition Width="350"/>
                     </Grid.ColumnDefinitions>
 
                     <!-- LEFT: WebBrowser -->
-                    <Border Grid.Column="0" Background="#181825" Margin="8">
+                    <Border Grid.Column="0" Background="{StaticResource BrMantle}"
+                            CornerRadius="10" Margin="12,12,6,12" ClipToBounds="True">
                         <DockPanel>
-                            <StackPanel DockPanel.Dock="Top" Orientation="Horizontal" Margin="8,8,8,4">
-                                <Button x:Name="btnVfbNavigate" Content="Vai" 
-                                        Style="{StaticResource AccentBtn}" Background="{StaticResource BrBlue}" 
-                                        Margin="0,0,8,0" Click="btnVfbNavigate_Click"/>
-                                <TextBox x:Name="txtVfbUrl" Style="{StaticResource FlatTb}" 
-                                         Text="https://www.bet365.it/#/IP/B151" 
-                                         Width="500" VerticalContentAlignment="Center"/>
-                                <Button x:Name="btnVfbRefresh" Content="&#xE72C;" 
-                                        FontFamily="Segoe MDL2 Assets" FontSize="14"
-                                        Style="{StaticResource AccentBtn}" Background="{StaticResource BrSurface2}" 
-                                        Foreground="{StaticResource BrText}" Margin="8,0,0,0" 
-                                        Click="btnVfbRefresh_Click" ToolTip="Aggiorna"/>
-                            </StackPanel>
-                            <wv2:WebView2 x:Name="wbVirtualFb" Margin="8,0,8,8"/>
+                            <Border DockPanel.Dock="Top" Background="{StaticResource BrSurface0}"
+                                    Padding="8,6">
+                                <StackPanel Orientation="Horizontal">
+                                    <Button x:Name="btnVfbNavigate" Content="Vai"
+                                            Style="{StaticResource AccentBtn}" Background="{StaticResource BrBlue}"
+                                            Margin="0,0,8,0" Click="btnVfbNavigate_Click"/>
+                                    <TextBox x:Name="txtVfbUrl" Style="{StaticResource FlatTb}"
+                                             Text="https://www.bet365.it/#/IP/B151"
+                                             Width="500" VerticalContentAlignment="Center"/>
+                                    <Button x:Name="btnVfbRefresh" Content="&#xE72C;"
+                                            FontFamily="Segoe MDL2 Assets" FontSize="14"
+                                            Style="{StaticResource AccentBtn}" Background="{StaticResource BrSurface2}"
+                                            Foreground="{StaticResource BrText}" Margin="8,0,0,0"
+                                            Click="btnVfbRefresh_Click" ToolTip="Aggiorna"/>
+                                </StackPanel>
+                            </Border>
+                            <wv2:WebView2 x:Name="wbVirtualFb" Margin="0"/>
                         </DockPanel>
                     </Border>
 
                     <!-- RIGHT: Results Panel -->
-                    <Border Grid.Column="1" Background="#282A3A" CornerRadius="10" Margin="0,8,8,8" Padding="12">
-                        <DockPanel>
-                            <TextBlock DockPanel.Dock="Top" Text="Ultimi Risultati" 
-                                       FontFamily="Segoe UI Semibold" FontSize="16" 
-                                       Foreground="{StaticResource BrBlue}" Margin="0,0,0,8"/>
+                    <Border Grid.Column="1" Background="{StaticResource BrSurface0}"
+                            CornerRadius="10" Margin="6,12,12,12"
+                            BorderBrush="{StaticResource BrSurface1}" BorderThickness="1">
+                        <DockPanel Margin="14">
+                            <TextBlock DockPanel.Dock="Top" Text="Ultimi Risultati"
+                                       FontFamily="Segoe UI Semibold" FontSize="15"
+                                       Foreground="{StaticResource BrBlue}" Margin="0,0,0,10"/>
 
                             <!-- Add result form -->
-                            <Border DockPanel.Dock="Top" Background="#313244" CornerRadius="8" Padding="10" Margin="0,0,0,8">
+                            <Border DockPanel.Dock="Top" Background="{StaticResource BrSurface1}"
+                                    CornerRadius="8" Padding="12" Margin="0,0,0,10">
                                 <StackPanel>
-                                    <TextBlock Text="Aggiungi Risultato" FontSize="13" 
-                                               Foreground="{StaticResource BrSubtext0}" Margin="0,0,0,6"/>
+                                    <TextBlock Text="Aggiungi Risultato" FontSize="12"
+                                               Foreground="{StaticResource BrSubtext0}" Margin="0,0,0,8"/>
                                     <Grid>
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="*"/>
@@ -583,50 +882,53 @@ Title="Betting Predictor" Width="1100" Height="680"
                                             <ColumnDefinition Width="40"/>
                                             <ColumnDefinition Width="*"/>
                                         </Grid.ColumnDefinitions>
-                                        <TextBox x:Name="txtVfbHome" Style="{StaticResource FlatTb}" 
+                                        <TextBox x:Name="txtVfbHome" Style="{StaticResource FlatTb}"
                                                  Text="Casa" FontSize="12"/>
-                                        <TextBox x:Name="txtVfbHomeGoals" Grid.Column="1" Style="{StaticResource FlatTb}" 
+                                        <TextBox x:Name="txtVfbHomeGoals" Grid.Column="1" Style="{StaticResource FlatTb}"
                                                  Text="0" FontSize="12" TextAlignment="Center" Margin="4,0"/>
-                                        <TextBlock Grid.Column="2" Text="-" Foreground="{StaticResource BrText}" 
-                                                   FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center"/>
-                                        <TextBox x:Name="txtVfbAwayGoals" Grid.Column="3" Style="{StaticResource FlatTb}" 
+                                        <TextBlock Grid.Column="2" Text="-" Foreground="{StaticResource BrOverlay0}"
+                                                   FontSize="16" FontFamily="Segoe UI Semibold"
+                                                   HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                                        <TextBox x:Name="txtVfbAwayGoals" Grid.Column="3" Style="{StaticResource FlatTb}"
                                                  Text="0" FontSize="12" TextAlignment="Center" Margin="4,0"/>
-                                        <TextBox x:Name="txtVfbAway" Grid.Column="4" Style="{StaticResource FlatTb}" 
+                                        <TextBox x:Name="txtVfbAway" Grid.Column="4" Style="{StaticResource FlatTb}"
                                                  Text="Ospite" FontSize="12"/>
                                     </Grid>
-                                    <Button x:Name="btnVfbAddResult" Content="Aggiungi" 
-                                            Style="{StaticResource AccentBtn}" Background="{StaticResource BrBlue}" 
-                                            HorizontalAlignment="Left" Margin="0,8,0,0" 
+                                    <Button x:Name="btnVfbAddResult" Content="+ Aggiungi"
+                                            Style="{StaticResource AccentBtn}" Background="{StaticResource BrBlue}"
+                                            HorizontalAlignment="Left" Margin="0,10,0,0"
                                             Click="btnVfbAddResult_Click"/>
                                 </StackPanel>
                             </Border>
 
                             <!-- Suggested bet -->
-                            <Border DockPanel.Dock="Top" Background="#313244" CornerRadius="8" Padding="10" Margin="0,0,0,8">
+                            <Border DockPanel.Dock="Top" Background="{StaticResource BrSurface1}"
+                                    CornerRadius="8" Padding="12" Margin="0,0,0,10">
                                 <StackPanel>
-                                    <TextBlock Text="Puntata Consigliata" FontSize="13" 
+                                    <TextBlock Text="Puntata Consigliata" FontSize="12"
                                                FontFamily="Segoe UI Semibold" Foreground="{StaticResource BrPeach}" Margin="0,0,0,4"/>
-                                    <TextBlock x:Name="lblVfbSuggestion" Text="Inserisci almeno 5 risultati" 
+                                    <TextBlock x:Name="lblVfbSuggestion" Text="Inserisci almeno 5 risultati"
                                                FontSize="12" Foreground="{StaticResource BrText}" TextWrapping="Wrap"/>
                                 </StackPanel>
                             </Border>
 
                             <!-- Stats -->
-                            <Border DockPanel.Dock="Top" Background="#313244" CornerRadius="8" Padding="10" Margin="0,0,0,8">
+                            <Border DockPanel.Dock="Top" Background="{StaticResource BrSurface1}"
+                                    CornerRadius="8" Padding="12" Margin="0,0,0,10">
                                 <StackPanel>
-                                    <TextBlock Text="Statistiche" FontSize="13" 
+                                    <TextBlock Text="Statistiche" FontSize="12"
                                                FontFamily="Segoe UI Semibold" Foreground="{StaticResource BrLavender}" Margin="0,0,0,4"/>
-                                    <TextBlock x:Name="lblVfbStats" Text="Nessun dato" 
+                                    <TextBlock x:Name="lblVfbStats" Text="Nessun dato"
                                                FontSize="12" Foreground="{StaticResource BrText}" TextWrapping="Wrap"/>
                                 </StackPanel>
                             </Border>
 
                             <!-- Results list -->
-                            <ListBox x:Name="lbVfbResults" Background="Transparent" BorderThickness="0" 
+                            <ListBox x:Name="lbVfbResults"
                                      ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                                 <ListBox.ItemTemplate>
                                     <DataTemplate>
-                                        <Border CornerRadius="6" Padding="10,6" Margin="0,2" 
+                                        <Border CornerRadius="6" Padding="10,7" Margin="0,2"
                                                 Background="{Binding RowColor}">
                                             <Grid>
                                                 <Grid.ColumnDefinitions>
@@ -634,19 +936,19 @@ Title="Betting Predictor" Width="1100" Height="680"
                                                     <ColumnDefinition Width="*"/>
                                                     <ColumnDefinition Width="Auto"/>
                                                 </Grid.ColumnDefinitions>
-                                                <TextBlock Grid.Column="0" Text="{Binding Time}" 
-                                                           FontSize="11" Foreground="#A6ADC8" 
-                                                           VerticalAlignment="Center" Margin="0,0,8,0"/>
+                                                <TextBlock Grid.Column="0" Text="{Binding Time}"
+                                                           FontSize="11" Foreground="#9898B0"
+                                                           VerticalAlignment="Center" Margin="0,0,10,0"/>
                                                 <TextBlock Grid.Column="1" FontSize="12" VerticalAlignment="Center">
-                                                    <Run Text="{Binding Home, Mode=OneWay}" Foreground="#CDD6F4"/>
+                                                    <Run Text="{Binding Home, Mode=OneWay}" Foreground="#E8E8F0"/>
                                                     <Run Text=" "/>
                                                     <Run Text="{Binding Score, Mode=OneWay}" Foreground="White" FontFamily="Segoe UI Semibold"/>
                                                     <Run Text=" "/>
-                                                    <Run Text="{Binding Away, Mode=OneWay}" Foreground="#CDD6F4"/>
+                                                    <Run Text="{Binding Away, Mode=OneWay}" Foreground="#E8E8F0"/>
                                                 </TextBlock>
-                                                <TextBlock Grid.Column="2" Text="{Binding Outcome}" 
-                                                           FontSize="12" FontFamily="Segoe UI Semibold" 
-                                                           Foreground="White" VerticalAlignment="Center" Margin="8,0,0,0"/>
+                                                <TextBlock Grid.Column="2" Text="{Binding Outcome}"
+                                                           FontSize="12" FontFamily="Segoe UI Semibold"
+                                                           Foreground="White" VerticalAlignment="Center" Margin="10,0,0,0"/>
                                             </Grid>
                                         </Border>
                                     </DataTemplate>
@@ -656,8 +958,6 @@ Title="Betting Predictor" Width="1100" Height="680"
                     </Border>
                 </Grid>
 
-                <!-- Info page removed -->
-
             </Grid>
         </DockPanel>
     </Grid>