diff --git a/admin-spa/src/index.css b/admin-spa/src/index.css
index e3c6e76..d457ffa 100644
--- a/admin-spa/src/index.css
+++ b/admin-spa/src/index.css
@@ -66,6 +66,13 @@
   * { @apply border-border; }
   body { @apply bg-background text-foreground; }
   h1, h2, h3, h4, h5, h6 { @apply text-foreground; }
+  
+  /* Override WordPress common.css focus/active styles */
+  a:focus,
+  a:active {
+    outline: none !important;
+    box-shadow: none !important;
+  }
 }
 
 /* Command palette input: remove native borders/shadows to match shadcn */
diff --git a/admin-spa/src/routes/Login.tsx b/admin-spa/src/routes/Login.tsx
index dbf35bd..ea30f61 100644
--- a/admin-spa/src/routes/Login.tsx
+++ b/admin-spa/src/routes/Login.tsx
@@ -19,9 +19,9 @@ export function Login() {
   });
   const navigate = useNavigate();
 
-  // Fetch branding
+  // Fetch branding (public endpoint - no auth required)
   useEffect(() => {
-    fetch((window.WNW_CONFIG?.restUrl || '') + '/store/settings')
+    fetch((window.WNW_CONFIG?.restUrl || '') + '/store/branding')
       .then(res => res.json())
       .then(data => {
         setBranding({
diff --git a/admin-spa/src/routes/Settings/Payments.tsx b/admin-spa/src/routes/Settings/Payments.tsx
index afc0e90..ea78b13 100644
--- a/admin-spa/src/routes/Settings/Payments.tsx
+++ b/admin-spa/src/routes/Settings/Payments.tsx
@@ -302,11 +302,11 @@ export default function PaymentsPage() {
                 <div className="space-y-4">
                   {manualGateways.map((gateway: PaymentGateway) => (
                     <SortableGatewayItem key={gateway.id} gateway={gateway}>
-                      <div className="border rounded-lg p-4">
+                      <div className="border rounded-lg p-4 hover:border-primary/50 transition-colors">
                         <div className="flex items-center justify-between">
                           <div className="flex items-center gap-4">
-                            <div className="p-2 bg-muted rounded-lg">
-                              <Banknote className="h-5 w-5 text-muted-foreground" />
+                            <div className={`p-2 rounded-lg ${gateway.enabled ? 'bg-green-500/20 text-green-500' : 'bg-primary/10 text-primary'}`}>
+                              <Banknote className="h-5 w-5" />
                             </div>
                             <div>
                               <h3 className="font-medium">{gateway.method_title || gateway.title}</h3>
diff --git a/admin-spa/src/routes/Settings/Shipping.tsx b/admin-spa/src/routes/Settings/Shipping.tsx
index 78142fb..6b28dae 100644
--- a/admin-spa/src/routes/Settings/Shipping.tsx
+++ b/admin-spa/src/routes/Settings/Shipping.tsx
@@ -342,7 +342,9 @@ export default function ShippingPage() {
                     className="flex items-center justify-between gap-2 py-2 px-2 md:px-3 bg-muted/50 rounded-md"
                   >
                     <div className="flex items-center gap-1.5 md:gap-2 flex-1 min-w-0">
-                      <Truck className="h-3.5 w-3.5 md:h-4 md:w-4 text-muted-foreground flex-shrink-0" />
+                      <div className={`p-1 rounded flex-shrink-0 ${rate.enabled ? 'bg-green-500/20 text-green-500' : 'bg-primary/10 text-primary'}`}>
+                        <Truck className="h-3.5 w-3.5 md:h-4 md:w-4" />
+                      </div>
                       <div className="flex-1 min-w-0">
                         <span 
                           className="text-xs md:text-sm font-medium line-clamp-1"
@@ -472,7 +474,9 @@ export default function ShippingPage() {
                       <AccordionItem key={rate.id} value={String(rate.instance_id)} className="border rounded-lg mb-2">
                         <AccordionTrigger className="hover:no-underline px-4">
                           <div className="flex items-center gap-3 flex-1">
-                            <Truck className="h-4 w-4 text-muted-foreground" />
+                            <div className={`p-2 rounded-lg ${rate.enabled ? 'bg-green-500/20 text-green-500' : 'bg-primary/10 text-primary'}`}>
+                              <Truck className="h-4 w-4" />
+                            </div>
                             <div className="flex-1 text-left">
                               <div className="font-medium" dangerouslySetInnerHTML={{ __html: rate.name }} />
                               <div className="flex items-center gap-2 text-sm text-muted-foreground mt-1">
@@ -684,7 +688,9 @@ export default function ShippingPage() {
                       <AccordionItem key={rate.id} value={String(rate.instance_id)} className="border rounded-lg mb-2">
                         <AccordionTrigger className="hover:no-underline px-3 py-2">
                           <div className="flex items-center gap-2 flex-1 min-w-0">
-                            <Truck className="h-3.5 w-3.5 text-muted-foreground flex-shrink-0" />
+                            <div className={`p-1.5 rounded-lg flex-shrink-0 ${rate.enabled ? 'bg-green-500/20 text-green-500' : 'bg-primary/10 text-primary'}`}>
+                              <Truck className="h-3.5 w-3.5" />
+                            </div>
                             <div className="flex-1 text-left min-w-0">
                               <div className="font-medium text-sm line-clamp-1" dangerouslySetInnerHTML={{ __html: rate.name }} />
                               <div className="flex items-center gap-2 text-xs text-muted-foreground mt-0.5">
diff --git a/includes/Api/StoreController.php b/includes/Api/StoreController.php
index 4a9f488..aee9be3 100644
--- a/includes/Api/StoreController.php
+++ b/includes/Api/StoreController.php
@@ -32,6 +32,15 @@ class StoreController extends WP_REST_Controller {
      * Register routes
      */
     public function register_routes() {
+        // GET /woonoow/v1/store/branding (PUBLIC - for login page)
+        register_rest_route($this->namespace, '/' . $this->rest_base . '/branding', [
+            [
+                'methods' => WP_REST_Server::READABLE,
+                'callback' => [$this, 'get_branding'],
+                'permission_callback' => '__return_true', // Public endpoint
+            ],
+        ]);
+        
         // GET /woonoow/v1/store/settings
         register_rest_route($this->namespace, '/' . $this->rest_base . '/settings', [
             [
@@ -78,6 +87,26 @@ class StoreController extends WP_REST_Controller {
         ]);
     }
     
+    /**
+     * Get store branding (PUBLIC - for login page)
+     * 
+     * @param WP_REST_Request $request Request object
+     * @return WP_REST_Response Response object
+     */
+    public function get_branding(WP_REST_Request $request) {
+        $branding = [
+            'store_name' => get_option('blogname', 'WooNooW'),
+            'store_logo' => get_option('woonoow_store_logo', ''),
+            'store_icon' => get_option('woonoow_store_icon', ''),
+            'store_tagline' => get_option('woonoow_store_tagline', ''),
+        ];
+        
+        $response = rest_ensure_response($branding);
+        $response->header('Cache-Control', 'max-age=300'); // Cache for 5 minutes
+        
+        return $response;
+    }
+    
     /**
      * Get store settings
      *