update

resources/scss/app.scss

@@ -296,6 +296,10 @@ details[open] > .sidebar__group-toggle .sidebar__toggle-arrow {
   max-width: 460px;
 }
 
+.form-field {
+  margin-bottom: 12px;
+}
+
 .section-title {
   margin: 0;
   color: var(--c-text-strong);
@@ -308,14 +312,27 @@ h3.section-title,
 h4.section-title {
   display: flex;
   align-items: center;
-  gap: 8px;
-  font-weight: 400;
-  padding: 5px 10px;
-  border-left: 3px solid var(--c-primary);
-  border-radius: 7px;
-  background: linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);
-  color: #1e3a8a;
-  box-shadow: inset 0 0 0 1px #dbe7fb;
+  gap: 6px;
+  font-weight: 600;
+  padding: 6px 0;
+  border-bottom: 1px solid #e2e8f0;
+  color: var(--c-primary, #2563eb);
+
+  &::before {
+    content: '\25A0';
+    font-size: 0.55em;
+    opacity: 0.5;
+  }
+}
+
+h3.section-title,
+h4.section-title {
+  font-size: 15px;
+
+  &::before {
+    content: '\25C6';
+    font-size: 0.5em;
+  }
 }
 
 .mt-0 {
@@ -2083,18 +2100,16 @@ h4.section-title {
 
 .integration-settings-group__head {
   margin-bottom: 8px;
-  padding: 4px 8px;
-  border-left: 3px solid var(--c-primary, #2563eb);
-  background: #eef4ff;
-  border-radius: 6px;
+  padding: 4px 0;
+  border-bottom: 1px solid #e2e8f0;
 }
 
 .integration-settings-group__title {
   margin: 0;
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 600;
   letter-spacing: 0.01em;
-  color: #1e3a8a;
+  color: var(--c-text-strong, #1e293b);
 }
 
 .integration-settings-group__desc {