body {
  background: #f3f6fa;
}

.tile-card {
  transition: transform .2s ease, box-shadow .2s ease;
  border-radius: 1rem;
  border-left: 6px solid transparent;
}

.tile-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, .12);
}

.tile-icon {
  font-size: 1.4rem;
  color: #334155;
}

.tile-projects { background: linear-gradient(160deg, #eff6ff, #ffffff); border-left-color: #2563eb; }
.tile-areas { background: linear-gradient(160deg, #ecfdf5, #ffffff); border-left-color: #059669; }
.tile-resources { background: linear-gradient(160deg, #f5f3ff, #ffffff); border-left-color: #7c3aed; }
.tile-archive { background: linear-gradient(160deg, #f8fafc, #ffffff); border-left-color: #475569; }
.tile-contacts { background: linear-gradient(160deg, #fff7ed, #ffffff); border-left-color: #ea580c; }
.tile-contexts { background: linear-gradient(160deg, #fdf4ff, #ffffff); border-left-color: #c026d3; }
.tile-calendar { background: linear-gradient(160deg, #ecfeff, #ffffff); border-left-color: #0891b2; }
.tile-generic { background: linear-gradient(160deg, #f8fafc, #ffffff); border-left-color: #64748b; }

.dt-buttons .btn {
  margin-right: .4rem;
}

.card {
  border-radius: 1rem;
}