feat(web): plan de cuentas como SAP (árbol con grupos y nivel al lado del formulario; propiedades, costos e info detallada)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/features/masters/master-form.page.html

@@ -9,6 +9,8 @@
 </sbo-toolbar>
 
 <sbo-window [title]="windowTitle()" [badge]="badge()" [status]="status()">
+  <div class="split" [class.two]="layout.chartTree">
+  <div class="left">
   <div class="sbo-hdr">
     <div class="sbo-col">
       @for (f of layout.header.left; track $index) {
@@ -22,10 +24,6 @@
     </div>
   </div>
 
-  @if (layout.accountGroups) {
-    <sbo-account-groups [code]="groupCode()" />
-  }
-
   <sbo-tabs ariaLabel="Datos del registro">
     @for (tab of layout.tabs; track tab.id) {
       <sbo-tab [label]="tab.label">
@@ -57,6 +55,11 @@
       </sbo-tab>
     }
   </sbo-tabs>
+  </div>
+  @if (layout.chartTree) {
+    <sbo-chart-tree-panel [selected]="groupCode()" />
+  }
+  </div>
 
   <button sboActions class="btn main" type="button" [disabled]="saving() || loading()" (click)="save()">
     {{ isNew() ? 'Crear' : 'Actualizar' }}