Add OtpDialogService for mobile-friendly OTP authentication dialog

src/FrontOffice.Main/wwwroot/css/site.css

@@ -366,7 +366,7 @@ html, body {
     .wizard-card {
         padding: 1.5rem !important;
     }
-}
+} 
 
 /*#endregion*/
 /*#endregion*/
@@ -374,4 +374,29 @@ html, body {
     #registration-stepper .mud-stepper-content {
         padding: 0 10px !important;
     }
-}
+}
+
+/*#region Store - Mobile Helpers*/
+@media (max-width: 600px) {
+    .w-100-mobile { width: 100% !important; }
+    .qty-input { width: 100% !important; max-width: 220px; }
+    .mobile-actions-stack { width: 100%; display: flex; gap: .5rem; }
+    .mobile-actions-stack > * { flex: 1; }
+}
+/*#endregion*/
+
+/*#region Profile Tiles*/
+.tile-link { display: block; color: inherit; }
+.tile-link:hover { text-decoration: none; }
+.profile-tile {
+    box-shadow: 0 2px 8px rgba(0,0,0,.06);
+    transition: box-shadow .2s ease, transform .1s ease;
+}
+.profile-tile:hover {
+    box-shadow: 0 4px 16px rgba(0,0,0,.08);
+    transform: translateY(-2px);
+}
+.mud-theme-dark .profile-tile {
+    box-shadow: 0 2px 8px rgba(0,0,0,.25);
+}
+/*#endregion*/