From f4a413f68ef6f14da21e0669f3b0c52bc43d2e7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9A=B0=EC=84=B1=20=EC=A0=95?= <jws@mobidigm.com>
Date: Mon, 8 Jun 2026 10:09:10 +0900
Subject: [PATCH] =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20XAML=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                    |   3 +
 App.xaml                      |  49 +++
 Login/StartupLoginWindow.xaml | 580 +++++++++++++++++++++++-------
 MainWindow.xaml               | 641 +++++++++++++++++++++++++---------
 4 files changed, 988 insertions(+), 285 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4b82ccd
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.vs/
+bin/
+obj/
diff --git a/App.xaml b/App.xaml
index cc33fa3..cd2a08d 100644
--- a/App.xaml
+++ b/App.xaml
@@ -2,5 +2,54 @@
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <Application.Resources>
+        <SolidColorBrush x:Key="HmiScreenBackgroundBrush" Color="#07111C"/>
+        <SolidColorBrush x:Key="HmiPanelBorderBrush" Color="#355369"/>
+        <SolidColorBrush x:Key="HmiPanelInnerBorderBrush" Color="#597285"/>
+        <SolidColorBrush x:Key="HmiAccentBrush" Color="#16C7E8"/>
+        <SolidColorBrush x:Key="HmiAccentBlueBrush" Color="#2F86FF"/>
+        <SolidColorBrush x:Key="HmiWarningBrush" Color="#FF9A24"/>
+        <SolidColorBrush x:Key="HmiRunBrush" Color="#27D17F"/>
+        <SolidColorBrush x:Key="HmiDangerBrush" Color="#E65252"/>
+        <SolidColorBrush x:Key="HmiTextBrush" Color="#F2F7FA"/>
+        <SolidColorBrush x:Key="HmiMutedTextBrush" Color="#A9BBC6"/>
+
+        <LinearGradientBrush x:Key="HmiPanelBrush" StartPoint="0,0" EndPoint="1,1">
+            <GradientStop Color="#27323B" Offset="0"/>
+            <GradientStop Color="#17202A" Offset="0.46"/>
+            <GradientStop Color="#0D151E" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiPanelHeaderBrush" StartPoint="0,0" EndPoint="1,0">
+            <GradientStop Color="#1E3E53" Offset="0"/>
+            <GradientStop Color="#102433" Offset="0.58"/>
+            <GradientStop Color="#182029" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiInputBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#111C25" Offset="0"/>
+            <GradientStop Color="#050A10" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiOutputBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#071E28" Offset="0"/>
+            <GradientStop Color="#02070B" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiButtonBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#3C4C58" Offset="0"/>
+            <GradientStop Color="#17242E" Offset="0.5"/>
+            <GradientStop Color="#0D141B" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiButtonHoverBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#275978" Offset="0"/>
+            <GradientStop Color="#18364A" Offset="0.55"/>
+            <GradientStop Color="#101D28" Offset="1"/>
+        </LinearGradientBrush>
+
+        <LinearGradientBrush x:Key="HmiButtonPressedBrush" StartPoint="0,0" EndPoint="0,1">
+            <GradientStop Color="#0A141B" Offset="0"/>
+            <GradientStop Color="#142C3A" Offset="1"/>
+        </LinearGradientBrush>
     </Application.Resources>
 </Application>
diff --git a/Login/StartupLoginWindow.xaml b/Login/StartupLoginWindow.xaml
index 3ad507a..84a2c3e 100644
--- a/Login/StartupLoginWindow.xaml
+++ b/Login/StartupLoginWindow.xaml
@@ -5,184 +5,520 @@
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d"
-        Title="Housing Login"
+        Title="Housing HMI Login"
         Width="760"
-        Height="860"
+        Height="760"
         MinWidth="560"
-        MinHeight="640"
+        MinHeight="620"
         d:DesignWidth="760"
-        d:DesignHeight="860"
+        d:DesignHeight="760"
         WindowStartupLocation="CenterScreen"
-        Background="#141414"
+        Background="{StaticResource HmiScreenBackgroundBrush}"
         UseLayoutRounding="True"
         SnapsToDevicePixels="True">
+
     <Window.Resources>
         <Style x:Key="FieldLabelStyle" TargetType="TextBlock">
-            <Setter Property="Foreground" Value="White"/>
-            <Setter Property="FontSize" Value="24"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiMutedTextBrush}"/>
+            <Setter Property="FontSize" Value="13"/>
             <Setter Property="FontWeight" Value="Bold"/>
-            <Setter Property="VerticalAlignment" Value="Center"/>
+            <Setter Property="Margin" Value="0,0,0,6"/>
+            <Setter Property="TextWrapping" Value="Wrap"/>
         </Style>
 
         <Style x:Key="InputStyle" TargetType="TextBox">
-            <Setter Property="Height" Value="52"/>
-            <Setter Property="MinWidth" Value="180"/>
-            <Setter Property="Background" Value="Black"/>
-            <Setter Property="Foreground" Value="White"/>
-            <Setter Property="BorderBrush" Value="#DADADA"/>
-            <Setter Property="BorderThickness" Value="2"/>
-            <Setter Property="FontSize" Value="24"/>
+            <Setter Property="Height" Value="42"/>
+            <Setter Property="MinWidth" Value="0"/>
+            <Setter Property="Background" Value="{StaticResource HmiInputBrush}"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="BorderBrush" Value="#3F6178"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="FontSize" Value="19"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="CaretBrush" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="SelectionBrush" Value="{StaticResource HmiAccentBlueBrush}"/>
             <Setter Property="HorizontalContentAlignment" Value="Center"/>
             <Setter Property="VerticalContentAlignment" Value="Center"/>
             <Setter Property="Padding" Value="8,0"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type TextBox}">
+                        <Border x:Name="FieldChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="3"
+                                SnapsToDevicePixels="True">
+                            <Grid>
+                                <Rectangle Height="2"
+                                           VerticalAlignment="Top"
+                                           Fill="{StaticResource HmiAccentBrush}"
+                                           Opacity="0.42"/>
+                                <ScrollViewer x:Name="PART_ContentHost"
+                                              Margin="{TemplateBinding Padding}"
+                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+                            </Grid>
+                        </Border>
+
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsKeyboardFocused" Value="True">
+                                <Setter TargetName="FieldChrome" Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
+                                <Setter TargetName="FieldChrome" Property="BorderThickness" Value="2"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="FieldChrome" Property="Opacity" Value="0.55"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <Style x:Key="PasswordInputStyle" TargetType="PasswordBox">
+            <Setter Property="Height" Value="42"/>
+            <Setter Property="MinWidth" Value="0"/>
+            <Setter Property="Background" Value="{StaticResource HmiInputBrush}"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="BorderBrush" Value="#3F6178"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="FontSize" Value="19"/>
+            <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="CaretBrush" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="SelectionBrush" Value="{StaticResource HmiAccentBlueBrush}"/>
+            <Setter Property="HorizontalContentAlignment" Value="Center"/>
+            <Setter Property="VerticalContentAlignment" Value="Center"/>
+            <Setter Property="Padding" Value="8,0"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type PasswordBox}">
+                        <Border x:Name="FieldChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="3"
+                                SnapsToDevicePixels="True">
+                            <Grid>
+                                <Rectangle Height="2"
+                                           VerticalAlignment="Top"
+                                           Fill="{StaticResource HmiAccentBrush}"
+                                           Opacity="0.42"/>
+                                <ScrollViewer x:Name="PART_ContentHost"
+                                              Margin="{TemplateBinding Padding}"
+                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+                            </Grid>
+                        </Border>
+
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsKeyboardFocused" Value="True">
+                                <Setter TargetName="FieldChrome" Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
+                                <Setter TargetName="FieldChrome" Property="BorderThickness" Value="2"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="FieldChrome" Property="Opacity" Value="0.55"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
 
         <Style x:Key="CommandButtonStyle" TargetType="Button">
-            <Setter Property="Height" Value="76"/>
-            <Setter Property="Foreground" Value="White"/>
-            <Setter Property="Background" Value="#666666"/>
-            <Setter Property="BorderBrush" Value="#DADADA"/>
+            <Setter Property="Height" Value="58"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="Background" Value="{StaticResource HmiButtonBrush}"/>
+            <Setter Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
             <Setter Property="BorderThickness" Value="2"/>
-            <Setter Property="FontSize" Value="30"/>
+            <Setter Property="FontSize" Value="23"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="HorizontalContentAlignment" Value="Center"/>
+            <Setter Property="VerticalContentAlignment" Value="Center"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type Button}">
+                        <Border x:Name="ButtonChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="4"
+                                SnapsToDevicePixels="True">
+                            <Grid>
+                                <Border BorderBrush="#FFFFFF"
+                                        BorderThickness="0,1,0,0"
+                                        Opacity="0.18"/>
+                                <Rectangle Height="4"
+                                           VerticalAlignment="Bottom"
+                                           Fill="{StaticResource HmiAccentBrush}"
+                                           Opacity="0.65"/>
+                                <ContentPresenter RecognizesAccessKey="True"
+                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
+                            </Grid>
+                        </Border>
+
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="ButtonChrome" Property="Background" Value="{StaticResource HmiButtonHoverBrush}"/>
+                                <Setter TargetName="ButtonChrome" Property="BorderBrush" Value="#76EAFF"/>
+                            </Trigger>
+                            <Trigger Property="IsPressed" Value="True">
+                                <Setter TargetName="ButtonChrome" Property="Background" Value="{StaticResource HmiButtonPressedBrush}"/>
+                                <Setter TargetName="ButtonChrome" Property="BorderBrush" Value="{StaticResource HmiRunBrush}"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="ButtonChrome" Property="Opacity" Value="0.45"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <Style x:Key="SectionCaptionStyle" TargetType="TextBlock">
+            <Setter Property="Foreground" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="FontSize" Value="13"/>
+            <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="Margin" Value="0,0,0,8"/>
+        </Style>
+
+        <Style x:Key="FieldTileStyle" TargetType="Border">
+            <Setter Property="Background" Value="#121D26"/>
+            <Setter Property="BorderBrush" Value="#30475A"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="Padding" Value="12,9"/>
         </Style>
     </Window.Resources>
 
-    <ScrollViewer VerticalScrollBarVisibility="Auto"
-                  HorizontalScrollBarVisibility="Disabled">
-        <Grid MinHeight="760" Margin="28">
-            <Border MaxWidth="680"
-                    HorizontalAlignment="Center"
-                    VerticalAlignment="Center"
-                    Background="#4F4F4F"
-                    BorderBrush="#BDBDBD"
-                    BorderThickness="2"
-                    Padding="28">
-                <Grid>
+    <Grid>
+        <Grid.Background>
+            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
+                <GradientStop Color="#07111C" Offset="0"/>
+                <GradientStop Color="#0A1B2A" Offset="0.48"/>
+                <GradientStop Color="#02060A" Offset="1"/>
+            </LinearGradientBrush>
+        </Grid.Background>
+
+        <Border HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Background="{StaticResource HmiPanelBrush}"
+                BorderBrush="{StaticResource HmiPanelInnerBorderBrush}"
+                BorderThickness="0">
+
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="*"/>
+                </Grid.RowDefinitions>
+
+                <Border Grid.Row="0"
+                        Background="{StaticResource HmiPanelHeaderBrush}"
+                        BorderBrush="{StaticResource HmiPanelInnerBorderBrush}"
+                        BorderThickness="0,0,0,1"
+                        Padding="24,16">
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="Auto"/>
+                        </Grid.ColumnDefinitions>
+
+                        <StackPanel>
+                            <TextBlock Text="AMO HOUSING ASSEMBLY"
+                                       Foreground="{StaticResource HmiTextBrush}"
+                                       FontSize="27"
+                                       FontWeight="Bold"
+                                       TextWrapping="Wrap"/>
+                            <TextBlock Text="CONTROL SYSTEM ACCESS"
+                                       Foreground="{StaticResource HmiAccentBrush}"
+                                       FontSize="13"
+                                       FontWeight="SemiBold"
+                                       Margin="0,3,0,0"/>
+                        </StackPanel>
+
+                        <StackPanel Grid.Column="1"
+                                    Orientation="Horizontal"
+                                    VerticalAlignment="Center"
+                                    Margin="18,0,0,0">
+                            <StackPanel Margin="0,0,12,0">
+                                <Ellipse Width="11"
+                                         Height="11"
+                                         Fill="{StaticResource HmiRunBrush}"
+                                         Stroke="#94F7C5"
+                                         StrokeThickness="1"/>
+                                <TextBlock Text="PWR"
+                                           Foreground="{StaticResource HmiMutedTextBrush}"
+                                           FontSize="10"
+                                           Margin="0,4,0,0"/>
+                            </StackPanel>
+
+                            <StackPanel Margin="0,0,12,0">
+                                <Ellipse Width="11"
+                                         Height="11"
+                                         Fill="{StaticResource HmiAccentBrush}"
+                                         Stroke="#8BEFFF"
+                                         StrokeThickness="1"/>
+                                <TextBlock Text="PLC"
+                                           Foreground="{StaticResource HmiMutedTextBrush}"
+                                           FontSize="10"
+                                           Margin="0,4,0,0"/>
+                            </StackPanel>
+
+                            <StackPanel>
+                                <Ellipse Width="11"
+                                         Height="11"
+                                         Fill="{StaticResource HmiWarningBrush}"
+                                         Stroke="#FFD391"
+                                         StrokeThickness="1"/>
+                                <TextBlock Text="AUTH"
+                                           Foreground="{StaticResource HmiMutedTextBrush}"
+                                           FontSize="10"
+                                           Margin="0,4,0,0"/>
+                            </StackPanel>
+                        </StackPanel>
+                    </Grid>
+                </Border>
+
+                <Border Grid.Row="1"
+                        Background="#0A121B"
+                        BorderBrush="#253849"
+                        BorderThickness="0,0,0,1"
+                        Padding="22,8">
+                    <DockPanel LastChildFill="True">
+                        <TextBlock Text="SYSTEM READY"
+                                   Foreground="{StaticResource HmiRunBrush}"
+                                   FontSize="12"
+                                   FontWeight="Bold"
+                                   Margin="0,0,16,0"
+                                   VerticalAlignment="Center"/>
+
+                        <Rectangle Width="1"
+                                   Fill="#304454"
+                                   Margin="0,0,16,0"/>
+
+                        <TextBlock Text="Operator verification required before line operation"
+                                   Foreground="{StaticResource HmiMutedTextBrush}"
+                                   FontSize="12"
+                                   VerticalAlignment="Center"
+                                   TextWrapping="Wrap"/>
+                    </DockPanel>
+                </Border>
+
+                <Grid Grid.Row="2" Margin="26,22">
                     <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="22"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="14"/>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="14"/>
                         <RowDefinition Height="Auto"/>
                         <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="22"/>
+                        <RowDefinition Height="18"/>
                         <RowDefinition Height="Auto"/>
                     </Grid.RowDefinitions>
 
                     <TextBlock Grid.Row="0"
-                               Text="Housing Assembly Login"
-                               Foreground="White"
-                               FontSize="36"
-                               FontWeight="Bold"
-                               HorizontalAlignment="Center"
-                               TextWrapping="Wrap"/>
-
-                    <Grid Grid.Row="2" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
-                            <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Maker" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="MakerTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
-                    </Grid>
+                               Text="PRODUCT CONFIGURATION"
+                               Style="{StaticResource SectionCaptionStyle}"/>
 
-                    <Grid Grid.Row="3" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
-                            <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Model" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="ModelTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
-                    </Grid>
+                    <Grid Grid.Row="1">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto"/>
+                            <RowDefinition Height="8"/>
+                            <RowDefinition Height="Auto"/>
+                        </Grid.RowDefinitions>
 
-                    <Grid Grid.Row="4" Margin="0,6">
                         <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
                             <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Variant 1" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="Variant1TextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
-                    </Grid>
-
-                    <Grid Grid.Row="5" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
+                            <ColumnDefinition Width="10"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Variant 2" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="Variant2TextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
-                    </Grid>
 
-                    <Grid Grid.Row="6" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
-                            <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="ID" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="OperatorTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
-                    </Grid>
+                        <Border Grid.Row="0"
+                                Grid.Column="0"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
 
-                    <Grid Grid.Row="7" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
-                            <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="PW" Style="{StaticResource FieldLabelStyle}"/>
-                        <PasswordBox x:Name="PasswordBox"
-                                     Grid.Column="1"
-                                     Height="52"
-                                     MinWidth="180"
-                                     Background="Black"
-                                     Foreground="White"
-                                     BorderBrush="#DADADA"
-                                     BorderThickness="2"
-                                     FontSize="24"
-                                     FontWeight="Bold"
-                                     HorizontalContentAlignment="Center"
-                                     VerticalContentAlignment="Center"
-                                     Padding="8,0"/>
-                    </Grid>
+                                <TextBlock Text="Maker"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="MakerTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
 
-                    <Grid Grid.Row="8" Margin="0,6">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
-                            <ColumnDefinition Width="*"/>
-                        </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Line" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="LineNoTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
+                        <Border Grid.Row="0"
+                                Grid.Column="2"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Model"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="ModelTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Row="2"
+                                Grid.Column="0"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Variant 1"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="Variant1TextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Row="2"
+                                Grid.Column="2"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Variant 2"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="Variant2TextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
                     </Grid>
 
-                    <Grid Grid.Row="9" Margin="0,6">
+                    <TextBlock Grid.Row="3"
+                               Text="OPERATOR AUTHENTICATION"
+                               Style="{StaticResource SectionCaptionStyle}"/>
+
+                    <Grid Grid.Row="4">
                         <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="10"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Lot No" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="LotNoTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
+
+                        <Border Grid.Column="0"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="ID"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="OperatorTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Column="2"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="PW"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <PasswordBox x:Name="PasswordBox"
+                                             Grid.Row="1"
+                                             Style="{StaticResource PasswordInputStyle}"/>
+                            </Grid>
+                        </Border>
                     </Grid>
 
-                    <Grid Grid.Row="10" Margin="0,6">
+                    <TextBlock Grid.Row="6"
+                               Text="LINE INFORMATION"
+                               Style="{StaticResource SectionCaptionStyle}"/>
+
+                    <Grid Grid.Row="7">
                         <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="150"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="10"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="10"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
-                        <TextBlock Grid.Column="0" Text="Jig No" Style="{StaticResource FieldLabelStyle}"/>
-                        <TextBox x:Name="JigNoTextBox" Grid.Column="1" Style="{StaticResource InputStyle}"/>
+
+                        <Border Grid.Column="0"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Line"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="LineNoTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Column="2"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Lot No"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="LotNoTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Column="4"
+                                Style="{StaticResource FieldTileStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+
+                                <TextBlock Text="Jig No"
+                                           Style="{StaticResource FieldLabelStyle}"/>
+                                <TextBox x:Name="JigNoTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputStyle}"/>
+                            </Grid>
+                        </Border>
                     </Grid>
 
-                    <Button Grid.Row="12"
-                            Content="Log In"
+                    <Button Grid.Row="9"
+                            Content="ACCESS / LOG IN"
                             Style="{StaticResource CommandButtonStyle}"
                             Click="LogInButton_Click"/>
                 </Grid>
-            </Border>
-        </Grid>
-    </ScrollViewer>
-</Window>
+            </Grid>
+        </Border>
+    </Grid>
+</Window>
\ No newline at end of file
diff --git a/MainWindow.xaml b/MainWindow.xaml
index b444a8e..259e479 100644
--- a/MainWindow.xaml
+++ b/MainWindow.xaml
@@ -2,247 +2,562 @@
 <Window x:Class="Housing.MainWindow"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        Title="Housing Assembly"
+        Title="Housing Assembly HMI"
         Width="1200"
         Height="800"
         MinWidth="840"
         MinHeight="560"
         WindowStartupLocation="CenterScreen"
         WindowState="Maximized"
+        Background="{StaticResource HmiScreenBackgroundBrush}"
         UseLayoutRounding="True"
         SnapsToDevicePixels="True">
     <Window.Resources>
         <Style x:Key="LabelStyle" TargetType="TextBlock">
-            <Setter Property="Foreground" Value="#303030"/>
-            <Setter Property="FontSize" Value="20"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="FontSize" Value="18"/>
             <Setter Property="FontWeight" Value="Bold"/>
             <Setter Property="Margin" Value="0,0,0,10"/>
             <Setter Property="TextWrapping" Value="Wrap"/>
         </Style>
 
         <Style x:Key="InputBoxStyle" TargetType="TextBox">
-            <Setter Property="Height" Value="60"/>
+            <Setter Property="Height" Value="58"/>
             <Setter Property="MinWidth" Value="160"/>
-            <Setter Property="Background" Value="#FFFDF4"/>
-            <Setter Property="Foreground" Value="#111111"/>
-            <Setter Property="BorderBrush" Value="#B8B8B8"/>
+            <Setter Property="Background" Value="{StaticResource HmiInputBrush}"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="BorderBrush" Value="#3F6178"/>
             <Setter Property="BorderThickness" Value="1"/>
             <Setter Property="FontSize" Value="24"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="CaretBrush" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="SelectionBrush" Value="{StaticResource HmiAccentBlueBrush}"/>
             <Setter Property="HorizontalContentAlignment" Value="Center"/>
             <Setter Property="VerticalContentAlignment" Value="Center"/>
             <Setter Property="Padding" Value="10,0"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type TextBox}">
+                        <Border x:Name="FieldChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="3"
+                                SnapsToDevicePixels="True">
+                            <Grid>
+                                <Rectangle Height="2"
+                                           VerticalAlignment="Top"
+                                           Fill="{StaticResource HmiAccentBrush}"
+                                           Opacity="0.42"/>
+                                <ScrollViewer x:Name="PART_ContentHost"
+                                              Margin="{TemplateBinding Padding}"
+                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+                            </Grid>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsKeyboardFocused" Value="True">
+                                <Setter TargetName="FieldChrome" Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
+                                <Setter TargetName="FieldChrome" Property="BorderThickness" Value="2"/>
+                            </Trigger>
+                            <Trigger Property="IsReadOnly" Value="True">
+                                <Setter TargetName="FieldChrome" Property="BorderBrush" Value="#426070"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="FieldChrome" Property="Opacity" Value="0.55"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
 
         <Style x:Key="OutputBoxStyle" TargetType="TextBox">
             <Setter Property="MinHeight" Value="220"/>
-            <Setter Property="Background" Value="White"/>
-            <Setter Property="Foreground" Value="#111111"/>
-            <Setter Property="BorderBrush" Value="#B8B8B8"/>
-            <Setter Property="BorderThickness" Value="1"/>
-            <Setter Property="FontSize" Value="40"/>
+            <Setter Property="Background" Value="{StaticResource HmiOutputBrush}"/>
+            <Setter Property="Foreground" Value="#E9FBFF"/>
+            <Setter Property="BorderBrush" Value="#2A7B93"/>
+            <Setter Property="BorderThickness" Value="2"/>
+            <Setter Property="FontSize" Value="42"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="CaretBrush" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="SelectionBrush" Value="{StaticResource HmiAccentBlueBrush}"/>
             <Setter Property="HorizontalContentAlignment" Value="Center"/>
             <Setter Property="VerticalContentAlignment" Value="Center"/>
-            <Setter Property="Padding" Value="12"/>
+            <Setter Property="Padding" Value="14"/>
             <Setter Property="IsReadOnly" Value="True"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type TextBox}">
+                        <Border x:Name="OutputChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="4"
+                                SnapsToDevicePixels="True">
+                            <Grid>
+                                <Rectangle Height="4"
+                                           VerticalAlignment="Top"
+                                           Fill="{StaticResource HmiAccentBrush}"
+                                           Opacity="0.68"/>
+                                <Rectangle Height="1"
+                                           VerticalAlignment="Bottom"
+                                           Fill="#6FAFC0"
+                                           Opacity="0.3"/>
+                                <ScrollViewer x:Name="PART_ContentHost"
+                                              Margin="{TemplateBinding Padding}"
+                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+                            </Grid>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsKeyboardFocused" Value="True">
+                                <Setter TargetName="OutputChrome" Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="OutputChrome" Property="Opacity" Value="0.55"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
 
         <Style x:Key="RangeBoxStyle" TargetType="TextBox">
-            <Setter Property="Width" Value="70"/>
-            <Setter Property="Height" Value="32"/>
-            <Setter Property="Background" Value="#FFFDF4"/>
-            <Setter Property="Foreground" Value="#111111"/>
-            <Setter Property="BorderBrush" Value="#B8B8B8"/>
+            <Setter Property="Width" Value="76"/>
+            <Setter Property="Height" Value="34"/>
+            <Setter Property="Background" Value="{StaticResource HmiInputBrush}"/>
+            <Setter Property="Foreground" Value="{StaticResource HmiTextBrush}"/>
+            <Setter Property="BorderBrush" Value="#49687B"/>
             <Setter Property="BorderThickness" Value="1"/>
             <Setter Property="FontSize" Value="15"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="CaretBrush" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="SelectionBrush" Value="{StaticResource HmiAccentBlueBrush}"/>
             <Setter Property="HorizontalContentAlignment" Value="Center"/>
             <Setter Property="VerticalContentAlignment" Value="Center"/>
             <Setter Property="Margin" Value="6,0,0,10"/>
+            <Setter Property="Padding" Value="4,0"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type TextBox}">
+                        <Border x:Name="RangeChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="2">
+                            <ScrollViewer x:Name="PART_ContentHost"
+                                          Margin="{TemplateBinding Padding}"
+                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsKeyboardFocused" Value="True">
+                                <Setter TargetName="RangeChrome" Property="BorderBrush" Value="{StaticResource HmiAccentBrush}"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="RangeChrome" Property="Opacity" Value="0.55"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
         </Style>
 
         <Style x:Key="LogoutButtonStyle" TargetType="Button">
-            <Setter Property="Height" Value="34"/>
-            <Setter Property="MinWidth" Value="92"/>
-            <Setter Property="Padding" Value="12,0"/>
-            <Setter Property="Background" Value="#6A2B2B"/>
+            <Setter Property="Height" Value="36"/>
+            <Setter Property="MinWidth" Value="98"/>
+            <Setter Property="Padding" Value="14,0"/>
+            <Setter Property="Background" Value="#3A1A1D"/>
             <Setter Property="Foreground" Value="White"/>
-            <Setter Property="BorderBrush" Value="#6A2B2B"/>
+            <Setter Property="BorderBrush" Value="{StaticResource HmiDangerBrush}"/>
             <Setter Property="BorderThickness" Value="1"/>
             <Setter Property="FontSize" Value="14"/>
             <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type Button}">
+                        <Border x:Name="ButtonChrome"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="3">
+                            <Grid>
+                                <Rectangle Height="2"
+                                           VerticalAlignment="Top"
+                                           Fill="#FF8A8A"
+                                           Opacity="0.65"/>
+                                <ContentPresenter RecognizesAccessKey="True"
+                                                  HorizontalAlignment="Center"
+                                                  VerticalAlignment="Center"/>
+                            </Grid>
+                        </Border>
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="ButtonChrome" Property="Background" Value="#5A2428"/>
+                            </Trigger>
+                            <Trigger Property="IsPressed" Value="True">
+                                <Setter TargetName="ButtonChrome" Property="Background" Value="#1C0B0D"/>
+                            </Trigger>
+                            <Trigger Property="IsEnabled" Value="False">
+                                <Setter TargetName="ButtonChrome" Property="Opacity" Value="0.45"/>
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <Style x:Key="PanelFrameStyle" TargetType="Border">
+            <Setter Property="Background" Value="{StaticResource HmiPanelBrush}"/>
+            <Setter Property="BorderBrush" Value="{StaticResource HmiPanelBorderBrush}"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="Padding" Value="0"/>
+            <Setter Property="SnapsToDevicePixels" Value="True"/>
+        </Style>
+
+        <Style x:Key="FieldPanelStyle" TargetType="Border">
+            <Setter Property="Background" Value="#111B24"/>
+            <Setter Property="BorderBrush" Value="#30475A"/>
+            <Setter Property="BorderThickness" Value="1"/>
+            <Setter Property="Padding" Value="18"/>
+        </Style>
+
+        <Style x:Key="PanelHeaderTextStyle" TargetType="TextBlock">
+            <Setter Property="Foreground" Value="{StaticResource HmiAccentBrush}"/>
+            <Setter Property="FontSize" Value="15"/>
+            <Setter Property="FontWeight" Value="Bold"/>
+            <Setter Property="VerticalAlignment" Value="Center"/>
+        </Style>
+
+        <Style x:Key="SmallStatusTextStyle" TargetType="TextBlock">
+            <Setter Property="Foreground" Value="{StaticResource HmiMutedTextBrush}"/>
+            <Setter Property="FontSize" Value="12"/>
+            <Setter Property="FontWeight" Value="SemiBold"/>
+            <Setter Property="VerticalAlignment" Value="Center"/>
         </Style>
     </Window.Resources>
 
     <ScrollViewer VerticalScrollBarVisibility="Auto"
                   HorizontalScrollBarVisibility="Disabled"
-                  Background="#F4F4F4">
-        <Grid MinHeight="620" Margin="28">
+                  Background="{StaticResource HmiScreenBackgroundBrush}">
+        <Grid MinHeight="620" Margin="24">
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto"/>
-                <RowDefinition Height="22"/>
+                <RowDefinition Height="18"/>
                 <RowDefinition Height="Auto"/>
-                <RowDefinition Height="22"/>
+                <RowDefinition Height="18"/>
                 <RowDefinition Height="*"/>
-                <RowDefinition Height="22"/>
+                <RowDefinition Height="18"/>
                 <RowDefinition Height="Auto"/>
             </Grid.RowDefinitions>
 
-            <Grid Grid.Row="0">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="*"/>
-                    <ColumnDefinition Width="Auto"/>
-                </Grid.ColumnDefinitions>
-
-                <TextBlock Text="Housing Assembly 검사 화면"
-                           Foreground="#111111"
-                           FontSize="30"
-                           FontWeight="Bold"
-                           VerticalAlignment="Center"
-                           TextWrapping="Wrap"/>
-
-                <StackPanel Grid.Column="1"
-                            Orientation="Horizontal"
-                            VerticalAlignment="Center">
-                    <TextBlock Text="Login ID"
-                               Foreground="#404040"
-                               FontSize="18"
-                               FontWeight="SemiBold"
-                               Margin="0,0,10,0"
-                               VerticalAlignment="Center"/>
-                    <TextBlock x:Name="OperatorTextBlock"
-                               Text="-"
-                               Foreground="#111111"
-                               FontSize="18"
-                               FontWeight="Bold"
-                               Margin="0,0,14,0"
-                               VerticalAlignment="Center"/>
-                    <Button x:Name="LogoutButton"
-                            Content="로그아웃"
-                            Style="{StaticResource LogoutButtonStyle}"
-                            Visibility="Collapsed"
-                            Click="LogoutButton_Click"/>
-                </StackPanel>
-            </Grid>
+            <Border Grid.Row="0"
+                    Style="{StaticResource PanelFrameStyle}">
+                <Grid>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="Auto"/>
+                    </Grid.RowDefinitions>
+
+                    <Border Grid.Row="0"
+                            Background="{StaticResource HmiPanelHeaderBrush}"
+                            BorderBrush="{StaticResource HmiPanelInnerBorderBrush}"
+                            BorderThickness="0,0,0,1"
+                            Padding="22,16">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="*"/>
+                                <ColumnDefinition Width="Auto"/>
+                            </Grid.ColumnDefinitions>
+
+                            <StackPanel>
+                                <TextBlock Text="HOUSING ASSEMBLY HMI"
+                                           Foreground="{StaticResource HmiTextBrush}"
+                                           FontSize="30"
+                                           FontWeight="Bold"
+                                           VerticalAlignment="Center"
+                                           TextWrapping="Wrap"/>
+                                <TextBlock Text="Inspection control and sensor monitoring console"
+                                           Foreground="{StaticResource HmiMutedTextBrush}"
+                                           FontSize="13"
+                                           Margin="0,4,0,0"/>
+                            </StackPanel>
+
+                            <StackPanel Grid.Column="1"
+                                        Orientation="Horizontal"
+                                        VerticalAlignment="Center"
+                                        Margin="18,0,0,0">
+                                <Border Background="#0B161F"
+                                        BorderBrush="#2E4658"
+                                        BorderThickness="1"
+                                        Padding="12,7"
+                                        Margin="0,0,10,0">
+                                    <StackPanel Orientation="Horizontal">
+                                        <Ellipse Width="12" Height="12" Fill="{StaticResource HmiRunBrush}" Stroke="#8AF0C0" StrokeThickness="1" Margin="0,0,8,0"/>
+                                        <TextBlock Text="RUN READY" Foreground="{StaticResource HmiRunBrush}" FontSize="13" FontWeight="Bold"/>
+                                    </StackPanel>
+                                </Border>
+
+                                <Border Background="#0B161F"
+                                        BorderBrush="#2E4658"
+                                        BorderThickness="1"
+                                        Padding="12,7">
+                                    <StackPanel Orientation="Horizontal">
+                                        <TextBlock Text="LOGIN ID"
+                                                   Foreground="{StaticResource HmiMutedTextBrush}"
+                                                   FontSize="13"
+                                                   FontWeight="SemiBold"
+                                                   Margin="0,0,10,0"
+                                                   VerticalAlignment="Center"/>
+                                        <TextBlock x:Name="OperatorTextBlock"
+                                                   Text="-"
+                                                   Foreground="{StaticResource HmiTextBrush}"
+                                                   FontSize="15"
+                                                   FontWeight="Bold"
+                                                   Margin="0,0,14,0"
+                                                   VerticalAlignment="Center"/>
+                                        <Button x:Name="LogoutButton"
+                                                Content="LOGOUT"
+                                                Style="{StaticResource LogoutButtonStyle}"
+                                                Visibility="Collapsed"
+                                                Click="LogoutButton_Click"/>
+                                    </StackPanel>
+                                </Border>
+                            </StackPanel>
+                        </Grid>
+                    </Border>
+
+                    <Border Grid.Row="1"
+                            Background="#081019"
+                            Padding="18,8">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="24"/>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="24"/>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+                            <StackPanel Orientation="Horizontal">
+                                <Ellipse Width="10" Height="10" Fill="{StaticResource HmiRunBrush}" Margin="0,0,8,0"/>
+                                <TextBlock Text="PLC LINK" Style="{StaticResource SmallStatusTextStyle}"/>
+                            </StackPanel>
+                            <StackPanel Grid.Column="2" Orientation="Horizontal">
+                                <Ellipse Width="10" Height="10" Fill="{StaticResource HmiAccentBrush}" Margin="0,0,8,0"/>
+                                <TextBlock Text="SCAN READY" Style="{StaticResource SmallStatusTextStyle}"/>
+                            </StackPanel>
+                            <StackPanel Grid.Column="4" Orientation="Horizontal">
+                                <Ellipse Width="10" Height="10" Fill="{StaticResource HmiWarningBrush}" Margin="0,0,8,0"/>
+                                <TextBlock Text="DB STANDBY" Style="{StaticResource SmallStatusTextStyle}"/>
+                            </StackPanel>
+                        </Grid>
+                    </Border>
+                </Grid>
+            </Border>
 
             <Border Grid.Row="2"
-                    Background="White"
-                    BorderBrush="#D0D0D0"
-                    BorderThickness="1"
-                    Padding="22">
+                    Style="{StaticResource PanelFrameStyle}">
                 <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*"/>
-                        <ColumnDefinition Width="22"/>
-                        <ColumnDefinition Width="*"/>
-                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="Auto"/>
+                    </Grid.RowDefinitions>
 
-                    <Grid Grid.Column="0">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="Auto"/>
-                        </Grid.RowDefinitions>
-                        <TextBlock Text="PCB_Barcode 입력" Style="{StaticResource LabelStyle}"/>
-                        <TextBox x:Name="BarcodeTextBox"
-                                 Grid.Row="1"
-                                 Style="{StaticResource InputBoxStyle}"
-                                 KeyDown="BarcodeTextBox_KeyDown"
-                                 TextChanged="BarcodeTextBox_TextChanged"/>
-                    </Grid>
+                    <Border Grid.Row="0"
+                            Background="#101E2A"
+                            BorderBrush="#30475A"
+                            BorderThickness="0,0,0,1"
+                            Padding="18,11">
+                        <DockPanel>
+                            <TextBlock Text="SCAN AND TRACEABILITY"
+                                       Style="{StaticResource PanelHeaderTextStyle}"/>
+                            <StackPanel DockPanel.Dock="Right" Orientation="Horizontal">
+                                <Ellipse Width="10" Height="10" Fill="{StaticResource HmiAccentBrush}" Margin="0,0,8,0"/>
+                                <TextBlock Text="BARCODE INPUT CHANNEL" Style="{StaticResource SmallStatusTextStyle}"/>
+                            </StackPanel>
+                        </DockPanel>
+                    </Border>
+
+                    <Grid Grid.Row="1" Margin="18">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="18"/>
+                            <ColumnDefinition Width="*"/>
+                        </Grid.ColumnDefinitions>
+
+                        <Border Grid.Column="0" Style="{StaticResource FieldPanelStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+                                <TextBlock Text="PCB_BARCODE INPUT" Style="{StaticResource LabelStyle}"/>
+                                <TextBox x:Name="BarcodeTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputBoxStyle}"
+                                         KeyDown="BarcodeTextBox_KeyDown"
+                                         TextChanged="BarcodeTextBox_TextChanged"/>
+                            </Grid>
+                        </Border>
 
-                    <Grid Grid.Column="2">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="Auto"/>
-                        </Grid.RowDefinitions>
-                        <TextBlock Text="IC_SN 출력" Style="{StaticResource LabelStyle}"/>
-                        <TextBox x:Name="IcSnOutputTextBox"
-                                 Grid.Row="1"
-                                 Style="{StaticResource InputBoxStyle}"
-                                 Background="White"
-                                 IsReadOnly="True"/>
+                        <Border Grid.Column="2" Style="{StaticResource FieldPanelStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+                                <TextBlock Text="IC_SN OUTPUT" Style="{StaticResource LabelStyle}"/>
+                                <TextBox x:Name="IcSnOutputTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource InputBoxStyle}"
+                                         Background="{StaticResource HmiOutputBrush}"
+                                         IsReadOnly="True"/>
+                            </Grid>
+                        </Border>
                     </Grid>
                 </Grid>
             </Border>
 
             <Border Grid.Row="4"
-                    Background="White"
-                    BorderBrush="#D0D0D0"
-                    BorderThickness="1"
-                    Padding="22">
+                    Style="{StaticResource PanelFrameStyle}">
                 <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*"/>
-                        <ColumnDefinition Width="22"/>
-                        <ColumnDefinition Width="*"/>
-                        <ColumnDefinition Width="22"/>
-                        <ColumnDefinition Width="*"/>
-                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto"/>
+                        <RowDefinition Height="*"/>
+                    </Grid.RowDefinitions>
 
-                    <Grid Grid.Column="0">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="*"/>
-                        </Grid.RowDefinitions>
-                        <DockPanel LastChildFill="False">
-                            <TextBlock Text="PT_Vol_1 / V 출력" Style="{StaticResource LabelStyle}"/>
-                            <TextBox x:Name="VMinTextBox" Style="{StaticResource RangeBoxStyle}"/>
-                            <TextBlock Text="~"
-                                       FontSize="18"
-                                       FontWeight="Bold"
-                                       Margin="6,0,0,10"
-                                       VerticalAlignment="Center"/>
-                            <TextBox x:Name="VMaxTextBox" Style="{StaticResource RangeBoxStyle}"/>
+                    <Border Grid.Row="0"
+                            Background="#101E2A"
+                            BorderBrush="#30475A"
+                            BorderThickness="0,0,0,1"
+                            Padding="18,11">
+                        <DockPanel>
+                            <TextBlock Text="MEASUREMENT MONITORING"
+                                       Style="{StaticResource PanelHeaderTextStyle}"/>
+                            <StackPanel DockPanel.Dock="Right" Orientation="Horizontal">
+                                <Ellipse Width="10" Height="10" Fill="{StaticResource HmiRunBrush}" Margin="0,0,8,0"/>
+                                <TextBlock Text="VOLTAGE / CURRENT / RESULT" Style="{StaticResource SmallStatusTextStyle}"/>
+                            </StackPanel>
                         </DockPanel>
-                        <TextBox x:Name="VOutputTextBox"
-                                 Grid.Row="1"
-                                 Text="0.00"
-                                 Style="{StaticResource OutputBoxStyle}"/>
-                    </Grid>
+                    </Border>
 
-                    <Grid Grid.Column="2">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="*"/>
-                        </Grid.RowDefinitions>
-                        <DockPanel LastChildFill="False">
-                            <TextBlock Text="PT_Current_1 / A 출력" Style="{StaticResource LabelStyle}"/>
-                            <TextBox x:Name="AMinTextBox" Style="{StaticResource RangeBoxStyle}"/>
-                            <TextBlock Text="~"
-                                       FontSize="18"
-                                       FontWeight="Bold"
-                                       Margin="6,0,0,10"
-                                       VerticalAlignment="Center"/>
-                            <TextBox x:Name="AMaxTextBox" Style="{StaticResource RangeBoxStyle}"/>
-                        </DockPanel>
-                        <TextBox x:Name="AOutputTextBox"
-                                 Grid.Row="1"
-                                 Text="0.00"
-                                 Style="{StaticResource OutputBoxStyle}"/>
-                    </Grid>
+                    <Grid Grid.Row="1" Margin="18">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="18"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="18"/>
+                            <ColumnDefinition Width="1.15*"/>
+                        </Grid.ColumnDefinitions>
 
-                    <Grid Grid.Column="4">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="*"/>
-                        </Grid.RowDefinitions>
-                        <TextBlock Text="Result / 결과 출력" Style="{StaticResource LabelStyle}"/>
-                        <TextBox x:Name="ResultOutputTextBox"
-                                 Grid.Row="1"
-                                 Style="{StaticResource OutputBoxStyle}"
-                                 FontSize="22"
-                                 FontWeight="SemiBold"
-                                 HorizontalContentAlignment="Left"
-                                 VerticalContentAlignment="Top"
-                                 TextWrapping="Wrap"
-                                 AcceptsReturn="True"
-                                 VerticalScrollBarVisibility="Auto"/>
+                        <Border Grid.Column="0" Style="{StaticResource FieldPanelStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="*"/>
+                                </Grid.RowDefinitions>
+                                <Grid>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="*"/>
+                                        <ColumnDefinition Width="Auto"/>
+                                    </Grid.ColumnDefinitions>
+                                    <TextBlock Text="PT_VOL_1 / V OUTPUT" Style="{StaticResource LabelStyle}"/>
+                                    <StackPanel Grid.Column="1" Orientation="Horizontal">
+                                        <TextBox x:Name="VMinTextBox" Style="{StaticResource RangeBoxStyle}"/>
+                                        <TextBlock Text="~"
+                                                   Foreground="{StaticResource HmiMutedTextBrush}"
+                                                   FontSize="18"
+                                                   FontWeight="Bold"
+                                                   Margin="6,0,0,10"
+                                                   VerticalAlignment="Center"/>
+                                        <TextBox x:Name="VMaxTextBox" Style="{StaticResource RangeBoxStyle}"/>
+                                    </StackPanel>
+                                </Grid>
+                                <TextBox x:Name="VOutputTextBox"
+                                         Grid.Row="1"
+                                         Text="0.00"
+                                         Style="{StaticResource OutputBoxStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Column="2" Style="{StaticResource FieldPanelStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="*"/>
+                                </Grid.RowDefinitions>
+                                <Grid>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="*"/>
+                                        <ColumnDefinition Width="Auto"/>
+                                    </Grid.ColumnDefinitions>
+                                    <TextBlock Text="PT_CURRENT_1 / A OUTPUT" Style="{StaticResource LabelStyle}"/>
+                                    <StackPanel Grid.Column="1" Orientation="Horizontal">
+                                        <TextBox x:Name="AMinTextBox" Style="{StaticResource RangeBoxStyle}"/>
+                                        <TextBlock Text="~"
+                                                   Foreground="{StaticResource HmiMutedTextBrush}"
+                                                   FontSize="18"
+                                                   FontWeight="Bold"
+                                                   Margin="6,0,0,10"
+                                                   VerticalAlignment="Center"/>
+                                        <TextBox x:Name="AMaxTextBox" Style="{StaticResource RangeBoxStyle}"/>
+                                    </StackPanel>
+                                </Grid>
+                                <TextBox x:Name="AOutputTextBox"
+                                         Grid.Row="1"
+                                         Text="0.00"
+                                         Style="{StaticResource OutputBoxStyle}"/>
+                            </Grid>
+                        </Border>
+
+                        <Border Grid.Column="4" Style="{StaticResource FieldPanelStyle}">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="*"/>
+                                </Grid.RowDefinitions>
+                                <TextBlock Text="RESULT / INSPECTION LOG" Style="{StaticResource LabelStyle}"/>
+                                <TextBox x:Name="ResultOutputTextBox"
+                                         Grid.Row="1"
+                                         Style="{StaticResource OutputBoxStyle}"
+                                         BorderBrush="{StaticResource HmiWarningBrush}"
+                                         FontSize="22"
+                                         FontWeight="SemiBold"
+                                         HorizontalContentAlignment="Left"
+                                         VerticalContentAlignment="Top"
+                                         TextWrapping="Wrap"
+                                         AcceptsReturn="True"
+                                         VerticalScrollBarVisibility="Auto"/>
+                            </Grid>
+                        </Border>
                     </Grid>
                 </Grid>
             </Border>
 
-            <Grid Grid.Row="6"/>
+            <Border Grid.Row="6"
+                    Background="#081019"
+                    BorderBrush="#253849"
+                    BorderThickness="1"
+                    Padding="16,8">
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto"/>
+                        <ColumnDefinition Width="26"/>
+                        <ColumnDefinition Width="Auto"/>
+                        <ColumnDefinition Width="26"/>
+                        <ColumnDefinition Width="Auto"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <TextBlock Text="EQUIPMENT UI MODE" Style="{StaticResource SmallStatusTextStyle}"/>
+                    <TextBlock Grid.Column="2" Text="HOUSING LINE" Style="{StaticResource SmallStatusTextStyle}"/>
+                    <TextBlock Grid.Column="4" Text="READY FOR INSPECTION" Foreground="{StaticResource HmiRunBrush}" FontSize="12" FontWeight="Bold"/>
+                </Grid>
+            </Border>
         </Grid>
     </ScrollViewer>
 </Window>