Improve portfolio title images, branding, and super-admin domains UI.

Add aspect-ratio crop presets for portfolio title images, fixed card image placeholders with contained centering, Meshkee favicon/logo fallbacks, login branding updates, category FAB alignment, and super-admin website/domain SSL tooling.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/pages/AddNewProductPage.module.css

@@ -26,6 +26,14 @@
 .col9 { grid-column: span 9; }
 .col12 { grid-column: span 12; }
 
+.formColumn {
+  grid-column: span 9;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+
 .thumbnailField {
   align-self: start;
 }
@@ -176,6 +184,41 @@
   border-radius: var(--radius-sm);
 }
 
+.aspectOptions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 4px;
+}
+
+.aspectChip {
+  padding: 5px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--text-secondary);
+  background: rgba(255, 255, 255, 0.7);
+  border: 1px solid rgba(148, 163, 184, 0.35);
+  border-radius: 50px;
+  transition: border-color 0.15s, color 0.15s, background 0.15s;
+}
+
+.aspectChip:hover:not(:disabled) {
+  border-color: var(--primary);
+  color: var(--primary);
+}
+
+.aspectChip:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.aspectChipSelected {
+  background: rgba(var(--primary-rgb) / 0.12);
+  border-color: var(--primary);
+  color: var(--primary);
+}
+
 @media (max-width: 768px) {
   .form {
     padding: 20px 16px;
@@ -192,7 +235,8 @@
   .col10,
   .col4Start,
   .col9,
-  .col12 {
+  .col12,
+  .formColumn {
     grid-column: span 12;
   }