.account-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 16px;
}

.account-summary > div {
  padding: 18px 20px;
  border: 1px solid #d9e4f1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(20, 64, 124, .04);
}

.account-summary span { color: #748198; font-size: 12px; }
.account-summary strong { display: block; margin-top: 5px; color: #176ee5; font-size: 28px; }
.account-panel { min-height: 570px; }
.account-panel-head { height: 70px; }
.department-create { display: flex; gap: 8px; }
.department-create input { width: 180px; padding: 9px 12px; }
.account-table-scroll { overflow-x: auto; }
.account-table { min-width: 980px; }
.account-table td { padding-top: 14px; padding-bottom: 14px; }
.account-table .pending-row { background: #fffaf1; }
.department-select { min-width: 120px; padding: 8px 10px; }
.account-actions .approve { color: #07845f; }
.account-actions .reject { color: #d83b4c; }

@media (max-width: 900px) {
  .account-summary { grid-template-columns: 1fr 1fr; }
  .account-panel-head { height: auto; min-height: 70px; gap: 12px; align-items: flex-start; padding-top: 12px; padding-bottom: 12px; }
  .department-create { flex-direction: column; }
  .department-create input { width: 160px; }
}