fix: employees avatar

src/app/pages/admin/employees/employees.html

@@ -66,7 +66,7 @@
         <tr *ngFor="let emp of filtered" [class.disabled]="emp.isDisabled">
           <td>
             <div style="display:flex;align-items:center;gap:8px;">
-              <img *ngIf="emp.avatar" [src]="emp.avatar" alt="" style="width:28px;height:28px;border-radius:50%;"/>
+              <img [src]="emp.avatar || '/assets/images/default-avatar.svg'" alt="" style="width:28px;height:28px;border-radius:50%;"/>
               <div>
                 <div style="font-weight:600;">{{ emp.name }}</div>
                 <div style="font-size:12px;color:#888;" *ngIf="emp.position">{{ emp.position }}</div>

src/app/pages/admin/employees/employees.scss

@@ -233,48 +233,20 @@
     }
   }
 
-  .panel-body {
-    flex: 1;
-    overflow-y: auto;
-    padding: 20px;
-  }
-
-  .panel-footer {
-    padding: 16px 20px;
-    border-top: 1px solid #f0f0f0;
-    display: flex;
-    justify-content: flex-end;
-    gap: 12px;
-  }
-}
-
-.form-group {
-  margin-bottom: 20px;
-
-  label {
-    display: block;
-    margin-bottom: 8px;
-    font-weight: 500;
-  }
-
-  .form-control {
-    width: 100%;
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-  }
-}
-
-.detail-item {
-  margin-bottom: 20px;
-
-  label {
-    display: block;
-    color: #999;
-    margin-bottom: 8px;
-  }
-
-  div {
-    font-size: 16px;
-  }
+  .panel-body{padding:20px;overflow:auto}
+  .detail-view{display:flex;flex-direction:column;gap:16px}
+  .detail-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
+  .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #eee}
+  .title-block .name{font-size:18px;font-weight:600}
+  .title-block .position{font-size:12px;color:#888}
+  .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
+  .detail-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px}
+  .detail-item label{display:block;color:#666;font-size:12px;margin-bottom:6px}
+  .detail-item div{font-size:14px;color:#333}
+  .skills{margin-top:6px}
+  .tags{display:flex;gap:6px;flex-wrap:wrap}
+  .tag{padding:4px 8px;border-radius:12px;background:#eef2ff;color:#4f46e5;font-size:12px}
+  .workload label{display:block;color:#666;font-size:12px;margin-bottom:6px}
+  .panel-header h2{display:flex;align-items:center;gap:8px}
+  .panel-header h2::before{content:"👤"}
 }