Update login UI branding and styles

Changed the login page title and subtitle to 'Inference-in-a-Box' and updated styling for a more branded look. Modified admin access box colors and enhanced CSS for header and login card with Tetrate Orange accents and improved background gradients.

Author: smarunich

management/ui/src/components/Login.js

@@ -72,8 +72,11 @@ const Login = () => {
   return (
     <div className="login-container">
       <div className="login-card">
-        <h1 className="login-title">AI Model Management</h1>
-        <p style={{ textAlign: 'center', color: '#6b7280', marginBottom: '1.5rem' }}>
+        <h1 className="login-title" style={{ color: '#0A0D0F', fontFamily: 'Poppins, sans-serif', fontWeight: '600' }}>Inference-in-a-Box</h1>
+        <p style={{ textAlign: 'center', color: '#0A0D0F', marginBottom: '0.5rem', fontSize: '1.125rem', fontWeight: '500' }}>
+          Enterprise AI/ML Platform Demo
+        </p>
+        <p style={{ textAlign: 'center', color: '#6b7280', marginBottom: '1.5rem', fontSize: '0.875rem' }}>
           Choose your login method to access the management interface
         </p>
 
@@ -177,7 +180,7 @@ const Login = () => {
         )}
 
         {loginType === 'admin' && (
-          <div style={{ marginTop: '1.5rem', padding: '1rem', backgroundColor: '#fef3c7', borderRadius: '6px' }}>
+          <div style={{ marginTop: '1.5rem', padding: '1rem', backgroundColor: 'rgba(255, 203, 92, 0.1)', border: '1px solid #FFCB5C', borderRadius: '6px' }}>
             <h3 style={{ fontSize: '0.875rem', fontWeight: '600', marginBottom: '0.5rem' }}>
               Admin Access Features:
             </h3>

management/ui/src/index.css

@@ -50,7 +50,7 @@ code {
 }
 
 .header {
-  background: #0A0D0F; /* Tetrate Black for clean professional look */
+  background: linear-gradient(135deg, #FF5500 0%, #E64D00 100%); /* Tetrate Orange gradient */
   color: #FFFFFF; /* Tetrate White */
   padding: 1rem 2rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -420,12 +420,13 @@ code {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(135deg, #F5F5F5 0%, #E5E7EB 100%);
 }
 
 .login-card {
   background: white;
   border-radius: 8px;
+  border-top: 4px solid #FF5500; /* Tetrate Orange accent */
   padding: 2rem;
   width: 100%;
   max-width: 400px;