side bar tweak

src/components/cards/DailyLogCard.tsx

@@ -111,8 +111,8 @@ export function DailyLogCard({ row, onPunchOut, isDetailView = false }: { row: R
             </div>
           ) : (
             <>
-              <UserIcon size={16} className="text-strong" />
+              <UserIcon size={18} className="text-primary" />
-              <span className="text-strong">{userName}</span>
+              <span className="text-primary font-bold text-[17px]">{userName}</span>
             </>
           )}
         </div>

src/screens/ConsoleLayout.tsx

@@ -178,14 +178,18 @@ export function ConsoleLayout() {
 
         <div className="p-4 border-t border-border-subtle shrink-0 flex flex-col gap-3 mb-[env(safe-area-inset-bottom)]">
           {user && (
-            <div className="flex flex-col px-1">
+            <div className="flex items-center gap-3 px-1 py-2">
-
+              <div className="flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-lg shadow-sm border border-primary/20">
-              <span className="text-sm font-medium text-foreground truncate">{user.name || 'User'}</span>
+                {(user.name || 'U').charAt(0).toUpperCase()}
+              </div>
+              <div className="flex flex-col min-w-0">
+                <span className="text-sm font-bold text-foreground truncate">{user.name || 'User'}</span>
                 <span className="text-xs text-foreground/70 truncate">{user.email || 'user@email.com'}</span>
                 {userRoles && userRoles.length > 0 && (
-                <span className="text-xs font-semibold text-primary mt-0.5 truncate">{userRoles.join(', ')}</span>
+                  <span className="text-[10px] uppercase tracking-wider font-bold text-primary mt-0.5 truncate">{userRoles.join(', ')}</span>
                 )}
               </div>
+            </div>
           )}
           <button
             type="button"

src/screens/LoginPage.tsx

@@ -41,12 +41,12 @@ export function LoginPage() {
           <label className="flex flex-col gap-1.5 font-sans">
              <span className="text-sm font-semibold text-emerald-800">Email <span className="text-emerald-500">*</span></span>
              <input type="email" value={email} onChange={(e) => setEmail(e.target.value)} required autoFocus 
-                    className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-emerald-300" placeholder="Enter your email" />
+                    className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-slate-400" placeholder="Enter your email" />
           </label>
           <label className="flex flex-col gap-1.5 font-sans">
              <span className="text-sm font-semibold text-emerald-800">Password <span className="text-emerald-500">*</span></span>
              <input type="password" value={password} onChange={(e) => setPassword(e.target.value)} required 
-                    className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-emerald-300" placeholder="Enter your password" />
+                    className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-slate-400" placeholder="Enter your password" />
           </label>
           {error && <div className="text-xs text-ruby-600 font-medium">{error}</div>}
           <Button type="submit" full disabled={busy} className="mt-2 bg-emerald-600 hover:bg-emerald-700 text-white border-transparent">