Switch SuperAdmin UI to IRANSans and fix mobile overflow.

Use iranSans woff2 globally and harden SMS/layout grids so page heads and stats stay inside the viewport on small screens.

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

src/layouts/AppLayout.vue

@@ -94,7 +94,9 @@ onMounted(loadSmsToggle)
 <style scoped>
 .shell {
   min-height: 100vh;
+  max-width: 100%;
   background: #eef2f7;
+  overflow-x: hidden;
 }
 
 .topbar {
@@ -218,8 +220,10 @@ onMounted(loadSmsToggle)
 }
 
 .content {
-  padding: 16px;
+  padding: 12px;
   max-width: 1200px;
+  width: 100%;
+  min-width: 0;
   margin: 0 auto;
 }
 
@@ -231,5 +235,7 @@ onMounted(loadSmsToggle)
 @media (max-width: 640px) {
   .sms-toggle-label { display: none; }
   .user-name { display: none; }
+  .topbar { gap: 8px; padding: 12px; }
+  .brand-btn small { display: none; }
 }
 </style>