InstaClientPS/layout.xaml

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="InstaClient - SVS Tools"
        SizeToContent="Height" Width="480"
        WindowStartupLocation="CenterScreen"
        Background="#1e1e2f"
        ResizeMode="NoResize"
        FontFamily="Segoe UI">

  <Window.Resources>
    <!-- Rounded TextBox style with placeholder -->
    <Style x:Key="RoundedTextBox" TargetType="TextBox">
      <Setter Property="Background" Value="#2d2d3a"/>
      <Setter Property="Foreground" Value="White"/>
      <Setter Property="Padding" Value="2,6,6,6"/>
      <Setter Property="BorderBrush" Value="#3f3f3f"/>
      <Setter Property="BorderThickness" Value="1"/>
      <Setter Property="FontSize" Value="14"/>
      <Setter Property="Height" Value="34"/>
      <Setter Property="Margin" Value="0,4,0,4"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="TextBox">
            <Grid>
              <Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
              <ScrollViewer x:Name="PART_ContentHost" Margin="10,0,0,0"/>
              <TextBlock x:Name="Watermark"
                         Text="{TemplateBinding Tag}"
                         Foreground="#888"
                         Margin="10,0,0,0"
                         VerticalAlignment="Center"
                         IsHitTestVisible="False"
                         Visibility="Collapsed"/>
            </Grid>
            <ControlTemplate.Triggers>
              <Trigger Property="Text" Value="">
                <Setter TargetName="Watermark" Property="Visibility" Value="Visible"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

    <!-- Fancy animated button -->
    <Style x:Key="FancyButton" TargetType="Button">
      <Setter Property="Background" Value="#007bff"/>
      <Setter Property="Foreground" Value="White"/>
      <Setter Property="FontWeight" Value="SemiBold"/>
      <Setter Property="Padding" Value="8,4"/>
      <Setter Property="Cursor" Value="Hand"/>
      <Setter Property="BorderThickness" Value="0"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="Button">
            <Border x:Name="buttonBorder" CornerRadius="8" Background="{TemplateBinding Background}">
              <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
            <ControlTemplate.Triggers>
              <Trigger Property="IsMouseOver" Value="True">
                <Trigger.EnterActions>
                  <BeginStoryboard>
                    <Storyboard>
                      <ColorAnimation Storyboard.TargetName="buttonBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#0056b3" Duration="0:0:0.2"/>
                    </Storyboard>
                  </BeginStoryboard>
                </Trigger.EnterActions>
                <Trigger.ExitActions>
                  <BeginStoryboard>
                    <Storyboard>
                      <ColorAnimation Storyboard.TargetName="buttonBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#007bff" Duration="0:0:0.2"/>
                    </Storyboard>
                  </BeginStoryboard>
                </Trigger.ExitActions>
              </Trigger>
              <Trigger Property="IsPressed" Value="True">
                <Setter TargetName="buttonBorder" Property="Background" Value="#003f88"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

    <!-- Modern toggle-style CheckBox -->
    <Style x:Key="ModernCheckBox" TargetType="CheckBox">
      <Setter Property="Foreground" Value="White"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="CheckBox">
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
              <Grid Width="40" Height="22" Margin="0,0,8,0">
                <Border x:Name="SwitchBorder" Background="#555" CornerRadius="11"/>
                <Ellipse x:Name="SwitchKnob" Fill="White" Width="18" Height="18" Margin="2" HorizontalAlignment="Left"/>
              </Grid>
              <ContentPresenter VerticalAlignment="Center" RecognizesAccessKey="True"/>
            </StackPanel>
            <ControlTemplate.Triggers>
              <Trigger Property="IsChecked" Value="True">
                <Setter TargetName="SwitchBorder" Property="Background" Value="#28a745"/>
                <Setter TargetName="SwitchKnob" Property="HorizontalAlignment" Value="Right"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </Window.Resources>

  <Grid Margin="20">
    <StackPanel Orientation="Vertical">
      <!-- Logo -->
      <Image Source="https://i.ibb.co/vCTJYn2j/svs-logo-nav-wh.png" Height="60" HorizontalAlignment="Center" Margin="0,0,0,10"/>

      <TextBlock Text="InstaClient Provisioning Utility" FontSize="20" FontWeight="SemiBold" Foreground="White" HorizontalAlignment="Center" Margin="0,0,0,10"/>

      <!-- Inputs -->
      <StackPanel Orientation="Vertical">
        <TextBox Name="CompanyNameBox" Style="{StaticResource RoundedTextBox}" Tag="Company Name"/>
        <TextBox Name="PhoneBox" Style="{StaticResource RoundedTextBox}" Tag="Phone Number"/>
        <TextBox Name="WebsiteBox" Style="{StaticResource RoundedTextBox}" Tag="Website"/>

        <!-- Street + Country -->
        <Grid Margin="0,5,0,0">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          <TextBox Name="StreetBox" Style="{StaticResource RoundedTextBox}" Tag="Street Address" Grid.Column="0" Margin="0,0,8,0"/>
          <TextBox Name="CountryBox" Style="{StaticResource RoundedTextBox}" Tag="Canada" Grid.Column="1"/>
        </Grid>

        <!-- City + Province + Postal Code -->
        <Grid Margin="0,5,0,0">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          <TextBox Name="CityBox" Style="{StaticResource RoundedTextBox}" Tag="City" Grid.Column="0" Margin="0,0,8,0"/>
          <TextBox Name="ProvinceBox" Style="{StaticResource RoundedTextBox}" Tag="Province/State" Grid.Column="1" Margin="0,0,8,0"/>
          <TextBox Name="PostalCodeBox" Style="{StaticResource RoundedTextBox}" Tag="Postal Code" Grid.Column="2"/>
        </Grid>

        <!-- Tool Selection -->
        <CheckBox Name="SelectAllBox" Content="Select All Tools" Margin="0,15,0,0" FontWeight="Bold" Foreground="White" Style="{StaticResource ModernCheckBox}"/>

        <StackPanel Margin="10,5,0,0">
          <CheckBox Name="AutotaskBox" Content="Autotask" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="DattoBox" Content="Datto RMM" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="ITGlueBox" Content="ITGlue (Disabled)" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="BackupBox" Content="Backup V2 (Disabled)" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="RocketcyberBox" Content="Rocketcyber (Disabled)" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="CyberQPBox" Content="Cyber QP (Disabled)" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
          <CheckBox Name="Pax8Box" Content="Pax8" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
        </StackPanel>

        <!-- Buttons -->
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,25,0,0">
          <Button Name="LoginBtn" Content="Login with Microsoft" Width="180" Height="38" Margin="5" Style="{StaticResource FancyButton}"/>
          <Button Name="SubmitBtn" Content="Provision Now" Width="120" Height="38" Margin="5" Style="{StaticResource FancyButton}"/>
        </StackPanel>

        <!-- Status -->
        <TextBlock Name="StatusBlock" Foreground="LightGreen" TextAlignment="Center" Margin="0,15,0,0"/>
      </StackPanel>
    </StackPanel>
  </Grid>
</Window>