Refactor code structure for improved readability and maintainability

assets/admin/styles.css

@@ -332,11 +332,10 @@ body {
 }
 .brand-logo {
   width: 38px; height: 38px; flex: none; border-radius: 11px;
-  background: linear-gradient(150deg, var(--primary), var(--primary-700));
-  display: grid; place-items: center; color: #fff;
-  box-shadow: 0 6px 16px var(--ring);
+  display: grid; place-items: center; overflow: hidden;
   flex-shrink: 0;
 }
+.brand-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
 .brand-text { display: flex; flex-direction: column; line-height: 1.25; overflow: hidden; white-space: nowrap; }
 .brand-text b    { font-size: 16px; letter-spacing: -.2px; color: var(--text); }
 .brand-text span { font-size: 11.5px; color: var(--text-3); }
@@ -704,7 +703,6 @@ html, body { max-width: 100%; overflow-x: hidden; }
 
 /* لایه‌های ریسپانسیو مشترک */
 .split-2 { display: grid; grid-template-columns: 1fr minmax(0, 320px); gap: var(--gap); align-items: start; }
-.form-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
 
 .scrim { display: none; }
 @media (max-width: 1080px) {
@@ -725,9 +723,6 @@ html, body { max-width: 100%; overflow-x: hidden; }
 @media (max-width: 860px) {
   .split-2 { grid-template-columns: 1fr; }
 }
-@media (max-width: 600px) {
-  .form-row { grid-template-columns: 1fr; }
-}
 @media (max-width: 560px) {
   .page-head, .toolbar { flex-wrap: wrap; }
 }